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

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

Plugin na avatary przy "ostatnim poście"

Konfiguracja  Założony przez  Zawistny.

Wersja skryptu MyBB: 1.8
Adres forum: rh.xaa.pl
Na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): Wgrałem plugin na avatary przy "ostatnim poście" i problem polega na tym, że wyświetlają się one w niepożądanym miejscu (http://scr.hu/7xit/oxni4). Chciałbym żeby wyglądało to mniej więcej tak jak na screenie (http://scr.hu/7xit/yeqqf)
Jeśli nie zmieniałeś pluginu przez te 15 min to u mnie dobrze działa.
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Na pewno wygląda to tak jak tutaj? (http://scr.hu/7xit/yeqqf)
Mi wyświetla po lewej normalnie nawet po ctrl+f5.
Sprawdziłem na chrome i wystaje troszku od góry ale nadal po lewej jest.
Jeśli ci nie działa to może spróbuj z innym pluginem :P nawet tym https://webboard.pl/thread-65378.html?pi...#pid278224
//Chamska REKLAMA
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
(28.01.2016, 22:18)NiespecjalnieUzdolniony napisał(a): Mi wyświetla po lewej normalnie nawet po ctrl+f5.
Sprawdziłem na chrome i wystaje troszku od góry ale nadal po lewej jest.
Jeśli ci nie działa to może spróbuj z innym pluginem :P nawet tym https://webboard.pl/thread-65378.html?pi...#pid278224
//Chamska REKLAMA
Zainstalowałem plugin który podałeś. Chodzi o to, że chciałbym aby avatary wyświetlały się po prawej, nie po lewej - identycznie jak
"narysowałem" na tym screenie http://scr.hu/7xit/yeqqf
To nie reklama :D

// Udało ustawić mi się avatar po prawej stronie ale wciąż jest coś nie tak z "ostatnim postem" ... (http://scr.hu/7xit/r3f9a
)
Mój kod:
<div style="float: left;"><span class="smalltext">
<
a href="{$lastpost_link}title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<
br />{$lastpost_date}<br />{$lang->by} {$lastpost_profilelink}</span></div><div style="float: right;">{$forum['lpal']}</div
Śmieję się, że ja robię reklamę. Teraz rozumiem o co ci chodzi z tym avatarem . Widzę przy tym pluginie nie miałeś problemu z konfiguracją :P
A może jednak. Czekaj zaraz ci napiszę jak to zrobić.
  • Przywróć zmienną tam gdzie jest standardowo.
    • robisz to odinstalowując plugin i instalując od nowa
  • W swojej templatce w stylu pluginu(rozpoznasz go)
    • -w klasie .lpal zmieniasz float:left; na float:right; i dopisujesz margin-left:5px;
Zrób tak jak ci napisałem i będzie dobrze.
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Chciałbym aby avatary były w jednej kolumnie równo pod sobą - tak samo jak ostatni post.
Prezentuje się to teraz tak: http://scr.hu/7xit/d3ewm
Widzę, awatary będą wyświetlać się dobrze jak znajdą się bezpośrednio pod <td> aktualnie są w jakimś divie, który nie mam pojęcia skąd jest i po co on tam.
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
w pierwszym divie zmien z float: left na float: right
patrze na ten kod co dałeś wyżej

//Edit zrób to co napisał @NiespecjalnieUzdolniony, po usunięciu diva o wiele lepiej wygląda
W takiej sytuacji będzie problem z tym ostatnim tematem.
Tutaj masz listę szablonów, do których musisz zajrzeć http://community.mybb.com/mods.php?action=view&pid=646
Musisz zwyczajnie avatary wyprowadzić poza te div'y i będzie wszystko grać :P
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Działa, dzięki ;)
Jeszcze małe pytanko: Czy da się umieścić ostatni post w chmurce (takiej jak posty na shoutboxie) z dzióbkiem zwróconym do avatara?
{$forum['lpal']}<div class="chmurka"><span class="smalltext">
<
a href="{$lastpost_link}title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<
br />{$lastpost_date}<br />{$lang->by} {$lastpost_profilelink}</span></div

chmurka:
.chmurka {
 
   border-bottom-left-radius3px;
 
   border-bottom-right-radius3px;
 
   border-top-right-radius3px;
 
   positionrelative;
 
   top4px;
 
   padding5px 10px 5px;
 
   background #1a1a1a;
 
   box-shadow0 0 2px rgba(0,0,0,0.1);
 
   margin5px 0 0 50px;
 
   margin-left65px;
 
   color#BDBDBD;

Fajnie dałeś mi pomysł na aktualizacje, dzięki :P
A wracając do chmurki, może coś na szybko wykombinuje.
Zrób coś takiego
Powiększ z prawej strony .lpal paddingiem i zrób obrazek backgrounda z ogonkiem i wstawiasz go tam w taki sposób:
background: url(adres obrazka) no-repeat transparent;
A jeśli chodzi o same chmurki to możesz display:block spróbować
A dokładniej
display:block;
float:right;
background-color:#1a1a1a;
padding:5px;
border-radius:5px;
dla <span class="smalltext"... nawet możesz to zrobić za pomocą atrybutu style
Jak przeskakuje to zmniejsz paddingi w trow1 i trow2 lub powiększ ostatnią kolumnę z 200 do np 240
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Troszeczkę się rozwaliło http://scr.hu/7xit/t0y93
To zrób tak jak ci napisałem
"Jak przeskakuje to zmniejsz paddingi w trow1 i trow2 lub powiększ ostatnią kolumnę z 200 do np 240"
No i jak dorobisz te dzióbki to usuń margin-left z .lpal
#nie musiałeś usuwać tej kolumny :P

Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Już jest okej. Jeszcze nie bardzo rozumiem jak dodać te ogonki :/



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

2 gości