[TOUTES VERSIONS] Menu sur 2 colonnes

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;
}

Je viens déplacer ton sujet Serge,
merci pour ton implication mon ami .

Merci Serge 

Merci à vous 2.

merci beaucoup pour cette astuce