W szablonie dvz_Shoutbox tablehead zamień na thead.
Jeżeli zamienię to będzie bardzo brzydko wyglądało forum. Wtedy mam dwukolorowe forum i shoutbox psuje się.
Pokaż jak to by wyglądało i ten szablon.
Jakie dwukolorowe forum? Co będzie wyglądać źle? Tak wygląda po zmianach + usunięciu niepotrzebnych <br>:
![[Obrazek: 141bxRc.png]](http://i.imgur.com/141bxRc.png)
Kod:
.thead {
padding: 5px 10px; background: #4a8fe9 url(images/thead_bg.gif) top left repeat-x; border: solid 1px #4a8fe9; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF;
}
.thead .right {
float: right; margin: 0; padding-top: 1px; font-size: 13px;
}
.thead 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 {}
#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 {}
#shoutbox .trow2 {}
.sbentry {
padding: 0;
}
#shoutbox .userdata {
margin: 0; padding: 6px; float: left; text-align: right;
}
#shoutbox .text {
color: #333333;
margin: 0;
padding: 6px;
color: #FFF;
}
#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;
}
U mnie wygląda tak
![[Obrazek: 78293483446613526955.png]](http://iv.pl/images/78293483446613526955.png)
Z
global.css usuń klasę thead.
A w szblonie
dvz_shoutbox
Kod PHP:
<div original-title="" class="tablehead">Shoutbox<p class="right"><a href="http://csfragownia.xaa.pl/index.php?action=shoutbox_archive" original-title="">« archiwum shoutboxa</a></p></div>
zmień na
Kod PHP:
<div original-title="" class="tablehead">Shoutbox<p class="right"><a href="http://csfragownia.xaa.pl/index.php?action=shoutbox_archive" original-title="">« archiwum shoutboxa</a></p></div>
Usuń to:
Kod PHP:
.thead {
padding: 5px 10px; background: #4a8fe9 border: solid 1px #4a8fe9; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF;
}
.thead .right {
float: right; margin: 0; padding-top: 1px; font-size: 13px;
}
.thead a {
color: #FFF !important; text-decoration: none;
}
i zamień tablehead na thead w szablonie.
Zrobione ,tylko teraz coś się stało z "Shoutbox i Archiwum shoutboxa"
I w szablonie
dvz_shoutbox zmień:
Na:
Kod PHP:
<span style="float: right;">
Oraz:
Na:
Wtedy wszystko będzie w jednej linii.
Jest dobrze ,ale jak wejdę w Archiwum Shoutboxa to też tam powinna być belka z tłem ,a tam jest zwykły napis. Także widzę jakiś odstęp między napisem Shoutbox a "Wpisz wiadomość [...]"
To samo robisz w szablonie dvz_Shoutbox_archive.
A z tym odstępem da rade coś zrobić ,żeby go w ogóle nie było ,czy musze zrobić nowy temat ?
Zrobie nowy temat
Dolna część to kolor stylu ,a górna to kolor sb :O