Affichez l'image du rang sur la toolbar

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_ 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 Tech le Sam 10 Aoû 2013 - 22: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.



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

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
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 _backdraft_ le Sam 10 Aoû 2013 - 23: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_
# 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 Tech le Dim 11 Aoû 2013 - 11:36

Bonjour,

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

Cordialement.



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

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
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 11 Aoû 2013 - 11: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
+ 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 _backdraft_ le Dim 11 Aoû 2013 - 12: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_
# 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.
  • 0

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

Message par Tech le Dim 11 Aoû 2013 - 12: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.



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

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
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 _backdraft_ le Dim 11 Aoû 2013 - 12: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_
# 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 Self le Dim 11 Aoû 2013 - 13:26

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

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 FANCH 56 le Dim 11 Aoû 2013 - 13:51

Bonjour à tous

J'ai mis ce code en place. Mais apparemment cela ne fonctionne pas pour invision.

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 Dim 11 Aoû 2013 - 14:15

Pour Invision cette technique devrai fonctionner Wink .

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 Dim 11 Aoû 2013 - 16: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.



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

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
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 11 Aoû 2013 - 17:01

Re,

Pourrez-vous faire de même avec mon forum 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 Tech le Dim 11 Aoû 2013 - 17: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.



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

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
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 11 Aoû 2013 - 17:18

Re,

ça ne marche toujours pas Confused.

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 11 Aoû 2013 - 17: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.



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

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
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 11 Aoû 2013 - 17: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.

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 Dim 11 Aoû 2013 - 18: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
+ 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 Tech le Dim 11 Aoû 2013 - 20: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.



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

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
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 11 Aoû 2013 - 21: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.

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 pierre du 31 le Dim 11 Aoû 2013 - 21: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
*****

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_ le Dim 11 Aoû 2013 - 22: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_
# 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 Dim 11 Aoû 2013 - 22: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


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 Dim 11 Aoû 2013 - 22: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
+ 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 pierre du 31 le Dim 11 Aoû 2013 - 22: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
*****

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 le Dim 11 Aoû 2013 - 23: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
+ 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 pierre du 31 le Dim 11 Aoû 2013 - 23:47

Fonctionne pas non plus

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 le Lun 12 Aoû 2013 - 9:48

Bonjour,

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

Cordialement.



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

Tech
Modéractif
Modéractif

Masculin
Messages : 21122
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 pierre du 31 le Lun 12 Aoû 2013 - 21:13

Le forum est ouvert aux invités (normalement)

http://peche-lac-riviere.forumactif.fr/

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 le Lun 12 Aoû 2013 - 23: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
+ 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 - 20:19

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.

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


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