Belka w shoutboxie

wersja skryptu MyBB: 1.6.12
adres forum: www.CsFragownia.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): Belka wygląda dziwnie Dolna część to kolor stylu ,a górna to kolor sb :O
http://iv.pl/images/91895568817229251821.png

Chciałbym też zamienić kolor "Wyślij" na kolor stylu.

A na mozilli to w ogóle wygląda :O
http://iv.pl/images/36443955890636413233.png

Snake_ napisał 31.05.2014, 12:40:
1 wątek - 1problem.

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>:

.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

Z global.css usuń klasę thead.

A w szblonie dvz_shoutbox

<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

<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:

.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ń:

<p class="right"> 


Na:

<span style="float: right;"> 


Oraz:

</p> 


Na:

</span> 


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 ?

Jaki odstęp?

Zrobie nowy temat