Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

aide pour un menu simple
#2

Je viens de lire le wiki, mais je n y arrive toujours pas.

j ai quelques questions:

On a 6 gabarits dans le gestion de menu, accessible_cssmenu.tpl ,accessible_simple_navigation.tpl, cssmenu.tpl, cssmenu_ulshadow.tpl, minimal_menu.tpl, simple_navigation.tpl, mais ou sont leurs feuilles de styles à ces gabarits ?

Est ce qu on est obligé d avoir une feuille de style spéciale pour le menu, ou est ce qu on peux l intégrer avec la feuille de style globale on va dire, celle qui servira pour Le gabarit par defaut ?

Quel est la différence entre:
{menu} et {menu template='cssmenu.tpl'}

Car voila ce que je veux coder pour cms ms:

le menu en html:

Code :
<div id="menu">
               <ul id="menu_horizontal">
                 <li class="bouton_menu"><a href="#">ACCUEIL</a></li>
                 <li class="bouton_menu"><a href="#">PHOTOS</a></li>
         <li class="bouton_menu"><a href="#">VIDÉOS</a></li>
                 <li class="bouton_menu"><a href="#">SOIRÉES</a></li>
                  <li class="bouton_menu"><a href="#">BAR</a></li>
                 <li class="bouton_menu"><a href="#">RESTAURANT</a></li>
                 <li class="bouton_menu"><a href="#">TRAITEUR</a></li>
                 <li class="bouton_menu"><a href="#">NOUS SITUER</a></li>  
                 <li class="bouton_menu"><a href="#">CONTACT</a></li>
               </ul>                                                
        </div>
Et voila son css:

Code :
#menu {
    width: 1020px;
    height: 59px;
    background-image:url(/oustal/image-css/fond-menu.png);
}

ul#menu_horizontal {
     margin: 0 auto;
     list-style-type:none;
     width: 900px;
     height: 59px;
}

ul#menu_horizontal li {
     float:left; /*pour IE*/
    line-height:59px;
}

ul#menu_horizontal li a {
     display:block;
     float:left;  
     width:100px;
     font: bold italic 12px Verdana, Geneva, sans-serif;
     color: white;
     text-decoration:none;
     text-align:center;
     padding-top: 20px;
}

ul#menu_horizontal li a:hover {
    background: url(/oustal/image-css/piment.png) no-repeat scroll center top transparent;
}
Voila a quoi ressemble mon menu, il est pas compliqué mais, désolé je n y arrive pas.

Merci d'avance pour votre aide.
Répondre


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)