2
hi,
Example in theme.html :
<body class="<{$xoops_dirname}> "id="<{$xoops_dirname}>">
and
<div id="menuBar">
<div class="navi1" title="ActusRSS"><a href="<{xoAppUrl modules/xhld0/}>" accesskey="n">actusrssa>div>
<div class="navi2" title="Tutoriels"><a href="<{xoAppUrl modules/smartmedia/}>" accesskey="b">tutorielsa>div>
<div class="navi3" title="Liens Web"><a href="<{xoAppUrl modules/mylinks/}>" accesskey="l">liensa>div>
<div class="navi4" title="Outils"><a href="<{xoAppUrl modules/mydownloads/}>" accesskey="o">outilsa>div>
<div class="navi5" title="Portfolio"><a href="<{xoAppUrl modules/rmmf/}>" accesskey="f">portfolioa>div>
<div class="navi6" title="Partenaires"><a href="<{xoAppUrl modules/smartpartner/}>" accesskey="r">partenairesa>div>
<div class="navi7" title="Plan du site"><a href="<{xoAppUrl modules/sitemap/}>" accesskey="m">sitemapa>div>
div>
and in style.css :
/* Pour le menu horizontal du header */
#menuBar { margin: 0 0px; height: 30px; line-height: 30px; background: url("img/back_navi2.gif") no-repeat center bottom; clear: both; text-align: center; position: relative; width: 630px; voice-family: ""}""; voice-family:inherit; width: 630px; }
html>body #menuBar { width:630px;}
#menuBar a { background: transparent; border: none; text-indent: -9999px; overflow: hidden; }
/* lien normal */
#menuBar .navi1 a{width: 90px;height: 30px; float: left; left: 0px; }
#menuBar .navi2 a{width: 90px;height: 30px; float: left; left: 90px; }
#menuBar .navi3 a{width: 90px;height: 30px; float: left; left: 180px; }
#menuBar .navi4 a{width: 90px;height: 30px; float: left; left: 270px; }
#menuBar .navi5 a{width: 90px;height: 30px; float: left; left: 360px; }
#menuBar .navi6 a{width: 90px;height: 30px; float: left; left: 450px; }
#menuBar .navi7 a{width: 90px;height: 30px; float: left; left: 540px; }
/* lien hover */
#menuBar .navi1 a:hover {background: url("img/back_navi2.gif") no-repeat 5px 0px;}
#menuBar .navi2 a:hover {background: url("img/back_navi2.gif") no-repeat -85px 0px;}
#menuBar .navi3 a:hover {background: url("img/back_navi2.gif") no-repeat -175px 0px;}
#menuBar .navi4 a:hover {background: url("img/back_navi2.gif") no-repeat -265px 0px;}
#menuBar .navi5 a:hover {background: url("img/back_navi2.gif") no-repeat -355px 0px;}
#menuBar .navi6 a:hover {background: url("img/back_navi2.gif") no-repeat -445px 0px;}
#menuBar .navi7 a:hover {background: url("img/back_navi2.gif") no-repeat -535px 0px;}
/* lien active */
body#xhld0 .navi1 a {background: url("img/back_navi2.gif") no-repeat 5px -30px;}
body#smartmedia .navi2 a {background: url("img/back_navi2.gif") no-repeat -85px -30px;}
body#mylinks .navi3 a {background: url("img/back_navi2.gif") no-repeat -175px -30px;}
body#mydownloads .navi4 a {background: url("img/back_navi2.gif") no-repeat -265px -30px;}
body#rmmf .navi5 a {background: url("img/back_navi2.gif") no-repeat -355px -30px;}
body#smartpartner .navi6 a {background: url("img/back_navi2.gif") no-repeat -445px -30px;}
body#sitemap .navi7 a {background: url("img/back_navi2.gif") no-repeat -535px -30px;}
@++
