Personnaliser le profil dans les messages en fonction du groupe du posteur

[Naywayz]

Bonjour,

Je sais pas si c'est vraiment le topic idéal mais je me lance quand même. Je voulais savoir comment faire pour avoir des profils différents en fonction des groupes. Je m'explique. Par exemple, si mon groupe est "administrateur" je voudrais que le profil de tous ceux étant dans celui-ci soit par exemple Orange. Si je fais un groupe modérateur, il faut qu'il soit par exemple violet, pour différencier chaque groupe bien distinctement. Le must ce serait de pouvoir incorporer une image par exemple en arrière plan pour pouvoir faire exactement ce que je désire.

En gros, si j'ai 5 groupes sur le forum, je veux pouvoir avoir un profil différent pour chaque groupes. Par profil j'entends l'endroit où il y a l'avatar.

Cordialement, Naywayz

[Invité]

Salut Naywayz ,

ces groupes ont ils une image de définie ?
Ce serait l'idéal pour une meilleur compréhension du script de mettre
un rang et ensuite on fait ce que l'on veut   .

a++

[Naywayz]

Ouaip, si possible pouvoir mettre une image qui ferait office d'arrière-plan. En gros, ça viendrait se coller derrière l'avatar et il serait unique pour chaque groupe (ou rang c'est du pareil au même) différent. Du moment que ça donne l'effet voulu, la manière m'importe peu, pour le reste, je passerai le tout au photoshop.

[Invité]

Re,

Je te donne l'astuce pour les administrateurs ensuite il faudra ajouter autant de scripts , css
que tu as de rangs a personnaliser   .

J'ai pris une image sur le FDF (déposée dans la CSS)
afin que tu puisses voir l'effet pour tous tes administrateurs .

Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur les sujets

colle ceci:

Code:


//ON ENTOURE LE PROFIL POUR LES ADMINISTRATEURS
$(function(){
$("tr.post img[alt='Administrateur']").closest('.postdetails.poster-profile').wrap('<div id="M14_Admin"></div>');
});


Pensez à cliquer sur le bouton


Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Recherches ceci:

Code:


 {postrow.displayed.POSTER_AVATAR}


Supprimes et remplaces par:

Code:


  <div class="M14_avatar"><div></div> {postrow.displayed.POSTER_AVATAR}</div>


Penses a enregistrer les modifications en cliquant respectivement sur et

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Colles ceci:

Code:


/*AJOUT D IMAGE SUR L AVATAR POUR LES ADMINISTRATEURS*/
#M14_Admin .M14_avatar div
{
position:absolute;
width:64px;/*largeur de l image*/
height:59px;/*hauteur de l image*/
background-image:url('http://2img.net/i/fa/fdf/magic.png');/*le lien de l image*/
background-repeat:no-repeat;/*on supprime la repetition*/
}


Penses à cliquer sur le bouton

---

---

Pour ajouter d'autres scripts il suffira d'éditer celui créé et d'ajouter les autres à la suite
en prenant bien soin de renseigner l'attribut alt de l'image :

Admettons que tu créer un rang avec comme nom Fondateur , ton script sera
comme ceci:

Code:


//ON ENTOURE LE RANG DES ADMINISTRATEURS
$(function(){
$("tr.post img[alt='Fondateur']").closest('.postdetails.poster-profile').wrap('<div id="M14_Fondateur"></div>');
});


Ta css comme ceci:

Code:


/*AJOUT D IMAGE SUR L AVATAR POUR LE FONDATEUR*/
#M14_Fondateur .M14_avatar div
{
position:absolute;
width:64px;/*largeur de l image*/
height:59px;/*hauteur de l image*/
background-image:url('http://2img.net/i/fa/fdf/magic.png');/*le lien de l image*/
background-repeat:no-repeat;/*on supprime la repetition*/
}


Bon courage    .

a++

[Naywayz]

J'ai juste un petit problème, rien ne s'affiche en fait. J'ai fait le tuto à la lettre mais il n'affiche rien. J'ai mis le rang en "Administrateur" et j'ai tenté de me le mettre mais rien ne s'est passé.



Merci de votre intérêt

[Invité]

Re,
oups, j'ai oublié de mentionner qu'il faut attribuer une image pour chaque rang    .

Désolé.

a++

[Naywayz]

C'est parfait, mais j'ai juste un léger problème (désolé, je m'incruste un peu..)

Quand on regarde ici : http://op-beginning.forumactif.fr/t1178-test#7841

On s'aperçoit que le cadre dépasse le "message" et vient s'incruster sur le restant de la page. J'aurais apprécié qu'il reste dans son propre cadre, comment je m'arrange pour lui donner une taille définie ?

[Invité]

Salut Naywayz,

C'est parfait, mais j'ai juste un léger problème (désolé, je m'incruste un peu..)

Quand on regarde ici : http://op-beginning.forumactif.fr/t1178-test#7841

On s'aperçoit que le cadre dépasse le "message" et vient s'incruster sur le restant de la page. J'aurais apprécié qu'il reste dans son propre cadre, comment je m'arrange pour lui donner une taille définie ?

vu la dimension de ton image   .

Ajoutes une largeur et une hauteur dans la css:

Code:


#M14_Admin
{
width:XXXpx;
height:XXXpx;
}


Ceci devrait faire l'affaire:

Code:


#M14_Admin
{
width:200px;
height:600px;
}


a++

[Naywayz]

C'est absolument exceptionnel. Vraiment, merci. En revanche, ça dérange si je laisse ouvert quelques temps ? Histoire que j'essaie en profondeurs certaines aspects (ça m'évitera de refaire un sujet)

Sinon, je mettrai le "résolu" et je referai un sujet.

Merci pour l'aide