Skocz do zawartości

Zmiana wyglądu ostatniego posta MyBB w pluginie LightAVATARS.


Mvrosking
 Udostępnij

Przejdź do rozwiązania Rozwiązane przez ShanonWEB,

Rekomendowane odpowiedzi

Cześć, chciałbym zmienić wygląd wyświetlania ostatniego postu wraz z avatarem obok który dodałem za pomocą wtyczki LightAVATARS. Chodzi mi o to, aby przenieś avatar ostatniego użytkownika (ostatniego posta) na środek, a całość łącznie wyśrodkować.

Na obrazku podglądowym jest to mniej więcej lepiej zobrazowane.

Zmiana wyglądu w pluginie LightAVATARS.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Z `.lavatar-alaipb-n, .lavatar-old-n, .lavatar-normal-n, .lavatar-alaipb-f, .lavatar-old-f, .lavatar-normal-f` usuń `float: left`  i dodaj:

    display: flex;
    flex-direction: column;
    align-items: center;

Dla `<span class="smalltext fw4"` dodaj nową klasę, np. wysrodkowanie (dodaj nazwę po `fw4`), której zawartość wygląda tak:

.wysrodkowanie {
    display: flex;
    flex-direction: column;
    align-items: center;
}

image.png.4f0b8551187b151917e94fadd89c107b.png

Edytowane przez Damian.
Odnośnik do komentarza
Udostępnij na innych stronach

  • Rozwiązanie

lightavatars.css

Znajdź: (linijki: 9, 10, 11)

.lavatar-alaipb-n, .lavatar-old-n, .lavatar-normal-n, .lavatar-alaipb-f, .lavatar-old-f, .lavatar-normal-f {
float: left;
}

Zmień na:

.lavatar-alaipb-n, .lavatar-old-n, .lavatar-normal-n, .lavatar-alaipb-f, .lavatar-old-f, .lavatar-normal-f {
display: flex;
flex-direction: column;
align-items: center;
}

na samym dole lub na samym górze kodu dodaj: (plik css3.css)

.wysrodkowanie {
display: flex;
flex-direction: column;
align-items: center;
}

W forumbit_depth2_forum_lastpost

Znajdź:

<span class="smalltext fw4 ">

zmień na:

<span class="smalltext fw4 wysrodkowanie">

Tak to wygląda w całości: (oczywiście zamiast tekstu na "sztywno" wklepanego będziesz miał funkcję, ale dodaję to tylko po to, żebyś zrozumiał co gdzie ma się znajdować)

<span class="smalltext fw4 wysrodkowanie">
<a href="showthread.php?tid=1&action=lastpost" style="font-size: 14px;">Przykładowa nazwa tematu,...</a><br><small>03-10-2018, 06:08 PM</small><!--przez--><br><span style="font-size: 12px;">przez: <b> <a href="http://lsforum.xaa.pl/member.php?action=profile&uid=1">Marosking</a></b></span>
</span>
Edytowane przez ShanonWEB
Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×