dvz_shoutbox Nietypowy wyglad

wersja skryptu 1.6
adres forum: http://overkill-gaming.pl/
na czym polega problem (screen, opis, komunikaty):

Witam,

Przy instalacji shoutboxa dvz_shoutbox zawsze mam nietypowy wyglad w przeciwieństwie do innych stron z tym shoutboxem. Dodam iż dodałem styl do global.css i nadal mam taki a nie ładniejszy wygląd i jak by nie korzystal z stylu mojej strony.

Matslom napisał 24.05.2013, 20:45:
Przenoszę do odpowiedniego działu

<!-- start: dvz_shoutbox -->
    <div id="sbwrapper">
    <div id="shoutbox">
    <div class="panel-away" style="display:none;"><button class="button" onclick="dvz_shoutbox.setBack()">Wróciłem</button>Automatyczne odświeżanie zostało wyłączone po nieaktywności użytkownika.</div>
    <div class="panel"><form onsubmit="dvz_shoutbox.shout();return false"><input type="text" id="shout_text" placeholder="Wpisz wiadomość" autocomplete="off"/><input type="submit" value="Wyślij &raquo;" id="shout_button"/><img src="http://192.166.218.209/spinner.gif" style="display:none" id="dvz_sb_loading"/></form></div>
    <div id="shoutbox_data" style="height:200px; overflow:auto; text-align: left;"></div>
    </div>
    </div>
    
    <script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
    <script>now=new Date;dvz_shoutbox.userLastAction=now.getTime();dvz_shoutbox.interval=30;dvz_shoutbox.antiflood=20;dvz_shoutbox.maxShouts=10;dvz_shoutbox.awayTimeout=600*1000;dvz_shoutbox.lang=['Czy na pewno chcesz usunąć tę wiadomość?','Musisz odczekać
co najmniej {
ANTIFLOOD
}

sekund przed kolejnymi wysyłanymi wiadomościami.'];dvz_shoutbox.checkForMessages();</script>
    <!-- end: dvz_shoutbox -->

Ten kod wkleja się do szablonu strony głównej (czy gdzie tam chcesz mieć shoutboxa), a nie do pliku CSS ze stylem, jak w twoim, dość oryginalnym, przypadku
Rozwiązanie: Usuń ten fragment ze stylu i dodaj do wybranego szablonu...

Przecież tam w tym pluginie jest instrukcja co i jak zrobić

<!-- start: dvz_shoutbox -->
    <div id="sbwrapper">
    <div id="shoutbox">
    <div class="panel-away" style="display:none;"><button class="button" onclick="dvz_shoutbox.setBack()">Wróciłem</button>Automatyczne odświeżanie zostało wyłączone po nieaktywności użytkownika.</div>
    <div class="panel"><form onsubmit="dvz_shoutbox.shout();return false"><input type="text" id="shout_text" placeholder="Wpisz wiadomość" autocomplete="off"/><input type="submit" value="Wyślij &raquo;" id="shout_button"/><img src="http://192.166.218.209/spinner.gif" style="display:none" id="dvz_sb_loading"/></form></div>
    <div id="shoutbox_data" style="height:200px; overflow:auto; text-align: left;"></div>
    </div>
    </div>
    
    <script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
    <script>now=new Date;dvz_shoutbox.userLastAction=now.getTime();dvz_shoutbox.interval=30;dvz_shoutbox.antiflood=20;dvz_shoutbox.maxShouts=10;dvz_shoutbox.awayTimeout=600*1000;dvz_shoutbox.lang=['Czy na pewno chcesz usunąć tę wiadomość?','Musisz odczekać
co najmniej {
ANTIFLOOD
}

sekund przed kolejnymi wysyłanymi wiadomościami.'];dvz_shoutbox.checkForMessages();</script>
    <!-- end: dvz_shoutbox -->

Ten kod wkleja się do szablonu strony głównej (czy gdzie tam chcesz mieć shoutboxa), a nie do pliku CSS ze stylem, jak w twoim, dość oryginalnym, przypadku
Rozwiązanie: Usuń ten fragment ze stylu i dodaj do wybranego szablonu...

Dodałem to do index.php i nadal to samo. Natomiast do global.css
dodałem :

.tablehead { padding: 5px 10px; background: #026CB1 url(images/thead_bg.gif) 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: #333333; }
#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; }

Tak jak w poradniku było napisane. I mam cały czas ten problem.

---

Finalnie poradziłem sobie. Dziękuje wszystkim za pomoc.