Wygląd Postów i Tematów

Inne  Założony przez  xAdr1an.

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]
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-transformuppercase;
   
padding7px;
   
displayinline;
   
color#D1D1D1;
   
font-size10px;
   
margin-left6px;
}

.
dzial_posty {
   
background#4743A5;
   
border1px solid #51598D;
}

.
dzial_tematy {
   
background#258B25;
   
border1px solid #5EAC4A;

Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
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.



Użytkownicy przeglądający ten wątek:

1 gości