Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment : -40%
-40% Nike Crater Impact SE
Voir le deal
68.97 €

 

 [TOUTES VERSIONS] Menu sur 2 colonnes

Aller en bas 
4 participants
AuteurMessage
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Menu sur 2 colonnes Empty
MessageSujet: [TOUTES VERSIONS] Menu sur 2 colonnes   [TOUTES VERSIONS] Menu sur 2 colonnes EmptyMer 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
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Menu sur 2 colonnes Empty
MessageSujet: Re: [TOUTES VERSIONS] Menu sur 2 colonnes   [TOUTES VERSIONS] Menu sur 2 colonnes EmptySam 13 Juin 2020 - 5:48

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

Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[TOUTES VERSIONS] Menu sur 2 colonnes Empty
MessageSujet: Re: [TOUTES VERSIONS] Menu sur 2 colonnes   [TOUTES VERSIONS] Menu sur 2 colonnes EmptySam 13 Juin 2020 - 9:44

Merci Serge  hinhin

Revenir en haut Aller en bas
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Menu sur 2 colonnes Empty
MessageSujet: Re: [TOUTES VERSIONS] Menu sur 2 colonnes   [TOUTES VERSIONS] Menu sur 2 colonnes EmptySam 13 Juin 2020 - 22:33

Merci à vous 2.

Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
soleda
Milouzien

soleda



[TOUTES VERSIONS] Menu sur 2 colonnes Empty
MessageSujet: Re: [TOUTES VERSIONS] Menu sur 2 colonnes   [TOUTES VERSIONS] Menu sur 2 colonnes EmptyDim 14 Juin 2020 - 6:20

Super merci beaucoup Mercibis
Revenir en haut Aller en bas
https://www.tutorielgraphismepfs.com/
fred9545
Milouzien

fred9545



[TOUTES VERSIONS] Menu sur 2 colonnes Empty
MessageSujet: Re: [TOUTES VERSIONS] Menu sur 2 colonnes   [TOUTES VERSIONS] Menu sur 2 colonnes EmptySam 19 Sep 2020 - 18:43


merci beaucoup pour cette astuce
Revenir en haut Aller en bas
http://www.mecanique-auto.com/
Contenu sponsorisé





[TOUTES VERSIONS] Menu sur 2 colonnes Empty
MessageSujet: Re: [TOUTES VERSIONS] Menu sur 2 colonnes   [TOUTES VERSIONS] Menu sur 2 colonnes Empty

Revenir en haut Aller en bas
 
[TOUTES VERSIONS] Menu sur 2 colonnes
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS] Toolbar menu bienvenue et notifications version modernBB
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
» [TOUTES VERSIONS] Activer la prévisualisation directe
» [TOUTES VERSIONS] Edition rapide
» [TOUTES VERSIONS] Redirection immédiate personnalisée

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Toutes versions-
Sauter vers: