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

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

Résolu Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Naywayz le Lun 21 Avr 2014 - 10:54

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


Dernière édition par Naywayz le Mar 29 Avr 2014 - 6:17, édité 1 fois

Naywayz
*

Messages : 30
Inscrit(e) le : 19/08/2013

http://opbnew.forumgratuit.ch/
Naywayz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Milouze14 le Lun 21 Avr 2014 - 12:00

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

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

Résolu Re: Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Naywayz le Lun 21 Avr 2014 - 15:09

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.


Naywayz
*

Messages : 30
Inscrit(e) le : 19/08/2013

http://opbnew.forumgratuit.ch/
Naywayz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Milouze14 le Lun 21 Avr 2014 - 17:33

Re,

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

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://illiweb.com/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://illiweb.com/fa/fdf/magic.png');/*le lien de l image*/
background-repeat:no-repeat;/*on supprime la repetition*/
}


Bon courage  Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

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

Résolu Re: Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Naywayz le Lun 21 Avr 2014 - 18:49

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 Wink


Dernière édition par Naywayz le Mar 29 Avr 2014 - 6:17, édité 1 fois

Naywayz
*

Messages : 30
Inscrit(e) le : 19/08/2013

http://opbnew.forumgratuit.ch/
Naywayz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Milouze14 le Lun 21 Avr 2014 - 18:51

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

Désolé.

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

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

Résolu Re: Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Naywayz le Lun 21 Avr 2014 - 21:47

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 ?


Naywayz
*

Messages : 30
Inscrit(e) le : 19/08/2013

http://opbnew.forumgratuit.ch/
Naywayz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Milouze14 le Mar 22 Avr 2014 - 6:17

Salut Naywayz,

@Naywayz a écrit: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  Very Happy .

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

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

Résolu Re: Personnaliser le profil dans les messages en fonction du groupe du posteur

Message par Naywayz le Mar 22 Avr 2014 - 20:49

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

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

Merci pour l'aide Wink

Naywayz
*

Messages : 30
Inscrit(e) le : 19/08/2013

http://opbnew.forumgratuit.ch/
Naywayz a été remercié(e) par l'auteur de ce sujet.

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