Modifications caractère légende

[Kaiyo3]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://animemanga.forumactif.fr/

Description du problème

Bonjour à tous,

Ayant récemment replongé dans la construction d'un nouveau forum, je souhaiterais modifier le caractère de certains groupe de membres sur la page d'accueil.
Je précise que je suis sous Invision.

Voici ma légende comme elle apparaît par défaut :



En fait, je souhaiterais mettre le premier groupe Admin en italique.

Puis les groupes Design Team, Channel Addicts, #Anime_Land Membres, Membres, Validation, juste retirer le caractère gras.

Le reste bien sûr reste inchangé.

Je vous remercie d'avance pour votre aide.

Bien à vous

[Invité]

Hello Kaiyo3,

on va entourer la variable qui gère les groupes,
pour cela il faut intervenir dans template index_body:
Affichage/Templates/Général/index_body

Recherches ceci (ligne 93 environ):

Code:


   <div>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</div>


Supprimes et remplaces par:

Code:


   <div>{LEGEND}&nbsp;:&nbsp;<span class="M14_Legend">{GROUP_LEGEND}</span></div>




Penses a enregistrer les modifications en cliquant respectivement sur et


Ensuite, le lien du groupe "Admin" commence en principe par:

Code:


href="/g1-administrateurs"


On va donc demander via la feuille de style de mettre le style Italic juste sur ce groupe:

Pour les autres groupes, on va utiliser le balise :

Code:

<b>

qui donne le caractère gras et on va utiliser la propriété:

Code:

nth-child()

Plus de renseignements ici:
http://www.marevueweb.com/css-html/liste-nth-child-propriete/

Exemple, dans ta feuille de style, j'ai déposé:

Code:


.M14_Legend b:nth-child(6)


Cela correspond à la sixième balise

Code:

<b>

du groupe

Suivant ta demande , le style donné a été déposé dans la feuille de style ci-dessous


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

Ajoutes ceci:

Code:


.M14_Legend a.gensmall[href^="/g1"]
{
font-style:italic !important;
}
.M14_Legend b:nth-child(6),.M14_Legend b:nth-child(7),.M14_Legend b:nth-child(8),
.M14_Legend b:nth-child(9),.M14_Legend b:nth-child(10)
{
font-weight:normal !important;
}



Penses à cliquer sur le bouton

Et voilou    .

a++

[Kaiyo3]

Merci pour votre réponse,

Je vais me pencher sur tout ça !