Affichez l'image du rang sur la toolbar

Page 4 sur 5 Précédent  1, 2, 3, 4, 5  Suivant

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

Résolu Affichez l'image du rang sur la toolbar

Message par _backdraft_ le Ven 9 Aoû 2013 - 16:37

Rappel du premier message :

Bonjour,

Je viens de lire la nouvelle astuce :

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


Dernière édition par _backdraft_ le Jeu 22 Aoû 2013 - 18:39, édité 2 fois

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par FANCH 56 le Mer 14 Aoû 2013 - 20:32

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

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: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Mer 14 Aoû 2013 - 23:11

Re,

Tech est inscrit sur mon forum.

Cordialement

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Tech le Ven 16 Aoû 2013 - 17:56

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Ven 16 Aoû 2013 - 20:16

Bonsoir,

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

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.


Dernière édition par supergogetass4 le Sam 17 Aoû 2013 - 15:16, édité 1 fois

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Tech le Ven 16 Aoû 2013 - 20:23

Vous avez des images pour ces rangs ?

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Ven 16 Aoû 2013 - 20:49

Re,

Oui.

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par FANCH 56 le Sam 17 Aoû 2013 - 8:51

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

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: Affichez l'image du rang sur la toolbar

Message par Self le Sam 17 Aoû 2013 - 11:33

Bonjour à tous Smile .

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 Wink .

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

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Tech le Sam 17 Aoû 2013 - 12:30

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par FANCH 56 le Sam 17 Aoû 2013 - 13:25

SeLfde4Th7 a écrit:Bonjour à tous Smile.

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 Wink.

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

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

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: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Sam 17 Aoû 2013 - 15:20

Bonjour,

ça marche avec ceux-là :
Spoiler:
Code:
Nouveau
Code:
Posteur
Code:
Posteur accro du forum
Code:
Posteur flooder
Code:
Ultime accro du forum
Code:
ULTIMATE flooder

ça ne marche pas avec ceux-là :
Spoiler:

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>

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Dim 18 Aoû 2013 - 13:59

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Tech le Dim 18 Aoû 2013 - 14:07

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Dim 18 Aoû 2013 - 14:14

Re,

Maintenant,

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

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Tech le Dim 18 Aoû 2013 - 19:14

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é



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Self le Dim 18 Aoû 2013 - 19:21

@Tech a écrit: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 Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Dim 18 Aoû 2013 - 19:51

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
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Mar 20 Aoû 2013 - 15:31

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Mer 21 Aoû 2013 - 16:07

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Zeste le Mer 21 Aoû 2013 - 16:16

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? Very Happy

Bonne journée Wink

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Self le Mer 21 Aoû 2013 - 16:29

@Zeste a écrit: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? Very Happy

Bonne journée Wink
Bonjour Zeste.

Il suffit de faire avec le class .rang_toolbar ce qui donne:
Code:
.rang_toolbar{
width:45px;
height:25px;}
Corialement:) .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Zeste le Jeu 22 Aoû 2013 - 8:46

Je viens de tester, mais cela ne fonctionne pas. Embarassed 

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Self le Jeu 22 Aoû 2013 - 12:54

@Zeste a écrit:Je viens de tester, mais cela ne fonctionne pas. Embarassed 
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 Smile

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Zeste le Jeu 22 Aoû 2013 - 13:35

Bonjour SeLfde4Th7,

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

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Jeu 22 Aoû 2013 - 18:23

Re,

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

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Dim 25 Aoû 2013 - 2:03

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Self le Dim 25 Aoû 2013 - 3:14

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 Very Happy.

Cordialement Smile.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Dim 25 Aoû 2013 - 3:21

Bonsoir,

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

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par Self le Dim 25 Aoû 2013 - 3:36

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichez l'image du rang sur la toolbar

Message par supergogetass4 le Dim 25 Aoû 2013 - 14:34

Bonjour,

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

Cordialement.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Page 4 sur 5 Précédent  1, 2, 3, 4, 5  Suivant

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