Inne Poprawa wizualna shoutbox

wersja skryptu MyBB:1.6.11
adres forum: invasia.pl (off)
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):



1. Chce zmienic to co jest pod nr 2

Czyli zeby belka sb byla taka jak forumowa.

Matslom napisał 04.01.2014, 12:49:
Przenoszę

Powiem tyle: zamień atrybuty klasy .tablehead na takie jakie ma klasa .thead, więcej powiem gdy zajrzę w kod, a nie zajrzę bo forum zamknięte.

Polecam program FireBug bardzo pomaga w odnajdowaniu poszczególnych kodów i bardzo prosty w obsłudze https://addons.mozilla.org/pl/firefox/addon/firebug/

Forum jest juz wlaczone

ACP -> Style i Szablony -> Twój_Styl -> shoutbox.css -> Znajdź:

.tablehead { padding:8px 8px 9px; background: #026CB1 url(../../../images/memory/thead.png) repeat-x; border-radius: 4px; font: 16px Arial, sans-serif; color: #FFF; }
.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

Zamień:

.tablehead {
background: #68645f url(/images/memory/maintitle.png);
color: #fff;
padding: 9px 10px 11px;
font-size: 12px;
font-weight: bold;
box-shadow: inset 0 1px 0 #8f8881;
-moz-box-shadow: inset 0 1px 0 #8f8881;
-webkit-box-shadow: inset 0 1px 0 #8f8881;
border: 1px solid #5e5955;
text-shadow: 0 -1px 0 #54514d;
margin-bottom: 5px;
}

.tablehead {
    border-left: 0;
    border-right: 0;
    border-radius: 4px;
    border-top: 0;
    vertical-align: middle !important;
    position: relative;
    overflow:auto;
    border: 1px solid rgba(255,255,255,0.2);
}
.tablehead .right {
float: right;
margin: 0;
padding-top: 1px;
font-size:  13px;
}
.tablehead a {
color: #FFF !important;
text-decoration: none;
}

@GiboneKPL:

.tablehead { .thead {
background: #68645f url(/images/memory/maintitle.png);
color: #fff;
padding: 9px 10px 11px;
font-size: 12px;
font-weight: bold;
box-shadow: inset 0 1px 0 #8f8881;
-moz-box-shadow: inset 0 1px 0 #8f8881;
-webkit-box-shadow: inset 0 1px 0 #8f8881;
border: 1px solid #5e5955;
text-shadow: 0 -1px 0 #54514d;
margin-bottom: 5px;
} 


Po co w klasie tablehead otwierasz klasę .thead ?

@topic.

w klasie .tablehead { wystarczy zmienić

background: #026CB1 url(images/memory/thead.png) repeat-x; 


na

background: #68645f url(/images/memory/maintitle.png) repeat-x; 


@Snake_, sorrki, wkradł mi się błąd. Skopiowałem za dużo kodu i nie zauważyłem że zabrałem także .thead { Nie mniej, dałem cały kod z theada żeby się nie wyróżniał. (Kod w poprzednim poście poprawiony).