Affichez l'image du rang sur la toolbar

+6
Tech
FANCH 56
pierre du 31
_backdraft_
Adam_sfp
ThePassionOfGaming
10 participants

Page 3 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_ Ven 9 Aoû 2013 - 14:37

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


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

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 Tech Sam 10 Aoû 2013 - 20:55

J'ai trouvé (enfin, Ea a trouvé) sinon la solution pour faire fonctionner le code dans la gestion des javascript. Vous pouvez donc le retirer du template.

Essayez ce code qui devrait fonctionner pour vous _backdraft_ :
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+' .forumline .row1 img:nth-child(3)');
        }
    });
});
N'oubliez pas d'utiliser du CSS Wink

Cordialement.
Tech

Tech
Membre actif

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

https://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 _backdraft_ Sam 10 Aoû 2013 - 21:33

Ou la la j'avoue être totalement perdu...

J'ai essayé votre code tech cependant seulement il ne fonctionne pas, même avec le CSS... cependant j'avais modifié un rang où j'y avais mis les suggestions de SeLfde4Th7 et bizarrement vos deux codes combinés marchent, après j'ai essayé de les remettre mais séparément et ça ne marchait plus...

J'avoue que je suis totalement perdu... seul problème et oui se serait trop beau de s'en tirer comme ceci, l'image du rang apparait telle qu'elle dans la toolbar c est à dire qu elle n est pas redimensionné en 25x25, et malgré toutes mes tentative je n'arrive pas à la redimensionné par le CSS même avec des "!important".

Merci d'avance
Backdraft
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 Tech Dim 11 Aoû 2013 - 9:36

Bonjour,

Je me suis inscrit sur votre forum, pouvez-vous me mettre un rang ?

Cordialement.
Tech

Tech
Membre actif

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

https://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 Dim 11 Aoû 2013 - 9:55

_backdraft_ a écrit:Ou la la j'avoue être totalement perdu...

J'ai essayé votre code tech cependant seulement il ne fonctionne pas, même avec le CSS... cependant j'avais modifié un rang où j'y avais mis les suggestions de SeLfde4Th7 et bizarrement vos deux codes combinés marchent, après j'ai essayé de les remettre mais séparément et ça ne marchait plus...

J'avoue que je suis totalement perdu... seul problème et oui se serait trop beau de s'en tirer comme ceci, l'image du rang apparait telle qu'elle dans la toolbar c est à dire qu elle n est pas redimensionné en 25x25, et malgré toutes mes tentative je n'arrive pas à la redimensionné par le CSS même avec des "!important".

Merci d'avance
Backdraft
Bonjour.
Tout ceci étant confus je crois qu'il vaut mieux que je laisse Tech continuer, je continue à suivre le sujet au cas ou une idée me vienne par la suite Wink .

Cordialement Smile .
Self

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

Message par _backdraft_ Dim 11 Aoû 2013 - 10:04

Tech a écrit:Bonjour,

Je me suis inscrit sur votre forum, pouvez-vous me mettre un rang ?

Cordialement.
Voilà c'est fait !

Merci
_backdraft_

_backdraft_
Membre habitué

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

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

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

Message par Tech Dim 11 Aoû 2013 - 10:17

J'ai remodifié le code JS, vous pouvez utiliser celui-ci :
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+' .forumline tr:nth-child(3) td[height="120"] img:nth-child(2)');
        }
    });
});
Après pour le CSS, utilisez plutôt
Code:
.rang_toolbar img {
width: ...;
height: ...;
}
Cordialement.
Tech

Tech
Membre actif

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

https://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 _backdraft_ Dim 11 Aoû 2013 - 10:24

Merci c'est parfait et ça marche !

Merci à Tech, Ea et SeLfde4Th7 pour tout vos efforts Smile

Vu le nombre de personne intéressé, peut être qu'il serait judicieux de l'ajouter au tutoriel ?

