Bonjour,
Voici un code en html traduit du forum espagnol et légèrement revu pour ne pas intervenir dans les templates.
Il permet de présenter un menu avec des liens sur 2 colonnes.
- Spoiler:
Il peut être placé par exemple dans PA> affichage> Page d'accueil> général> Généralités
Il faut
remplacer les liens et les titres par les informations souhaitées.
- Code:
-
<div class="encart">
<center>
<div id="liens_encart">
<div class="liste_liens1">
<a href="LE LIEN">Réglement</a><br />
<a href="LE LIEN">Staff</a><br />
<a href="LE LIEN">Votre texte</a><br />
<a href="LE LIEN">Votre texte</a><br />
<a href="LE LIEN">Votre texte</a><br />
</div>
<div class="liste_liens2">
<a href="LE LIEN">Votre texte</a> <br />
<a href="LE LIEN">Membres</a> <br />
<a href="LE LIEN">Groupes</a> <br />
<a href="LE LIEN">Votre texte</a> <br />
<a href="LE LIEN">Votre texte</a> <br />
</div>
</div>
</center><br /><br />
</div>
Le CSS associé à placer dans PA> Affichage> images et couleurs> couleurs> css:
- Code:
-
/* Encart */
div#liens_encart {
border-radius: 30px;
border: 1px solid #000000;
background-color: #F5F5DC;
width:470px;
}
#liens_encart a {
font-family: Century Gothic;
font-size:10px;
text-transform: uppercase;
color: #000000;
line-height:110%;
letter-spacing:1px;
}
#liens_encart a:hover {
color: #B8860B;
font-weight:bold;
}
.encart {
font-family: Century Gothic;
font-weight:200;
text-align:left;
color:#B8860B;
font-size:24px;
text-transform:lowercase;
padding-top:5px;
}
.liste_liens1 {
float:left;
width: 200px;
border-right: double 4px #808080;
text-align:center;
}
.liste_liens2 {
float:left;
width: 250px;
text-align:center;
}