Affichez l'image du rang sur la toolbar

[_backdraft_]

Rappel du premier message :

Bonjour,

Je viens de lire la nouvelle astuce :

https://forum.forumactif.com/t355862-afficher-l-avatar-du-membre-dans-la-toolbar

Qui semble très bien ! Cependant pour mon forum il serait plus profitable de mettre l'image du rang sur la toolbar, est ce possible ?

Merci beaucoup
Backdraft

[FANCH 56]

On ne pourra pas t'aider tant que tu n'auras pas ouvert la lecture des profils. Ton up ne sert à rien.

[supergogetass4]

Re,

Tech est inscrit sur mon forum.

Cordialement

[Tech]

Je vous ai donné la solution :

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)');
                }
            });
        });

Le code reprend l'image, s'il y a une image c'est ok, sinon non.

Cordialement.

[supergogetass4]

Bonsoir,

J'ai utilisé votre code, aucun groupe ne fonctionne .

Code:

<span class="Administrateur">Satan</span>

Code:

<span class="Fossoyeur">Fossoyeur de Satan</span>

Code:

<span class="Modo">Modo</span>

Code:

<span class="Designer">Designer</span>

Code:

<span class="Membre 2">Membre leader</span>

Code:

<span class="Membre">Membre</span>

Code:

<span class="Apprentis">Apprenti</span>

Code:

<span class="Guerriers">Les Guerriers Immortels</span>

Code:

<span class="staff">2f [STAFF]</span>

Code:

Nouveau

Code:

Posteur

Code:

Posteur accro du forum

Code:

Posteur flooder

Code:

Ultime accro du forum

Code:

ULTIMATE flooder

Cordialement.

[Tech]

Vous avez des images pour ces rangs ?

Cordialement.

[supergogetass4]

Re,

Oui.

Cordialement.

[FANCH 56]

Bonjour

Il faut faire un essai en retirant les réseaux sociaux et la loupe pour faire de la place. J'ai constaté cela. Si je rajoute ces images, mon rang et avatar sur la toolbar disparaissent.

Code:

/* **************************RETIRER RECHERCHE et LOUPE de la toolbar ********** */

#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }


/* *********************RETRAIT RÉSEAUX SOCIAUX******************** */

        #fa_share { display: none!important; }

#fa_textarea {display: none!important;}

[Self]

Bonjour à tous .

Sur ce forum test j'ai ajouté pas mal de chose à la toolbar, ceci n'est pas bien compliqué étant donné que mise à part l'avatar, le reste de l'ajout html cependant des que le CSS est mal écris ou mal interpréter il y à des bug d'affichage, verrifiez donc que le CSS soit bon .

Fanch65, sa fait de la place, mais c'est interdit ?

Cordialement .

[Tech]

Essayez ce code alors supergogetass4 :

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+' .bodyline td[width="300"] .forumline .row1 img:nth-child(4)');
                }
            });
        });

Cordialement.

[FANCH 56]

Bonjour à tous .

Sur ce forum test j'ai ajouté pas mal de chose à la toolbar, ceci n'est pas bien compliqué étant donné que mise à part l'avatar, le reste de l'ajout html cependant des que le CSS est mal écris ou mal interpréter il y à des bug d'affichage, verrifiez donc que le CSS soit bon .

Fanch65, sa fait de la place, mais c'est interdit ?

Cordialement .

Hé non, car j'ai payé...........................Na !!!

[supergogetass4]

Bonjour,

ça marche avec ceux-là :

Spoiler:

ça ne marche pas avec ceux-là :

Spoiler:

Cordialement.

[supergogetass4]

Up.

[Tech]

Le chiffre 5 à place du 4 semble fonctionner pour ces rangs là..

Cordialement.

[supergogetass4]

Re,

Maintenant,

Ceux qui fonctionnaient ne fonctionne plus, mais ceux qui ne fonctionnaient pas fonctionne.

Cordialement.

[Tech]

Peut-être ça mais je n'en sais rien :

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+' .bodyline td[width="300"] .forumline .row1 img:nth-child(4)');
                    $('.rang_toolbar').load('/u'+id+' .bodyline td[width="300"] .forumline .row1 img:nth-child(5)');
                }
            });
        });

Sinon ça dépasse mes compétences, désolé

[Self]

Peut-être ça mais je n'en sais rien :

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+' .bodyline td[width="300"] .forumline .row1 img:nth-child(4)');
                    $('.rang_toolbar').load('/u'+id+' .bodyline td[width="300"] .forumline .row1 img:nth-child(5)');
                }
            });
        });

