Champ profil automatisé via Javascript

[Space Sapien]

Bonjour à tous,

je vais essayer de présenter ma situation le plus clairement possible. J'utilise des rangs spéciaux pour appliquer un ajout cosmétique à mes membres selon leur groupes. De ce fait, je me prive des rangs normaux s'appliquant automatiquement selon le nombre de message de chaque membre. ( Les rangs spéciaux annulant les rangs normaux =/ )

Du coup, pour tout de même profiter des rangs évolutifs en fonction du nombre de message, j'ai pensé à créer un champ profil particulier. Le soucis c'est que je me retrouve à devoir tout faire manuellement, vérifier le nombre de message des membres puis leur appliquer le bon champ profil correspondant.
Je me demandais s'il n'y avait pas moyen par le biais d'un javascript, d'appliquer automatiquement les champs profil en fonction du nombre de message de chaque membre. Étant une bille en javascript je ne sais malheureusement pas du tout comment m'y prendre =x ( en admettant que ce soit possible )

Merci d'avance pour votre aide

[Neptunia]

Bonjour ^^


Le plus logique serait de faire l'inverse.
Un champ de profil contenant une liste d'images qui ferait office de rang spécial et qui serait alloué manuellement comme un champ spécial.

Et récupérer le seul et unique rang pour utiliser des rangs normaux s'ajustant automatiquement en fonction du nombre de messages.

[Space Sapien]

Oui je suis tout à fait d'accord, lorsque le rang spécial n'est qu'une simple image. En l'occurence mes rangs spéciaux sont entourés de <span></span> qui me permet de modifier le cadre de l'avatar par exemple, le fond du profil etc...
Étant donné que le html est inutilisable dans les champs profils, je ne peux donc pas passer par là pour mes rangs spéciaux =/

[Neptunia]

Si le rang spécial est toujours une image je ne vois pas où est le problème. Il suffit d'intégrer aux images les contours voulus et la couleur de fond si ces derniers sont en png.

[Space Sapien]

Ce sera peut être plus clair avec un screen xD
Voilà comment j'enregistre mes rangs spéciaux :

Code:

<span class="NosAmis">Nos Amis</span>

Dans mon template, j'ai mis un display:none pour que le rang n'apparaisse pas sous l'avatar ( ça m'intéresse pas puisque j'ai simplement créer un rang pour chaque groupe, la couleur du pseudo suffit à comprendre à quel rang / groupe il appartient ). Donc pas de rang visible, pas d'image de rang. Simplement une span dont la class change selon l'utilisateur.

La class que je donne à chaque rang spécial me permet via un javascript de changer tout ce que je souhaite. Bandeau du pseudo qui change de couleur en fonction du groupe, cadre autour de l'avatar qui change en fonction du groupe, fond du cadre de l'avatar qui change etc... Exemple :

Spoiler:

On ne peut pas mettre de span sur un champ profil, du coup si je passe par les champs profils pour mes rangs spéciaux, je ne pourrai plus utiliser tous mes codes css différents en fonction de chaque rangs.

[Neptunia]

Au lieu de passer par la class du rang, il vous suffirait de passer par son attribut title (ou src s'il s'agit d'une image) pour parvenir à la même chose.

Un exemple dans ce tuto :
Fond changeant selon le sexe du posteur

[Space Sapien]

Très bonne idée ! Il fallait y penser
Merci beaucoup.