Webboard

Pełna wersja: Panel boczny - nadanie innej klasy
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.x
adres forum: downloadzik.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Wyedytowałem panel boczny "Popularne" tym samym klase thead2
I chce dodać to samo tylko z innymi kolorami do "Nowe wrzuty"
Więc skopiowałem całe thead2 i dodałem pod nazwą thead3 do global.css i pozmieniałem kolory, po nadaniu klasy w panelu bocznym dla "Nowe wrzuty" thead3 nic sie nie zmienia..

Kod z paneli bocznych:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" width="880">
<tr>
<td class="thead3">
<strong><center>Nowe wrzuty</center></strong>
</td>
</tr>
<tr>
<td class="trow3">
{$topStats['LastThreads']}
</td>
</tr>
</table>
<br />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" width="880">
<tr>
<td class="thead2">
<strong><center>Popularne</center></strong>
</td>
</tr>
<tr>
<td class="trow3">
{$topStats['MostViews']}
............................
............................./////////////////////////////////////
</td>
</tr>
</table>

Kod thead2 i thead 3 z global.css

thead2
Kod:
.thead2 {
    
        background: linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
        background: -o-linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
        background: -moz-linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
        background: -webkit-linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
        background: -ms-linear-gradient(bottom, rgb(152,56,171) 28%, rgb(108,39,122) 100%);
    color: #ffffff;
        padding: 10px;
    -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
        font-size: 12px;
    text-shadow: 1px 1px 1px #555;
    font-family: verdana;
    font-weight: bold;    padding: 8px;
        border-radius: 10px;
        color: #FFFFFF;
}

thead3
Kod:
.thead3 {
    
        background: linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -o-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -moz-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -webkit-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
        background: -ms-linear-gradient(bottom, rgb(65,71,201) 28%, rgb(39,43,130) 100%);
    color: #ffffff;
        padding: 10px;
    -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
        font-size: 12px;
    text-shadow: 1px 1px 1px #555;
    font-family: verdana;
    font-weight: bold;    padding: 8px;
        border-radius: 10px;
        color: #FFFFFF;
}

Screen:

[Obrazek: iifz6y.jpg]
Spróbuj to:
Kod PHP:
.thead3 {
    
        
backgroundlinear-gradient(bottomrgb(65,71,20128%, rgb(39,43,130100%);
        
background: -o-linear-gradient(bottomrgb(65,71,20128%, rgb(39,43,130100%);
        
background: -moz-linear-gradient(bottomrgb(65,71,20128%, rgb(39,43,130100%);
        
background: -webkit-linear-gradient(bottomrgb(65,71,20128%, rgb(39,43,130100%);
        
background: -ms-linear-gradient(bottomrgb(65,71,20128%, rgb(39,43,130100%);
    
color#ffffff;
        
padding10px;
    -
webkit-box-shadowinset rgba(255,255,255,0.20px 1px 0px;
    -
moz-box-shadowinset rgba(255,255,255,0.20px 1px 0px;
    
box-shadowinset rgba(255,255,255,0.20px 1px 0px;
        
font-size12px;
    
text-shadow1px 1px 1px #555;
    
font-familyverdana;
    
font-weightbold;    padding8px;
        
border-radius10px;
        
color#FFFFFF;

usunąć z global.css, a dodać do np. nowego arkusza (utwórz np. z nazwą nowy.css).