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

Afficher l'avatar du membre dans la toolbar Astuce10

Étapes à suivre


Modifier le CSS


Panneau d'administration  Affichage  Images et Couleurs - Couleurs :: Feuille de style CSS

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

Le code CSS peut être modifié selon votre envie. Cliquez sur le bouton Afficher l'avatar du membre dans la toolbar 14-08-13 afin de sauvegarder les modifications.

Créer un script JavaScript


Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript est activée, puis créez un nouveau javascript ayant pour titre "Avatar dans la Toolbar" et pour placement "Sur toutes les pages". Insérez-y le code suivant :

Code:
$(function() {
    $(function() {
        $('#fa_welcome').prepend('<span class="fa_avatar">' + _userdata.avatar + '</span>')
    })
});

Cliquez sur le bouton Afficher l'avatar du membre dans la toolbar 14-08-13 afin de sauvegarder les modifications.

Tech

Tech
Membre actif

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

Voir le profil de l'utilisateur 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

- Sujets similaires

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