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.
![[Obrazek: postyitematy_54de459b7dbe7.png]](http://bbHelp.pl/upload/files/postyitematy_54de459b7dbe7.png)
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:
Kod:
.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
Kod:
<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:
Kod:
<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:
Kod:
.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ę?
W global.css zamień to:
Kod:
.dzial_staty {
text-transform: uppercase;
padding: 2px;
border-radius: 3px;
color: white;
}
na to:
Kod:
.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.