07/04/2010, 22:55:25
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:
Et voila son css:
Voila a quoi ressemble mon menu, il est pas compliqué mais, désolé je n y arrive pas.
Merci d'avance pour votre aide.
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>
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;
}
Merci d'avance pour votre aide.