[Résolu] Bug avatar sur toolbar

2 participants

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

Résolu [Résolu] Bug avatar sur toolbar

Message par FANCH 56 Ven 27 Déc 2013 - 17:49

Bonsoir

Jusqu'à il y a quelques minutes, mon code pour avatar sur toolbar, gardait les proportions de l'avatar, en le mettant aux bonnes dimensions pour la toolbar.

Et voilà que brusquement cela donne ceci

[Résolu] Bug avatar sur toolbar Captur23

Voici le CSS

Code:
/* AVATAR SUR TOOLBAR RESPECT DES PROPORTIONS* */

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

Et le java associé

Code:
$(function () {
            $(window).load(function () {
                var av = $('#fa_usermenu img:eq(0)').attr('src');
                $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
            });
        });

Quelqu'un voit-il ou est l'erreur ?

Merci


Dernière édition par FANCH 56 le Mar 31 Déc 2013 - 9:25, édité 3 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par Ange Tuteur Ven 27 Déc 2013 - 18:31

Bonsoir FANCH 56,

Essayer en ajoutant !important :
Code:
/* AVATAR SUR TOOLBAR RESPECT DES PROPORTIONS* */
        
.fa_avatar {
width: 25px !important;
height: 25px !important;
position: relative;
top: -2px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
Ange Tuteur

Ange Tuteur
****

Masculin
Messages : 482
Inscrit(e) le : 16/11/2013

https://fmdesign.forumotion.com
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par FANCH 56 Ven 27 Déc 2013 - 18:46

Bonsoir

Déjà fait. En fin de compte j'avais fais du ménage dans mon CSS, et avais placé ces code en début, d'où le bug.

Mais en remettant le code de l'astuce, c'est toujours pareil. Donc je vais étudier la chose à tête reposée. Je verrai plus tard ou est l'erreur.

Je passe en résolu et re posterai en 2014
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par FANCH 56 Lun 30 Déc 2013 - 17:07

Je relance le sujet.

J'ai réussi pour le rang, mais impossible de diminuer l'avatar........
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par Ange Tuteur Mar 31 Déc 2013 - 2:34

Bonjour ,

vous pouvez essayer en remplaçant votre script avec ce :
Code:
$(window).load(function () {
var av = $('#fa_usermenu img:eq(0)').attr('src');
$('#fa_welcome').prepend('<img style="width:25px;height:25px;position:relative;top:-2px;margin-right:5px;border-radius:3px;margin-bottom:-10px;" src="' + av + '" class="fa_avatar" />');
});
Ange Tuteur

Ange Tuteur
****

Masculin
Messages : 482
Inscrit(e) le : 16/11/2013

https://fmdesign.forumotion.com
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par FANCH 56 Mar 31 Déc 2013 - 8:55

Merci Ange Tuteur.

[Résolu] Bug avatar sur toolbar Captu115

J'ai juste modifié les valeur height et width et le botom, et c'est nickel. Dois-je garder le CSS associé ?

PS : Petit question pourquoi brusquement mon java ne fonctionnait plus ????


Dernière édition par FANCH 56 le Mar 31 Déc 2013 - 9:34, édité 1 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par Ange Tuteur Mar 31 Déc 2013 - 9:27

FANCH 56 a écrit:Doije garder le CSS associé ?

vous ne besoin pas le CSS, puisque c'est dans le script :

<img style="width:25px;height:25px;position:relative;top:-2px;margin-right:5px;border-radius:3px;margin-bottom:-10px;" src="' + av + '" class="fa_avatar" />

FANCH 56 a écrit:PS : Petit question pourquoi brusauement mon java ne fonctionnait plu ????

je ne suis pas sûr  reflexion
Ange Tuteur

Ange Tuteur
****

Masculin
Messages : 482
Inscrit(e) le : 16/11/2013

https://fmdesign.forumotion.com
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par FANCH 56 Mar 31 Déc 2013 - 9:28

Par contre si je retire le CSS, cela annule tous les autres codes Toolbar. Cela doit venir de la position des codes. Je vais chercher.

EDIT 09H37 : Voilà c'est que je pensais, j'ai déplacé le code du rang en fin de tous les code toolbar, et cela fonctionne.

Cette fois-ci c'est bien résolu. Bon réveillon.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 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