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

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

Błąd lastposteravatar

Błąd   Założony przez  Poftorek.

12.04.2016, 15:06
#1
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
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
12.04.2016, 15:43
#2
http://stackoverflow.com/questions/72733...inside-div
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
12.04.2016, 15:59
#3
Gdzie to wkleic :p
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
12.04.2016, 16:16
#4
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:
display: flex;
flex-direction: column;
justify-content: center
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
12.04.2016, 16:21
#5
What ?! :D
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
12.04.2016, 16:27
#6
W acp edytujesz szablon global.css i dodajesz do niego ;) 
.avatarep_fd
{
display: flex;
flex-direction: column;
justify-content: center;
}
12.04.2016, 16:32 (Ten post był ostatnio modyfikowany: 12.04.2016, 16:36 przez Poftorek.)
#7
http://screenshot.sh/oBKrjIjN6mPqs
Dołączam css http://topowigracze.pl/cache/themes/them...ep.min.css
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
12.04.2016, 16:51
#8
(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.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
12.04.2016, 16:53
#9
Napisz po polsku.. xd
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
12.04.2016, 17:10
#10
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:
display: flex;
flex-direction: column;
justify-content: center;

Gotowy kod mozesz zobaczyc na screenie ktory ci podalem wyzej.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
12.04.2016, 17:54
#11
http://screenshot.sh/oe3NJvTJJVc2c

Moje forumbit_depth2_lastpost
<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>
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
12.04.2016, 18:18
#12
<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.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
12.04.2016, 19:00
#13
Efekt ten sam. Na forum mozna zobaczyc.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
12.04.2016, 19:32 (Ten post był ostatnio modyfikowany: 12.04.2016, 19:47 przez ficus.)
#14
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ć.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
12.04.2016, 19:50
#15
Dwa razy dałeś diva avatarep_fd.

@ficus w tym przypadku align-items: center by popsuł wygląd. :P
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



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

1 gości