Soucis pour afficher l'avatar dans la barre de notifications

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

Résolu Soucis pour afficher l'avatar dans la barre de notifications

Message par bugsbuny le Sam 28 Sep 2013 - 12:06

Bonjour, j'ai essayé la configuration suivante : http://forum.forumactif.com/t355862-afficher-l-avatar-du-membre-dans-la-toolbar
L'avatar est beaucoup trop grand, il devrait avoir la taille de la barre de notifications.

Voir la capture d'écran ci-dessous.

capture d'écran:

--------------------------------------------------------------------------
J'ai modifié les 25 px en 10 et même 5 px, rien ne change.

Ajoutez d'abord ce code CSS à votre forum ( PA > Affichage > Couleurs > Feuille de style ) :
Code: Sélectionner le contenu
.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: Sélectionner le contenu
$(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
Qui sait m'aider ?
Merci


Dernière édition par bugsbuny le Sam 28 Sep 2013 - 12:30, édité 1 fois

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour afficher l'avatar dans la barre de notifications

Message par phinolex1 le Sam 28 Sep 2013 - 12:15

Bonjour,

Il faut modifier la hauteur et la largeur du CSS.

Code:
.fa_avatar {
  width: 5px; /* A modifier */
  height: 5px; /* A modifier */
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}

phinolex1
****

Messages : 479
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour afficher l'avatar dans la barre de notifications

Message par bugsbuny le Sam 28 Sep 2013 - 12:25

Comme noté plus haut, j'ai modifié en 5 px à la place de 25 mais ça ne change rien.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour afficher l'avatar dans la barre de notifications

Message par phinolex1 le Sam 28 Sep 2013 - 12:29

Votre image de profil doit être trop large; je pense que cela provient de ça. Wink

phinolex1
****

Messages : 479
Inscrit(e) le : 14/01/2012

http://www.tibiland.net
phinolex1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour afficher l'avatar dans la barre de notifications

Message par bugsbuny le Sam 28 Sep 2013 - 12:30

Ok, merci, j'ai supprimé cette option, je met le sujet en résolu 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny 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