Cordialement
Backdraft
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 Self Dim 11 Aoû 2013 - 11:26

Il n'y à pas de quoi ^^.
Bravo à Tech pour avoir trouver une solution adpater au problème Wink.

Cordialement Smile.
Self

Self
Membre actif

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

https://selfback.forumactif.com/
Self 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 Dim 11 Aoû 2013 - 11:51

Bonjour à tous

J'ai mis ce code en place. Mais apparemment cela ne fonctionne pas pour invision.
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: Affichez l'image du rang sur la toolbar

Message par Self Dim 11 Aoû 2013 - 12:15

Pour Invision cette technique devrai fonctionner Wink .

Cordialement Smile .
Self

Self
Membre actif

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

https://selfback.forumactif.com/
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 Dim 11 Aoû 2013 - 14:55

Le problème pour mettre en tutoriel est que la partie suivante du script doit être modifiée pour chaque forum quasiment :
Code:
.forumline tr:nth-child(3) td[height="120"] img:nth-child(2)
Cela dépend de la version du forum mais aussi du profil avancé ou non.

Il faut aussi que la toolbar soit d'office activée.

PS : Pourriez-vous supprimer mon compte de votre forum ?

@FANCH, j'attends la validation de mon compte Smile

Cordialement.
Tech

Tech
Membre actif

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

https://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 Dim 11 Aoû 2013 - 15:01

Re,

Pourrez-vous faire de même avec mon forum svp?

Cordialement.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Dim 11 Aoû 2013 - 15:13

supergogetass4 a écrit:Re,

Pourrez-vous faire de même avec mon forum svp?

Cordialement.
Essayez ce JS :
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 tr:nth-child(2) img:nth-child(4)');
        }
    });
});
Et ce CSS :
Code:
.rang_toolbar img {
width: ...;
height: ...;
}
Cordialement.
Tech

Tech
Membre actif

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

https://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 Dim 11 Aoû 2013 - 15:18

Re,

ça ne marche toujours pas Confused.

Cordialement.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Dim 11 Aoû 2013 - 15:23

Je me suis inscrit et le code que je vous ai donné fonctionne bien Wink

PS : Merci de supprimer mon compte quand tout sera fini

Cordialement.
Tech

Tech
Membre actif

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

https://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 Dim 11 Aoû 2013 - 15:28

Re,

Ha, ça ne fonctionne pas chez moi, est-ce normal?

PS : Voici le code des membres
Nouveau (le votre) :
Code:
Nouveau
Satan (le mien) :
Code:
<span class="Administrateur">Satan</span>

Cordialement.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Dim 11 Aoû 2013 - 16:49

Tech a écrit:Le problème pour mettre en tutoriel est que la partie suivante du script doit être modifiée pour chaque forum quasiment :
Code:
.forumline tr:nth-child(3) td[height="120"] img:nth-child(2)
Cela dépend de la version du forum mais aussi du profil avancé ou non.

Il faut aussi que la toolbar soit d'office activée.

PS : Pourriez-vous supprimer mon compte de votre forum ?

@FANCH, j'attends la validation de mon compte Smile

Cordialement.
Je viens de rentrer, j'ai activé
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: Affichez l'image du rang sur la toolbar

Message par Tech Dim 11 Aoû 2013 - 18:37

supergogetass4 a écrit:Re,

Ha, ça ne fonctionne pas chez moi, est-ce normal?

PS : Voici le code des membres
Nouveau (le votre) :
Code:
Nouveau
Satan (le mien) :
Code:
<span class="Administrateur">Satan</span>
Cordialement.
Mon code reprend seulement l'image donc le texte importe peu.

@Fanch essaye ce JS :
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)');
        }
    });
});
N'oublie pas de mettre du CSS Smile

Cordialement.
Tech

Tech
Membre actif

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

https://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 Dim 11 Aoû 2013 - 19:01

