Wyśrodkowanie tematy i posty i dodanie tła

Założony przez  riper.

wersja skryptu MyBB:1.8.6
adres forum: http://4frags.xaa.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chciałbym wyśrodkować "Tematy and Posty" oraz info o temacie i dać je trochę niżej w kategoriach z subforum oraz dodać tło za Tematy posty

[Obrazek: aaa.png]
Ardex napisał 11.12.2015, 11:29:
Poprawiam tytuł. Zapoznaj się z
Wklej tutaj zawartość szablonu forumbit_depth2_forum z grupy szablonów Opis działu.
<tr>
<
td class="{$bgcolor}align="center" valign="middle" width="1"><div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}id="mark_read_{$forum['fid']}"></div></td>
<
td class="{$bgcolor}valign="middle">
<
strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext"><span class="lighttext">
<
br />{$forum['description']}{$modlist}{$subforums}</div>
</
td>
    <
td class="{$bgcolor}valign="top" align="right" style="white-space: nowrap">Tematów:</span> {$threads}{$unapproved['unapproved_threads']} <brPostów: {$posts}{$unapproved['unapproved_posts']}</td>
<
td class="{$bgcolor}valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</
tr
<tr>
<
td class="{$bgcolor}align="center" valign="middle" width="1"><div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}id="mark_read_{$forum['fid']}"></div></td>
<
td class="{$bgcolor}valign="middle">
<
strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext"><span class="lighttext">
<
br />{$forum['description']}{$modlist}{$subforums}</span></div>
</
td>
    <
td class="{$bgcolor}valign="middle" align="right" style="white-space: nowrap"><span class="glowna_tap_tlo glowna_tematy">Tematów:</span> {$threads}{$unapproved['unapproved_threads']} <br> <span class="glowna_tap_tlo glowna_posty">Postów:</span> {$posts}{$unapproved['unapproved_posts']}</td>
<
td class="{$bgcolor}valign="middle" align="right" style="white-space: nowrap">{$lastpost}</td>
</
tr
i do global.css
.glowna_tap_tlo {
padding6px;
line-height14px;
font-size14px;
colorwhite;
font-weightbold;
border-radius5px;
}

.
glowna_tematy {
backgroundblue/* możesz zastąpić inny kolorem */
}
.
glowna_posty {
backgroundred/* możesz zastąpić inny kolorem */

Dalej krzywo,a co do tła chodziło mi o taki ala hover jak na tym layoucie http://fc06.deviantart.net/fs70/f/2013/1...63tcqe.jpg tylko na całego row'a.

[Obrazek: aaaaa.png]
Przede wszystkim spakuj posty i tematy w osobne kontenery by na siebie nie nachodziły. Oba spany daj w <div></div>.

<div><span class="glowna_tap_tlo glowna_tematy">Tematów:</span> {$threads}{$unapproved['unapproved_threads']}</div>
Analogicznie dla postów.
Obecnie będą one wyrównane do prawej: http://i.imgur.com/HppIuIC.png . Aby były wyśrodkowane musisz zamiast right nadać center dla parametru align tej komórki (td).

Żeby wyrównać pozycję dla każdej kategorii musisz określić jednakowy rozmiar komórki wyświetlającej opis działu, obecnie ona dostosowuje się do wolnej przestrzeni.

<td class="{$bgcolor}" valign="middle" width="tutaj wpisz rozmiar">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext"><span class="lighttext">
<br />{$forum['description']}{$modlist}{$subforums}</span></div>
</td>

Uzupełnij co trzeba, powklejaj i będzie śmigać.

Tło wierszy w tym wypadku gradient nie hover. Dla odpowiedniej klasy stosujesz się według instrukcji:
http://www.w3schools.com/css/css3_gradients.asp
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?



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

1 gości