Toon de avatar van leden in de toolbar

Vorige onderwerp Volgende onderwerp Ga naar beneden

  • 0

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 : 348
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