Webboard

Pełna wersja: Belka w shoutboxie
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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
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]
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]
Z global.css usuń klasę thead.

A w szblonie dvz_shoutbox
Kod PHP:
<div original-title="" class="tablehead">Shoutbox<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<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 {
padding5px 10pxbackground#4a8fe9 border: solid 1px #4a8fe9; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF;
}

.
thead .right {
 
floatrightmargin0padding-top1pxfont-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" :D
I w szablonie dvz_shoutbox zmień:

Kod PHP:
<class="right"

Na:

Kod PHP:
<span style="float: right;"

Oraz:

Kod PHP:
</p

Na:

Kod PHP:
</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 ? :P
Jaki odstęp?
Zrobie nowy temat :P
Stron: 1 2