Webboard

Pełna wersja: Wygląd listy subfor na stronie głównej.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Na stronie głównej na liście subfor chciałbym (screen nr 1):

1. usunąć znaczek z lewej strony
2. wyrównać by pod kropką nie było napisu tylko lekko z prawej czyli coś na zasadzie akapitu

Gdy w szablonie forumbit_subforums usunę linię:

Kod:
<li><i class="fa fa-level-up fa-rotate-90"></i></li>

to wygląda tak jak na screenie drugim, czyli subfora nie są jedno pod drugim tylko dwa pierwsze obok siebie.

link do forum: www.akwarystyka-miedziowa.pl

[attachment=13476] [attachment=13477]
W arkuszu fazm.css wyszukaj:
Kod:
ul.subforums li {
    display:inline-block;
    margin:0 10px 0 0;
}
Zamień na:
Kod:
ul.subforums li {
    display: block;
    margin: 0 10px 0 0;
}
Dodatkowo chciałbym:


1. Przesunąć to lekko w lewo wtedy nazwa subforum się fajnie zmieści.
2. Moderatorów przenieść pod subfora.

[attachment=13480]

To będzie już wątek chyba wyczerpany.
Moderatorzy to kwestia pozycji zmiennej, a przesunięcie w lewo to dla ul.subforums nadanie padding: 0;. Chodzi o to, aby usunać domyślny padding.
Zauważyłem jeszcze jedną rzecz.
Gdy są dodane subfora to pod moderatorami pojawia mi się coś o znacznikach <p></p> przez co jest dodatkowa przerwa pod nimi.
Bez subfor wyświetla się prawidłowo. Obrazuje to screen.
Nigdzie nie mogę tego znaleźć by to usunąć.

[attachment=13481]
Szablon forumbit_depth2_forum
W tym szablonie mam coś takiego:

Kod:
<tr class="forum forum-{$forum['fid']}">
<td class="forum-statusicon"><i class="fa forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></i></td>
<td class="forum-details">
<h3 class="forum-title"><a href="{$forum_url}">{$forum['name']}</a></h3>
<p class="light">{$forum['description']}{$subforums}{$modlist}</p>
</td>
<td class="forum-stats rwd-hide" style="white-space: nowrap">
<span class="dark">{$posts}{$unapproved['unapproved_posts']}</span>
<p class="small light">{$lang->forumbit_posts}</p>
</td>
<td class="forum-lastpost rwd-hide" style="white-space: nowrap">{$lastpost}</td>
</tr>
Kod:
<p class="light">{$forum['description']}{$subforums}{$modlist}</p>
zamień na:
Kod:
<div class="light">{$forum['description']}{$subforums}{$modlist}</div>

Przegądarka renderuje to inaczej bo zmienne zwracają niedozwolone elementy dla tagu p.