Błąd Avatar jest wyświetlany daleko od tekstu

wersja skryptu MyBB:
adres forum:forum.csgoleague.eu
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

O to problem:



Forum - Mybb 1.8
Plugin - 1.6 (zmieniłem na 18*)

Moim zdaniem tak jest ładnie:



Pokaż szablon forumbit_depth2_forum oraz szablon od pluginu, nie wiem jaki to jest dokładnie (zobacz w szablonach globalnych).

Dodatkowo możesz podać forumbit_depth2_forum_lastpost.

Generalnie dążę do tego:




forumbit_depth2_forum

<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="white-space: nowrap; width: 24%; padding-right: 20px;">{$lastpost}</td>
</tr>

forumbit_depth2_forum_lastpost.

<span class="smalltext">{$forum['lastposteravatar']}
<a class="tipTip"  href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date}<br />{$lang->by} {$lastpost_profilelink}</span>

Nie mogę znaleźć szablonu od pluginu

Pokaż screen z Style i szablony → Szablony → Szablony globalne.

Jak chcesz z lewej strony:

forumbit_depth2_forum

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="5%"><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" width="25%" valign="top" align="center" style="white-space: nowrap;">{$threads}{$unapproved['unapproved_threads']} Tematów<br />{$posts}{$unapproved['unapproved_posts']} Postów</td>
<td class="{$bgcolor}" width="20%" valign="top" align="right" style="white-space: nowrap; padding-right: 20px;">{$lastpost}</td>
</tr>

Jak chcesz z prawej strony (dla mnie lepiej wygląda) daj szablon od pluginu. Pamiętam jeszcze, że był taki plugin który ucinał nazwę tematu i dawał trzy kropeczki, właśnie przydatne to było przy tym pluginie bo on powoduje że dłuższy temat wychodzi poza ramki.

Jak z lewej strony chcesz to dobrze byłoby zrobić dodatkową kolumnę i tam umieścić avatary, wtedy wszystkie były by równo.

@Ecosse

Nie mogę znaleźć tego szablonu..
Wolałbym aby było z prawej, jednak twoj kod nie działa :/

Pokaż screen z Style i szablony → Szablony → Szablony globalne.

Przepraszam nie przeczytałem tego >.<

Nie wiem czy podałeś mi wszystkie szablony, ale skoro nie ma to można zrobić to inaczej

Przejdź do stylów i edytuj global.css. Znajdź klasę .favimg (linia 1737) i zamień ją na:

.favimg {
border-radius: 4px;
float: right !important;
margin-left: 10px !important;
margin-top: 10px !important;
margin-right: -10px !important;
}

Ewentualnie jak chcesz zobacz jeszcze taki plugin pod 1.8.x (link)

Daj po prostu dla dwóch elementów display: inline-block; oraz dla komórki zawierającej te dwa elementy text-align-left;

Źle napisałem, chcę po lewej.

Poprawiłem kod, aby wyglądało to tak jak chcę:

.favimg {
border-radius: 100px;
float: left !important;
margin-left: 120px !important;
margin-top: 7px !important;
margin-right: -10px !important;
}

W jaki sposób mogę powiększyć ten avatar (te kółeczko)?
W jaki sposób mogę wyśrodkować tekst do lewej strony?

Szablon lastpost

<span class="smalltext">
<div class="l-avatar">{$forum['lastposteravatar']}</div>
<div class="l-txt">
<a class="tipTip"  href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date}<br />{$lang->by} {$lastpost_profilelink}
</div></span> 


css

.l-avatar, .l-txt {
display: inline-block;
}

.l-txt {
margin-left: 10px;
}

Usuń klasę favimg z css
forumbit_depth2_forum

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="5%"><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" width="25%" valign="top" align="center" style="white-space: nowrap;">{$threads}{$unapproved['unapproved_threads']} Tematów<br />{$posts}{$unapproved['unapproved_posts']} Postów</td>
<td class="{$bgcolor}" width="20%" valign="top" align="left" style="white-space: nowrap; padding-right: 20px;">{$lastpost}</td>
</tr> 


I jak chcesz pełne kółeczko to daj:

border-radius: 50%; 


@Matslom

Nie pomogło, usunełem favimg to wróciliśmy do początku..
Teraz jest tak jak było

I co Ci dało przywrócenie poprzedniego kodu? Nie pomogło za pierwszym razem to usuwam.
Powodzenia w rozwiązywaniu problemów takim sposobem.

css

.l-avatar, .l-txt {
display: inline-block;
}
.l-txt {
margin-left: 10px;
}

Usuń klasę favimg z css <-------------------
forumbit_depth2_forum

Nie rozumiem?
Zrobiłem to co napisałeś w poście wyżej