Sweet Purple
Admin
Messages : 131
Date d'inscription : 12/07/2010
Age : 29
 | Sujet: {HTML} Enlever les crochets des groupes dans le QEEL Bazzart  Dim 15 Mai - 19:11 | |
| - Pichou a écrit:
Bien le bonjour amis Bazzariens! :blink: : Nous allons apprendre à enlever les crochets que vous trouvez dans votre QEEL. La condition pour pouvoir accomplir ce tutoriel est d'être seulement le compte fondateur étant donné que tout ce passe dans les templates. Bien, commençons. :chair: :
Dans le Panneau d'Administration, et plus précisément dans Affichage >> Templates >> Général >> Index_Body. Nous y sommes ! {ATTENTION : vous ne pouvez accéder aux templates que si vous êtes le fondateur du forum !}
S'affiche alors une page pleine de codes [peut-être incompréhensibles pour vous !] ! Notre intérêt se trouve vers la fin de ce code et se trouve sous forme d'une balise :
- Code:
-
{GROUP_LEGEND} C'est cette seule et unique balise qui matérialise les différents groupes, et qui met les crochets [moi, je dis : à moooort !] ! Eh bien maintenant, pour faire disparaître ces odieux symboles... On va supprimer cette balise. Oui, vous m'avez bien lu. Il faut la supprimer. Mais le travail ne se termine pas ici mes amis ! Car il faut la remplacer maintenant, cette balise Razz .
Pour cela, il faut tout simplement rajouter manuellement les groupes et leurs liens, comme ceci :
- Code:
-
<a href="LIEN DU GROUPE 1">NOM DU GROUPE 1</a> <a href="LIEN DU GROUPE 2">NOM DU GROUPE 2</a> etc...
Mais enfin ! Que se passe-t-il ? C'est moche ! Ce ne sont que de bêtes liens !
Oui, il faut maintenant les personnaliser !
► Tout d'abord, il faut colorer chaque lien différemment, comme nous étions si habitués à le voir. Chaque groupe sa couleur... C'est plutôt simple :
- Code:
-
<a href="LIEN DU GROUPE 1"><span style="color: CODE DE TA COULEUR;">NOM DU GROUPE 1</span></a> Et cela pour chaque groupe ^^ !
► Ensuite, pour une personnalisation plus poussée, on peut tout bêtement créer une classe CSS !
- Code:
-
<a href="LIEN DU GROUPE 1"><span class="groupes" style="color: CODE DE TA COULEUR;">NOM DU GROUPE 1</span></a>
• On rajoute donc une classe dans notre CSS {Couleurs >> Feuilles de Style CSS} :
- Code:
-
.groupes{
VALEURS CSS;
}
Voilà ! Vous êtes débarrassé des crochets ! Par contre, il faudra se rappeler que maintenant, quand vous rajoutez un groupe dans le module 'Utilisateurs et Groupes', celui-ci ne sera plus rajouté automatiquement dans votre Qui Est En Ligne. Il faudra donc de nouveau aller dans les templates pour le rajouter vous-même !
Tutoriel by LittleThing on s.o.s forum rpg.
| |
|
