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ć:
![[Obrazek: x25l7b56bheg.jpg]](http://pics.tinypic.pl/i/00483/x25l7b56bheg.jpg)
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
Kod:
.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
Łap mój kod, zedytowałem dla Ciebie.
Kod:
.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!
A po co takie kombinacje?
Wystarczy w szablonie dvz_shoutbox podmienić klasę.
Kod:
<div class="tablehead">
na
![[Obrazek: zt-pluawvnqphvzhunvrtqh.jpg]](http://s3-eu-west-1.amazonaws.com/screenshooter-legacy/zt-pluawvnqphvzhunvrtqh.jpg)
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
123123 napisał(a):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ł.