Skocz do zawartości

Rozwalony szablon Emerald MyBB po dodaniu DVZ Shoutbox


Kajuu
 Udostępnij

Przejdź do rozwiązania Rozwiązane przez Tomik,

Rekomendowane odpowiedzi

Siema pecetowicze !

Mam taki problem ,iż użyłem szablonu który udostępnił @chrumcio mianowicie jest to Emerald Theme - Clean & Responsive Theme - Pecetowicz

Problem jest następujący, iż gdy próbuje dodać shoutboxa do tego szablonu oczywiście w katalogu index to dzieje się takie coś (pacz zdj).

Miało to wyglądać tak w oddzielnej tabeli wszystko ładnie awatary itd.

Zainstalowany plugin to oczywiście DVZ Shoutbox 2.3.2.

Kontakt: pw lub GG:64808384

image

Odnośnik do komentarza
Udostępnij na innych stronach

No dobra zadziałało to tylko jak teraz zrobić ,żeby było to tak jak tutaj czyli w oddzielnej tabeli ? Tam gdzie pisze Kacper to jest moje. Czyli w sumie to o takie obramowanie,tabelkę oddzielną i te archiwum żeby pisało tak na równo jak na pierwszym zdj ,a nie tak jak na drugim pod shoutboxem.

image

Edytowane przez Kajuu
Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert
  • Rozwiązanie

@Kajuu Utwórz nowy arkusz CSS pod nazwą shoutbox.css i dodaj:

Spoiler

#shoutbox {
	margin-bottom: 5px; border: 1px solid #000000;
}

#shoutbox .head {
	color: #FFFFFF;
	font-size:13px;
	position:relative;
	text-shadow:1px 1px 1px #00000047;
	border-bottom:2px solid #b4b4b4;
	padding:17px;
}

#shoutbox .head:after {
	content:"";
	width:30%;
	height:2px;
	background:#3280d5;
	position:absolute;
	bottom:-2px;
	left:0
}

#shoutbox .head .right {
	float:right;
	margin:0;
	font-size:13px
}

#shoutbox.collapsed .head {
	opacity:.6
}

#shoutbox.collapsed .body {
	display:none
}

#shoutbox input.text {
	margin:0;
	padding:10px 8px;
	width:100%;
	box-sizing:border-box;
	border:none;
	font-family:Arial,sans-serif;
	font-size:12px;
	color: #333;
	background: #e9e9e9;
}

#shoutbox button {
	display:none
}

#shoutbox .minposts,#shoutbox .blocked {
	padding:6px;
	font-size:11px
}

#shoutbox .panel.minposts {
	background:#FFFED8;
	color:#727250
}

#shoutbox .panel.blocked {
	background:#FCEFEF;
	color:#543A3A
}

#shoutbox .panel p {
	margin:0
}

#shoutbox .window {
	overflow-y:scroll
}

#shoutbox .data {
	display:table;
	width:100%;
	font-family:Arial,sans-serif;
	font-size:12px
}

#shoutbox.front .data {
	border-top:none
}

#shoutbox .entry {
	width:100%;
	transition:background-color .2s;
	position:  relative;
}

#shoutbox .entry:nth-child(even) {
	background-color:rgba(0,0,0,0.01)
}

#shoutbox .entry.new {
	background-color:rgba(255,255,100,0.1)
}

#shoutbox .entry:target {
	background-color:rgba(50,200,255,0.1)
}

#shoutbox .entry:last-child > div {
	border-bottom:none
}

#shoutbox .entry > div {
	padding:6px;
	display: table-cell;
}

#shoutbox .entry > div.avatar {
	position: absolute;
}

#shoutbox .entry  > div.text {
    padding: 6px 0 6px 48px;
}

#shoutbox .avatar img {
	margin:0 auto;
	vertical-align:middle;
	height: 34px;
	width: 34px;
	border-radius: 50%;
	border:solid 1px rgba(255,255,255,0.1);
	box-shadow:0 0 2px rgba(0,0,0,0.1);
	cursor:pointer;
}

#shoutbox .text h5,
#shoutbox .text h6 {
	margin: 0;
	padding: 0;
}

#shoutbox .text h5 {
	font-size: 13px;
}

#shoutbox .text h6 {
	font-size: 12px;
	font-weight: 500;
}

#shoutbox .text {
	width:100%;
	color:#555;
	word-break:break-all;
	word-wrap:break-word
}

#shoutbox .info {
	font-size:11px;
	color: #555;
	white-space:nowrap;
	text-align:right;
}

#shoutbox .entry.unread .info:before {
	display:inline-block;
	position:relative;
	top:-2px;
	margin-right:10px;
	height:4px;
	width:4px;
	content:'';
	background:rgba(255,100,0,0.8);
	border-radius:10px;
}

