Inne Wygląd Postów i Tematów

wersja skryptu MyBB: 1.8
adres forum: GramyEco.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Jak zrobić by Posty i Tematy wyglądały tak jak tutaj.

ACP -> Style i szablony -> Szablony -> Opis działu -> forumbit_depth2_forum
Obejmij właściwą zmienną spanem z klasą, np. "dzial_tematy", a potem dodaj do global.css klasę i nadaj jej właściwości.
Przykład:

.dzial_tematy {
    background: red;
    text-transform: uppercase;
    padding: 2px;
    border-radius: 3px;
}

Jeśli nie wiesz jak to zrobić to wklej tutaj zawartość w/w. szablonu

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="6%"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>
<td class="{$bgcolor}" valign="top" style="width: 50%;">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor} countForum" valign="top" align="center" style="white-space: nowrap; width: 20%;">{$threads}{$unapproved['unapproved_threads']} Tematów<br />{$posts}{$unapproved['unapproved_posts']} Postów</td>
<td class="{$bgcolor}" valign="top" align="right" style="width: 24%; padding-right: 20px;">{$lastpost}</td>
</tr>

Mam takie coś to co mam wstawić w ten kod do global.css

Zamień swój obecny szablon forumbit_depth2_forum na ten:

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="6%"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>
<td class="{$bgcolor}" valign="top" style="width: 50%;">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor} countForum" valign="top" align="center" style="white-space: nowrap; width: 20%;"><span class="dzial_tematy dzial_staty">{$threads}{$unapproved['unapproved_threads']} Tematów</span><span class="dzial_posty dzial_staty">{$posts}{$unapproved['unapproved_posts']} Postów</span></td>
<td class="{$bgcolor}" valign="top" align="right" style="width: 24%; padding-right: 20px;">{$lastpost}</td>
</tr>

I do global.css dodaj:

.dzial_staty {
   text-transform: uppercase;
   padding: 2px;
   border-radius: 3px;
   color: white;
}

.dzial_posty {
   background: #2E26FF;
}

.dzial_tematy {
   background: #258B25;
}

Trochę słabo to wygląda. Chciałbym aby to wyglądało tak jak na Screenie. Dało by radę?

Podmień CSS:

.dzial_staty {
   text-transform: uppercase;
   padding: 7px;
   display: inline;
   color: #D1D1D1;
   font-size: 10px;
   margin-left: 6px;
}

.dzial_posty {
   background: #4743A5;
   border: 1px solid #51598D;
}

.dzial_tematy {
   background: #258B25;
   border: 1px solid #5EAC4A;
} 


W global.css zamień to:

.dzial_staty {
   text-transform: uppercase;
   padding: 2px;
   border-radius: 3px;
   color: white;
}

na to:

.dzial_staty {
   text-transform: uppercase;
   padding: 3px;
   border-radius: 3px;
   color: white;
   font-size: 9px;
  margin-left: 14px;
}

Nie będzie o wiele lepiej wyglądać, ale zawsze coś.
Nie wiem jakiego koloru użyto tam na screenie, więc nie zrobię takiego samego, co do czcionki to też nie wiem jaka została tam użyta. Jeśli podasz adres forum, z którego pochodzi ten screen to może uda się udoskonalić wygląd.