Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Avatary w tabelach w panelu bocznym

Założony przez  rdq..

Adres forum:
http://cs-zgrywus.pl/index.php

Wersja silnika:
1.8.10

Opis problemu:
W tabelach znajdujących się w panelu bocznym (najnowsze wątki, top10 moderatorów itd.) nicki użytkowników mają przypisany pewien odstęp od avatarów. Jedni użytkownicy mają avatary większe pod względem wysokości niż szerokości, inni na odwrót, inni w kwadracie. Chodzi mi o tą pierwszą opcję. Czy dałoby się coś zrobić, aby nicki były wyświetlane jeden pod drugim niezależnie od tego, kto ma jaki avatar? Lepiej by to wyglądało, a tak się to prezentuje obecnie:
   
Albo czy po prostu da się zrobić tak, aby do avatarów automatycznie dodawało np. czarne boki, żeby obrazek był równy pod względem wysokości i szerokości (kwadrat)?
W szablonach globalnych poszukaj interesujących cię szablonów z panelu bocznego (ich nazwy znajdziesz używając opcji zbadaj). Najprawdopodobniej będą to szablony rozpoczynające się na topStats_  (znajdziesz je w szablonach globalnych). Generalnie trzeba dodać do tabel jedną komórkę i w niej umieścić avatar. Pokaże ci na przykładzie tabelki z ostatnimi tematami. 
Szablon topStats_LastThreads wygląda w ten sposób:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr><td class="thead" colspan="1"><strong>{$lang->topStats_LastThreads}</strong></td></tr>
{$tpl['row']}
</table><br />
Należy w nim zmienić colspan na 2

Następnie trzeba edytować szablon topStats_LastThreadsRow, początkowo będzie on wyglądał tak:
<tr><td class="trow1">
{$tpl['avatar']}
<a href="{$tpl['subjectlink']}">{$tpl['subject']}</a><br />
{$tpl['profilelink']}<span style="float: right; margin-right: 5px;">{$tpl['date']}</span>
</td></tr>
Po zmianach powinien wyglądać w ten sposób
<tr><td class="trow1 side-avatar">
{$tpl['avatar']}
</td>
<td class="trow1">
<a href="{$tpl['subjectlink']}">{$tpl['subject']}</a><br />
{$tpl['profilelink']}<span style="float: right; margin-right: 5px;">{$tpl['date']}</span>
</td></tr>
Następnie w pliku css twojego stylu dodaj
.side-avatar{
  width:32px;
  padding-right:0;
}

Dodatkowo, jeśli chcesz wyrównać avatary do prawej strony, w szablonie topStats_LastThreadsAvatar zmień float:left na float:right



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

1 gości