Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[TOUTES VERSIONS] Menu sur 2 colonnes


4 participants

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

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 10 Juin 2020 - 1:13

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


Dernière édition par photoclic le Sam 13 Juin 2020 - 1:58, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 13 Juin 2020 - 5:48

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

Anonymous
Invité
Invité

MessageInvité Sam 13 Juin 2020 - 9:44

Merci Serge  hinhin

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 13 Juin 2020 - 22:33

Merci à vous 2.

avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Dim 14 Juin 2020 - 6:20

Super merci beaucoup Mercibis
fred9545
fred9545
Donateur

http://www.mecanique-auto.com/

Messagefred9545 Sam 19 Sep 2020 - 18:43


merci beaucoup pour cette astuce

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum