Toon de avatar van leden in de toolbar

Vorige onderwerp Volgende onderwerp Ga naar beneden

Tutorial Toon de avatar van leden in de toolbar

Bericht van TonnyKamper op zo 10 jun 2018 - 22:57

Toon de avatar van leden in de toolbar



Deze tip is bedoeld om de avatar van een lid toe te voegen aan de toolbar op deze manier:



 Stel eerst deze CSS-code in op je forum:
Ga naar: Beheerderspaneel Display Kleuren Cascading Stylesheet

Code:
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}

(deze code kan zonder probleem worden aangepast naar wens)

Voeg vervolgens deze javascript-code toe:

Titel: Avatar in toolbar
Plaatsing: op alle pagina's

Code:
$(function () {
    $(window).load(function () {
        var av = $('#fa_usermenu img:eq(0)').attr('src');
        $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
    });
});

En klaar ben je, je hoeft alleen maar te genieten van deze kleine truc  Smile


avatar

TonnyKamper
Hulp Moderator
Hulp Moderator

Vrouw Aantal berichten : 332
Geboortedatum : 23-10-54
Leeftijd : 64
Taal : Nederlands, Engels
Locatie : Nederland
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://punt.forumactie.com
TonnyKamper is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum