Dradra - Forum de test~


 

Partagez | 
 

 Menu dynamique

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
► La noble de Serdaigle ◄


Messages : 92
Date d'inscription : 02/01/2008
Localisation : Québec

Feuille de personnage
bla bla: lksdlksajnd
jsjhdkd: dfdsfsdgfg
ddfddd:

MessageSujet: Menu dynamique   Lun 10 Aoû - 16:36

Ouvrez votre templates overall_header_new
Chercher la balise
Ajouter avant cette balise
Code:
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
  for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
  }
if (d) {d.style.display='block';}
}
//-->
</script>

<!--[if !IE]> <-->
<style type="text/CSS">
#smenu li ul {
position:absolute;
}
</style>
<!--><![endif]-->

Puis chercher
Code:
<tr>
                        <!-- BEGIN switch_logo_center -->
                <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a></td>
                        <!-- END switch_logo_center -->
                    </tr>
Coller ensuite
Code:
<tr width="100%"><td align="center" style="background-image: url('Votre_Image( pas obligatoire )');background-repeat: no-repeat; background-position: top;" width="100%" class="submenu">
  <div id="smenu">
<ul>
  <li><a href="#">#NOM</a>
 <ul>
    <li><a href="#lien">#NOM</a></li>
 </ul>
</li>
<li><a href="#lien">#NOM</a></li>
 <li><a href="#">#NOM</a>
    <ul>
    <li><a href="#lien">#NOM</a></li>
</div></td></tr>

Feuille de style
Code:
#smenu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
background-color: #couleur;
border: 1px solid #couleur;
}
#smenu li {
float:left;
margin:auto;
padding:0;
}
#smenu li a {
display:block;
color:white;
text-decoration:none;
padding:5px;
}
#smenu li a:hover {
color:#couleur;
background-image: url('#Image');
}
#smenu ul li:hover ul {
display:block;
}
#smenu li:hover ul li {
float:none;
}
#smenu ul li ul {
display:none;
}
#smenu li ul {
position:absolute;
}
#smenu {
height:35px;
background-image: url('#Image');
background-repeat: no-repeat;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tempsnouveau.forumotion.com
 

Menu dynamique

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Dradra - Forum de test~ :: Catégorie 3 :: 
Forum 3.1
-