Apparence des groupes

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

Résolu Apparence des groupes

Message par Chertograd le Sam 17 Mar 2012 - 11:47

Bonjour,

J'aimerais changer le design de bas de page, principalement l'affichage des groupes. Plutôt que de les voir s'afficher sur le côté et entre des crochets, je préfèrerais les voir tous alignés, d'une écriture plus importance et encadrés comme ceci.

Spoiler:

C'est ce qui conviendrait le mieux au design que je suis en train de réaliser.

Merci d'avance pour vos réponses ! Smile


Dernière édition par Chertograd le Sam 17 Mar 2012 - 21:21, édité 1 fois

Chertograd
**

Messages : 59
Inscrit(e) le : 08/02/2012

http://vampires-kingdom.jdrforum.com/
Chertograd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des groupes

Message par Matriochka le Sam 17 Mar 2012 - 12:43

Bonjour,

Êtes-vous fondateur de votre forum ? Car pour faire ce que vous voulez faire ici, vous devez avoir les droits de fondation ; vous devrez passer par les templates (la structure du forum) pour aller modifier certaines variables.

Si vous ne l’êtes pas, demandez à votre fondateur ses droits l’espace de quelques minutes, ça ne sera pas long.

Il vous faut donc aller dans le template index_body et trouver cette ligne :
Code:
<tr>
   <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
{LEGEND} et {GROUP_LEGEND} sont les deux variables qui génèrent respectivement "Légende :" et "[Groupe] [Groupe] [Groupe]", que vous désirez remplacer.

À ce moment, donc, il vous suffit de retirer cette partie :
Code:
{LEGEND} : {GROUP_LEGEND}
On supprime donc ces variables pour ne plus qu’elles apparaissent.

Et de la remplacer par vos propres liens personnalisés, qui renverront vers vos différents groupes.

Exemple :
Code:
<tr>
   <td class="row1"><span class="gensmall"><a href="URL_de_votre_groupe"><b><font color="#FF0000">Modérateurs</font></b></a></span></td>
</tr>
Ici, j’ai créé un groupe intitulé "Modérateurs" qui sera de couleur rouge et de style gras.

Évidemment, vous pouvez par la suite donner plus de styles sur vos noms de groupes en ajoutant du CSS, etc.

N’oubliez pas qu’une fois terminé, vous devrez poster votre template en cliquant sur l’icône ajout Wink
En espérant avoir résolu votre souci.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des groupes

Message par Chertograd le Sam 17 Mar 2012 - 14:33

Merci pour cette réponse rapide.
Cependant, voilà ce que cela me fait : http://vampires-kingdom.jdrforum.com/

Chertograd
**

Messages : 59
Inscrit(e) le : 08/02/2012

http://vampires-kingdom.jdrforum.com/
Chertograd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des groupes

Message par Matriochka le Sam 17 Mar 2012 - 14:34

Pouvez-vous fournir la partie du template que vous avez modifié ? Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des groupes

Message par Chertograd le Sam 17 Mar 2012 - 16:32

Bien sûr. Smile

Code:
<tr>
          <td class="row1"><span class="gensmall"><a href="http://vampires-kingdom.jdrforum.com/g3-vampire-feminin"><b><font color="#705533">Vampires féminins</font></b></a></span></td>
        </tr>        <tr>
          <td class="row1"><span class="gensmall"><a href="http://vampires-kingdom.jdrforum.com/g4-vampire-masculin"><b><font color="#5E472B">Vampires masculins</font></b></a></span></td>
        </tr>

Chertograd
**

Messages : 59
Inscrit(e) le : 08/02/2012

http://vampires-kingdom.jdrforum.com/
Chertograd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des groupes

Message par Matriochka le Sam 17 Mar 2012 - 16:38

C’est bien ce que je pensez, j’aurai dû mieux expliquer la chose…

Vous devez mettre chacun de vos liens (donc chacun de vos groupes) dans la même colonne. Inutile de créer une ligne pour chaque.

Transformez donc votre code ainsi :
Code:
<tr>
          <td class="row1"><span class="gensmall"><a href="http://vampires-kingdom.jdrforum.com/g3-vampire-feminin"><b><font color="#705533">Vampires féminins</font></b></a> <a href="http://vampires-kingdom.jdrforum.com/g4-vampire-masculin"><b><font color="#5E472B">Vampires masculins</font></b></a></span>
          </td>
</tr>

Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des groupes

Message par Chertograd le Sam 17 Mar 2012 - 18:36

Je suis désolée, je n'y connais pas grand chose en code...
Ça marche très bien, merci !

Par contre, est-il possible de retirer le soulignement des groupes ? Et est-il aussi possible, dans la présentation, de se trouver le plus proche de l'exemple donné, c'est-à-dire, entourer les groupes de façon individuelle ?

PS. Par ailleurs, j'ai essayé d'agrandir la police avec <font size ="x">. Même à 8, tout reste énorme...

Chertograd
**

Messages : 59
Inscrit(e) le : 08/02/2012

http://vampires-kingdom.jdrforum.com/
Chertograd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des groupes

Message par Matriochka le Sam 17 Mar 2012 - 18:43

Pour retirer le soulignement, il vous faut ajouter ceci à votre feuille de styles CSS :
Code:
a {text-decoration:none;}
a:hover {text-decoration:none !important;}

Concernant votre deuxième question, oui, il est tout à faire possible d'ajouter un cadre à vos différents groupes.

Il va encore falloir passer par le CSS. Ajoutez class="cadregroupes" à chacun de vos liens, comme ceci :
Code:
<a href="http://vampires-kingdom.jdrforum.com/g3-vampire-feminin" class="cadregroupes"><b><font color="#705533">Vampires féminins</font></b></a>

Puis retournez dans votre feuille de styles et ajoutez-y ceci :
Code:
.cadregroupes {
background-color:#FFFFFF;
border:1px solid #000000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:3px;}

Explications :
background-color:#FFFFFF ► définit la couleur de fond de votre élément, ici, elle est blanche (#FFFFFF)
border:1px solid #000000 ► définit la bordure de l'élément, ici, elle est noire (#000000), épaisse d'un pixel et pleine
-webkit-border-radius:5px, -moz-border-radius:5px et border-radius:5px ► définissent l'arrondissement de l'élément
padding:3px ► définit la marge interne de votre élément, donc : l'espace entre votre bordure et votre texte

Évidemment, vous pouvez changer ces valeurs selon vos envies. Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des groupes

Message par Chertograd le Sam 17 Mar 2012 - 21:20

En bidouillant un peu, je suis arrivée au résultat que je recherchais.

Merci infiniment ! Very Happy

Question résolue.

Chertograd
**

Messages : 59
Inscrit(e) le : 08/02/2012

http://vampires-kingdom.jdrforum.com/
Chertograd 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