Webboard

Pełna wersja: Błąd lastposteravatar
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB: 1.8.7
adres forum: TopowiGracze.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Avatary źle się wyświetlają, zależy mi, aby avatary były do lewej a tekst do avatara.

Jest -> http://screenshot.sh/m188Xup0t3RpW
Chcę uzyskać efekt -> http://screenshot.sh/mMFh5uO7KKATO
Gdzie to wkleic :p
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
What ?! :D
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 ?! :D
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.
Napisz po polsku.. xd
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>
Kod PHP:
<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
Błąd w zamknięciu div.
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. :P
Stron: 1 2