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 :

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
Modéractif
Modéractif

Masculin
Messages : 22336
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