Inne Jak zmienić pasek w dvz shoutbox na "forumowy"?

wersja skryptu MyBB: 1.6.11
adres forum: http://proba-cstreningpl.2ap.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam! Chciałbym zmienić pasek dvz sb na "forumowy". Na screenie widać co chce zmienić:



chodzi o ten niebieski pasek, bo chciałbym go mieć tak jak paski od kategorii, czy tabeli na forum. Co mam zrobić, aby zmienić ten pasek na "forumowy"? Tylko krok po kroku, bo nie ogarnę Dzięki za pomoc!

wchodzisz w acp > style i szablony> nazwa twojego stylu> i teraz szukaj albo w global.css albo będziesz miał shoutbox.css > szukasz linijki

.tablehead { padding:8px 8px 9px; background: #446099 url (images/carbon/thead.png) repeat-x; border-radius: 4px; font: 16px Arial, sans-serif; color: #FFF; }

mniej więcej tak , zmieniasz ścieżke ;D

To teraz mi usunęło cały ten pasek (raczej zmieniło na biały kolor, więc go nie widać ;p), już jeden trop mamy ;D Tylko na jaką ścieżkę? Korzystam z tego stylu: https://webboard.pl/thread-46865.html?pi...#pid200478 jakby co.. Może coś wam podrzucić z global.css ??

Łap mój kod, zedytowałem dla Ciebie.

.tablehead { padding:10px 11px 12px; background: #026CB1 url(images/Splat/maintitle.jpg) repeat-x; border-radius: 4px; font: 16px Arial, sans-serif; font-weight: normal; color: #FFF; border:1px solid #0b6fa9;}
.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; }

Zamień ten kod, na Swój shoutbox.css

---

Jeszcze raz wklej, z edytowałem teraz kod.

O właśnie o coś takiego mi też chodziło, bo tak to ten pasek był cienki, ale jeszcze jak pisałem, chce aby ten pasek był taki sam jak paski od kategorii, tabel i tych innych, proszę jeszcze o pomoc!

zamień na ten

.tablehead { padding:10px 11px 12px; background: #026CB1 url(images/Splat/maintitle.jpg) repeat-x; border-radius: 4px; font: 16px Arial, sans-serif; font-weight: normal; color: #FFF; border:1px solid #0b6fa9;}
.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; }

A po co takie kombinacje?
Wystarczy w szablonie dvz_shoutbox podmienić klasę.

<div class="tablehead">

na

<div class="thead">

---

A jakie tam są kombinacje w moim kodzie ? To jest praktycznie oryginalny .css dvz, lecz tylko zmieniłem w nim ścieżkę czyli ..../Splat/maintitle.jpg


SLAVOO, pomóż mi w moim temacie, błagam

A jakie tam są kombinacje w moim kodzie ?

To po co tyle linijek CSS wklejasz skoro podmieniasz jedną rzecz.

Wklejam dlatego, iż widzę że autor raczej nie ogarnia, bo kolega wyżej wymienił mu fragment kodu, który ma edytować, ale jak widzę nie poradził sobie z tak prostą rzeczą, więc dałem mu gotowca, żeby sobie tylko wkleił.

OK, dzięki jest gicior