Tech a écrit:
supergogetass4 a écrit:Re,

Ha, ça ne fonctionne pas chez moi, est-ce normal?

PS : Voici le code des membres
Nouveau (le votre) :
Code:
Nouveau
Satan (le mien) :
Code:
<span class="Administrateur">Satan</span>
Cordialement.
Mon code reprend seulement l'image donc le texte importe peu.
Re,

C'est assez bizarre car les rangs spéciaux ne fonctionnent pas et les rangs/messages fonctionnent. Tout les rangs spéciaux sont inscrit avec la class et pas ceux avec les messages pourtant seul les rangs qui fonctionnent avec les rangs/messages fonctionnent, alors, je ne sais que faire.

Cordialement.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 pierre du 31 Dim 11 Aoû 2013 - 19:23

Tech a écrit:J'ai remodifié le code JS, vous pouvez utiliser celui-ci :
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+' .forumline tr:nth-child(3) td[height="120"] img:nth-child(2)');
        }
    });
});
Après pour le CSS, utilisez plutôt
Code:
.rang_toolbar img {
width: ...;
height: ...;
}
Cordialement.
j'ai utilisez cela, mais ça ne fonctionne pas :/

http://peche-lac-riviere.forumactif.fr/
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

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

Message par _backdraft_ Dim 11 Aoû 2013 - 20:07

Tech a écrit:PS : Pourriez-vous supprimer mon compte de votre forum ?
C'est fait.

Du coup j'attends encore que les problèmes de chacun soit résolu pour mettre le sujet résolu.

Backdraft
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 Dim 11 Aoû 2013 - 20:48

Tech a écrit:@Fanch essaye ce JS :
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)');
        }
    });
});
N'oublie pas de mettre du CSS Smile

Cordialement.
Merci Tech impeccable voici le résultat

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

Message par Self Dim 11 Aoû 2013 - 20:51

Bonsoir^^.

@Pierre du 31 Vous pouvez essayer 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+'  .poster-profile > center:nth-child(2) > img:nth-child(1)');
        }
    });
});
Cordialement Smile .
Self

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

Message par pierre du 31 Dim 11 Aoû 2013 - 20:56

SeLfde4Th7 a écrit:Bonsoir^^.

@Pierre du 31 Vous pouvez essayer 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+'  .poster-profile > center:nth-child(2) > img:nth-child(1)');
        }
    });
});
Cordialement Smile.
Fonctionne pas Sad
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

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

Message par Self Dim 11 Aoû 2013 - 21:07

Oups désoler j'ai oublié d'enlever deux petit truc :/.

Peut être 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+'  .poster-profile  center:nth-child(2)  img:nth-child(1)');
        }
    });
});
Cordialement Smile .
Self

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

Message par pierre du 31 Dim 11 Aoû 2013 - 21:47

Fonctionne pas non plus
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 a été remercié(e) par l'auteur de ce sujet.

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

Message par Tech Lun 12 Aoû 2013 - 7:48

Bonjour,

Si vous n'ouvrez pas la lecture des profils aux invités nous ne pourront rien faire Smile

Cordialement.
Tech

Tech
Membre actif

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

https://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 pierre du 31 Lun 12 Aoû 2013 - 19:13

Le forum est ouvert aux invités (normalement)

http://peche-lac-riviere.forumactif.fr/
pierre du 31

pierre du 31
*****

Masculin
Messages : 990
Inscrit(e) le : 08/08/2011

http://peche-lac-riviere.forumactif.fr/
pierre du 31 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 Lun 12 Aoû 2013 - 21:08

Bonsoir

Ici on parle de la lecture des profils.

Si on clique sur un membre, on ne peut le lire, il faut s'inscrire.
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: Affichez l'image du rang sur la toolbar

Message par supergogetass4 Mer 14 Aoû 2013 - 18:19

Up.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 3 sur 5 Précédent  1, 2, 3, 4, 5  Suivant

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