[Résolu] [Invision] Mon code CSS pour rang sur toolbar ne fonctionne plus

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

Résolu [Résolu] [Invision] Mon code CSS pour rang sur toolbar ne fonctionne plus

Message par FANCH 56 le Mer 8 Jan 2014 - 15:55

Bonjour

Mon forum affiche sur la toolbar, le rang du membre lorsqu'il est connecté (visible par lui uniquement)

Depuis la mise à jour, l'icône du rang ne se mets pas à la dimensions souhaité.

Voici le code javascript

Code:
$(function () {
            $(function () {
                var id = _userdata["user_id"];
                $('#fa_welcome').before('<span class="rang_toolbar"></span>');
                if (typeof (_userdata) != "undefined") {
                    $('.rang_toolbar').load('/u'+id+' #main-content .box-content.profile.center img:nth-child(6)');
                }
            });
        });

Et voici le CSS associé

Code:
/* IMAGE RANG DANS TOOLBAR * */
rang_toolbar img {
width: 75px;
height: 10px;
 position:relative;top:-5px;
}

Comme on le voit sur la capture ci-dessous, l'image du rang ne se dimensionne pas comme je le souhaite, et j'ai beau changer les dimensions px, cela n'a aucun effet. De part ce fait, l'ensemble rang+avatar+Bienvenue, et hors de la toolbar.

Avez-vous une solution ?

Merci


Dernière édition par FANCH 56 le Mer 8 Jan 2014 - 22:47, édité 1 fois

FANCH 56
+ Hyperactif +

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

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

Résolu Re: [Résolu] [Invision] Mon code CSS pour rang sur toolbar ne fonctionne plus

Message par FANCH 56 le Mer 8 Jan 2014 - 22:47

Résolu tout seul comme un grand.

Il fallait mettre un . devant rang. Et ensuite régler la position

Code:
/* IMAGE RANG DANS TOOLBAR * */
.rang_toolbar img {
width: 75px;
height: 30px;
 position:relative;top:-0px;
}

FANCH 56
+ Hyperactif +

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

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


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