Zależy którą opcje wybierzesz.
Opcja z flexem (najbardziej prosta wg mnie):
Zamknij cały div z klasą
avatarep_fd w tagu, który będzie zawierał poniższe wartości:
Kod:
display: flex;
flex-direction: column;
justify-content: center
W acp edytujesz szablon global.css i dodajesz do niego
Kod:
.avatarep_fd
{
display: flex;
flex-direction: column;
justify-content: center;
}
(12.04.2016, 16:27)Gamerpl napisał(a): [ -> ]display: flex;
flex-direction: column;
justify-content: center
Nie, nie.
(12.04.2016, 16:21)Fyeem napisał(a): [ -> ]What ?!
Obecnie:
http://prntscr.com/arddjw
Po zmianie:
http://prntscr.com/ardeeb
Czyli zamknij div avatarep_fd w dodatkowym div, który będzie przyjmował wyżej napisane wartości.
Jak masz strukture:
<div class="parent">
<div class="child"></div>
</div>
to dziecko jest zamknięte w rodzicu. U ciebie dzieckiem będzie div z klasą
avatarep_fd, a tego rodzica musisz stworzyć i dać mu te wartości:
Kod:
display: flex;
flex-direction: column;
justify-content: center;
Gotowy kod mozesz zobaczyc na screenie ktory ci podalem wyzej.
http://screenshot.sh/oe3NJvTJJVc2c
Moje forumbit_depth2_lastpost
Kod:
<span class="smalltext">
<a href="{$lastpost_link}" >{$lastpost_subject}</a>
<br />{$lastpost_date}<br />{$lang->by}<div style="display: flex;flex-direction: column;
justify-content: center;"><div class="avatarep_fd">{$forum['avatarep']}</div</div> {$lastpost_profilelink}</span>
Efekt ten sam. Na forum mozna zobaczyc.
Jako że pisane z komórki to nie sprawdzę, ale skoro dajesz flexa to dodaj do tego align-items: center //w tym kontekście to jednak nie zadziała.
Tutaj głównym problemem jest sama struktura tego avataru, js'a jaki dokleja do siebie, faktu, że wtyczka też ustala pozycje napisów etc. U siebie miałem podobny problem, ostatecznie wywaliłem tą wtyczkę i zainstalowałem prostą, pierwszą wersję lastposter'a 1.4 z mybb 1.6, gdzie wyświetlało tylko avatar i niczego innego nie psuło.
Obecnie podobnie chyba działa lastposter avatar light od NiespecjalnieUzdolnionego, choć mogę się mylić.
Dwa razy dałeś diva avatarep_fd.
w tym przypadku
align-items: center by popsuł wygląd.