Soucis pour afficher l'avatar dans la barre de notifications

2 participants

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 Sam 28 Sep 2013 - 12:06

Bonjour, j'ai essayé la configuration suivante : https://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
avatar

bugsbuny
Membre habitué

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

https://pibw.exprimetoi.net/
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 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

phinolex1
****

Messages : 480
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 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.
avatar

bugsbuny
Membre habitué

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

https://pibw.exprimetoi.net/
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 Sam 28 Sep 2013 - 12:29

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

phinolex1
****

Messages : 480
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 Sam 28 Sep 2013 - 12:30

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

bugsbuny
Membre habitué

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

https://pibw.exprimetoi.net/
bugsbuny 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