Sinon ça dépasse mes compétences, désolé

Si sa ne fonctionne pas comme cela il me semble qu'il suffit de les associés comme sa:

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+' .bodyline td[width="300"] .forumline .row1 img:nth-child(4)');
                }
            });
        });
$(function () {
            $(function () {
                var id = _userdata["user_id"];
                $('#fa_welcome').before('<span class="rang_toolbar"></span>');
                if (typeof (_userdata) != "undefined") {
                    $('.rang_toolbar').load('/u'+id+' .bodyline td[width="300"] .forumline .row1 img:nth-child(5)');
                }
            });
        });

Cordialement .

[supergogetass4]

Re,

Dans le code de Tech, ceux qui fonctionnaient fonctionnent toujours, ceux qui ne fonctionnaient pas apparaissent, mais disparaissent de suite.

Dans le code de SeLfde4Th7, ceux qui fonctionnaient fonctionnent toujours et ils apparaissent 2 fois, ceux qui ne fonctionnaient pas apparaissent, mais disparaissent de suite.

Cordialement.

[supergogetass4]

Up.

[supergogetass4]

Up.

[Zeste]

Bonjour,

Je me permet (suite au code proposé par Tech) de poser une petite question.

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+' .bodyline td[width="300"] .forumline .row1 img:nth-child(4)');
                }
            });
        });

Peut-on rétrécir l'image du rang via le CSS dans la toolbar? Si oui, comment?

Bonne journée

[Self]

Bonjour,

Je me permet (suite au code proposé par Tech) de poser une petite question.

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+' .bodyline td[width="300"] .forumline .row1 img:nth-child(4)');
                }
            });
        });

Peut-on rétrécir l'image du rang via le CSS dans la toolbar? Si oui, comment?

Bonne journée

Bonjour Zeste.

Il suffit de faire avec le class .rang_toolbar ce qui donne:

Code:

.rang_toolbar{
width:45px;
height:25px;}

Corialement:) .

[Zeste]

Je viens de tester, mais cela ne fonctionne pas.  

[Self]

Je viens de tester, mais cela ne fonctionne pas.  

Bonjour.

Malgré que je ne soit pas sur que ça change quelque chose essayez avec le code:

Code:

.rang_toolbar img{
width:45px;
height:25px;}

Comme le class .rang_toolbar est définie par une balise span j'ai rajouté img pour qu'il prenne l'image du span, cependant il aurait peut être du le prendre en compte quand même sans.

Cordialement

[Zeste]

Bonjour SeLfde4Th7,

C'est parfait ! Comme quoi il fallait bien le img.

[supergogetass4]

Re,

Ce n'est pas résolu pour moi, pouvez vous retiré l'icône résolu svp.

Cordialement.

[supergogetass4]

Up.

[Self]

Bonsoir.

En reprenant le code donner par Tech on peut essayez comme sa:

Code:

$(function () {
           $(function () {
            var id = _userdata["user_id"];
             $('#fa_rss').after('<span class="rang_toolbar"></span>');
            if (typeof (_userdata) != "undefined") {
           $('.rang_toolbar').load('/u'+id+' .bodyline td[width="300"] .forumline .row1 img:nth-child(4)');
           $('.rang_toolbar').load('/u'+id+' .bodyline td[width="300"] .forumline .row1 img:nth-child(5)');
        }
   });
});

Avec le CSS:

Code:

.rang_toolbar{
width: 25px;
height: auto;
position: relative;
top: -3px;
margin-left: 450px;
border-radius: 3px;
margin-bottom: -10px;}

Les valeurs en pixel sont bien sur modifiable .

Cordialement .

[supergogetass4]

Bonsoir,

Même chose (Le spécial s'affiche, le non spécial s'affiche, mais disparait de suite).

Cordialement.

[Self]

Et comme cela:

Code:

$(function () {
          $(function () {
            var id = _userdata["user_id"];
            $('#fa_rss').after('<span class="rang_toolbar"></span>');
            if (typeof (_userdata) != "undefined") {
          $('.rang_toolbar').load('/u'+id+' .bodyline td[width="300"] .forumline .row1 img:nth-child(4)');}
            else{
          $('.rang_toolbar').load('/u'+id+' .bodyline td[width="300"] .forumline .row1 img:nth-child(5)');}
        }
  });
});

[supergogetass4]

Bonjour,

ça fait comme avant sauf qu'on ne voit plus le grade non spécial apparaitre.

Cordialement.