Afficher l'avatar du membre dans la toolbar

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Afficher l'avatar du membre dans la toolbar

Message par Tech le Ven 9 Aoû 2013 - 12:31

Afficher l'avatar du membre dans la toolbar


Cette astuce a pour but d'ajouter l'avatar du membre sur votre toolbar de cette manière :

Mise en place

Ajoutez d'abord ce code CSS à votre forum ( PA > Affichage > Couleurs > Feuille de style ) :
Code:
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
(ce code peut être modifié sans problème selon votre envie)

Ensuite, ajoutez sur toutes les pages ( voir gestion des codes javascript ) ce code javascript :
Code:
$(function () {
    $(window).load(function () {
        var av = $('#fa_usermenu img:eq(0)').attr('src');
        $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
    });
});
Le tour est joué, vous n'avez plus qu'à profiter de cette petite astuce ! Smile




{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum