Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

avatar

Tech
Modéractif
Modéractif

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

https://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