Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Rozjechany DVZ Shoutbox

Błąd   Założony przez  pisak2250.

wersja skryptu MyBB: Mybb 1.6.8
adres forum: www.Cs-Hell.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): DVZ Shoutbox, tak jakby się rozjechał, sprawdźćcie sami na www.Cs-Hell.pl Pomoże ktoś?
Matslom napisał 12.02.2013, 20:49:
Poprawiam tytuł, przenoszę do odpowiedniego działu - [Obrazek: modnotice_howto.png]
Tjaa, tylko chyba dla gości jest on nie widoczny? A zakładać konto tylko po to, żeby zobaczyć rozjechany shoutbox? Nie dla mnie.
Wyłączyłem go całkiem, żeby nie odstraszać ludzi, już jest włączony.
Może chodzi o ten biały pasek przy każdej wiadomości ?
Jeśli tak, to jest to spowodowane grafiką w trow1/trow2 http://cs-hell.pl/images/neonglow/trow1.jpg
Więc wejdź do global.css i wyszukaj wpisu .trow1 i tam gdzie masz background zamień
repeat-x
na
repeat repeat
Styl shoutboxa, który wkleiłeś do swojego głównego stylu css ,te dwie linijki odpowiadają za kolor wersów. Spróbuj zrobić kolory takie same.
#shoutbox .trow1
#shoutbox .trow2
worek, nie pomogło

gloverek, nigdzie obok shoutbox .trow1 nie mam czegoś takiego jak repeat -x

oto mój shoutbox.css

.tablehead { padding: 5px 10px; background: #026CB1 url(images/neonglow/thead.png) repeat-x; border: solid 1px #026CB1; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF; }
.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .trow2 { background-color: #FAFAFA; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #FFFFFF; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }
Masz to zrobić w global.css
Wyszukaj wpisu .trow1 i zmień tak jak Ci napisałem.

Szukaj podobnego wpisu:
.trow1, .trow2 {
    border-top: 1px solid #2E2E2E;  
    border-bottom: 1px solid #0F0F0F;
    border-top: 1px solid rgba(255, 255, 255, 0.05);  
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
    padding: 10px;
    vertical-align: middle;
background:url(images/neonglow/trow1.jpg) repeat-x #292929;

;

A właśnie tutaj musisz zmodyfikowac, bo wpisy, które dodałeś do shoutboxa korzystają z tej klasy.
Dzięki, działa ;]



Użytkownicy przeglądający ten wątek:

2 gości