#shoutbox .info a {
	color:inherit;
}

#shoutbox .mod {
	padding:6px 8px;
	font-size:9px;
	font-weight:700;
	color:#AAA;
	text-decoration:none;
}

#shoutbox .mod:nth-of-type(2) {
	margin-right:5px;
	border-left:solid 1px rgba(0,0,0,0.1);
}

#shoutbox .ip {
	margin-right:10px;
	color:#CECECE;
}
		

 

Następnie otwórz szablony globalne  dvz_shoutbox i podmień:

<div id="shoutbox" class="front{$classes}">

<div class="head thead">
<div class="leftsd"><strong>Czat</strong></div>
<div class="right rightsd"><a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive">Archiwum wpisów</a></div>
</div>

<div class="body">
<div class="window" style="height:{$mybb->settings['dvz_sb_height']}px">
<div class="data">
{$html}
</div>
</div>
{$panel}
</div>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script>
{$javascript}

</div>
Edytowane przez Tomasz
Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Podobna zawartość

    • Siemka. Może ktoś mi powiedzieć jak usunąć dolny poziomy pasek przewijania na DVZ Shoutbox? 
      Z góry dziękuję. 

    • Autor: SvePu
      Plugin DVZ Shoutbox CSS Installer jest dla użytkowników którzy mają problem z DVZ Shoutbox  a dokładnie z CSS Plugin współgra  z najnowszą wersją DVZ Shoutbox 2.3.2
      Instalacja
      1. Wyślij na serwer pliki zachowując strukturę katalogów.
      2. Aktywuj ponownie plugin.
      3. W razie jakiegoś problemu edytuj Arkusze CSS dvz_shoutbox.css skaskuj całą jego zawartość i wklej styl zawarty w paczce od DVZ Shoutbox w STYLES.txt

      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.  lub  Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
    • Witam. Czy jest możliwość zmiany czcionki tylko w DVZ Shoutbox? Czy da się zrobić tak aby na czacie podczas pisania była inna czcionka niż ta na forum? A i czy jest wtyczka czatu która pozwala pisać tylko między użytkownikami w chatroomach? (własnych kanałach)
    • Witam. Jak zmienić kolor tła oraz tekstu we wtyczce DVZ Shoutbox pod ciemny styl w MyBB?
    • Witajcie. Dodaję polskie tłumaczenie pluginu (wtyczki) DVZ Shoutbox. Spolszczenie działa z każdą wersją skryptu MyBB.  
      DVZ-Shoutbox to AJAX-owy mini-chat, przyjazny zarówno dla użytkownika jak i dla serwera.
      Wersja pluginu: 2.3.2 Wersja MyBB: 1.8.x Autor spolszczenia: Devilshakerz Pobierz spolszczenie DVZ Shoutbox

      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość. Jak zainstalować spolszczenie DVZ Shoutbox
      Połącz się przez FTP, następnie przenieś folder /inc/ do głównego folderu, tam gdzie masz zainstalowane MyBB. Jeżeli program zapyta czy nadpisać pliki, kliknij Tak.
  • Najnowsze tematy

  • Ostatnio rozwiązane

    • Próbowałem już tego, sprawdzałem zmianę każdego ustawienia lecz niewiele to dało. Zauważyłem też że przy włączeniu komputera całkowicie od nowa, monitor przez pewien czas wyświetla prawidłową barwę kolorów a potem je zmienia. W załączniku porównanie kolorów z laptopa(niebieskie) i monitora(różowe). (Nie wiem czy ma to cokolwiek do rzeczy, ale do pisania na tablecie graficznym używam programu MC OneNote, który zawsze miał motyw biały. Gdy któregos razu uruchomiłem aplikację, zmieniła ona motyw na czarny i od tamtego  czasu, kolory są zimne, nienasycone.) PROBLEM ROZWIĄZANY  Otóż zauważyłem, że kolory wyglądają jak w trybie dla daltonistów. Wszedłem w ustawienia i okazało się, że (nie wiem dlaczego nigdy tego nie włączałem) miałem włączone filtry kolorów. Po ich wyłączeniu wszystko wróciło do normy. Może przypadkowo nacisnąłem jakiś skrót klawiszowy, nie mam pojęcia.😅
    • Cześć. Odpowiednikiem RTX 2060 OC jest AMD Radeon RX 5600 XT. Karta pobiera 10W mniej, ma tyle samo pamięci (6GB GDDR6) i tą samą szynę pamięci 192 Bit. Ewentualnie trochę tańsza ale z 2 GB pamięci więcej RX 5500 XT OC 8GB GDDR6 za 2100 zł.
×