J'ai trouvé une solution qui fonctionne en partie.
Il faut transformer le tableau de nav en liste... et avec un CSS le tour est joué.
Dans les CSS supplémentaires de la skin on met ceci.
Code HTML:
<style>
/* ######### CSS pour la Barre de Navigation. A retirer si on ne s'en sert pas ######### */
.navbartabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
font-family: "Segoe UI", Verdana, Arial;
font-size: 12px;
font-weight: normal;
}
.navbartabs li {
display: inline;
margin: 0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #6b5549;
}
.navbartabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
color: #FFF;
font-family: "Segoe UI", Verdana, Arial;
font-size: 12px;
font-weight: normal;
}
.navbartabs li a:visited {
color: #FFF;
}
.navbartabs li a:hover {
color: #FFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #F00;
}
.navbartabs li a.selected { /* pour le menu sélectionné */
position: relative;
top: 1px;
}
.navbartabs li a.selected { /* pour le menu sélectionné */
border-top-width: 1px;
border-top-style: solid;
border-top-color: #F00;
}
.navbartabs li a.selected:hover { /* pour le menu sélectionné */
text-decoration: none;
}
</style>
Avec ce style seule une barre au dessus des menus s'éclaire en rouge quand la souris passe dessus. On peut faire comme on veut... mettre une image au fond pour faire une effet bouton, bref c'est du CSS rien de bien compliqué (ou presque)
Ici on remplace toute la partie tableau entre
Code:
<!-- nav buttons bar -->
<div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">
et
Code:
</div>
<!-- / nav buttons bar -->
par ce nouveau tableau (en fait c'est un tableau à 1 case, et toutes les balises <td> ont été remplacées par des <li> qui s'alignent horizontalement grâce à la CSS
Code HTML:
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr align="center">
<td><ul id="tabcontent" class="navbartabs">
<if condition="$show['member']">
<li><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li>
</if>
<if condition="$show['registerbutton']">
<li><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></li>
</if>
$template_hook[navbar_buttons_left]
<li><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></li>
<if condition="$vboptions['enablememberlist']">
<li><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></li>
</if>
<li><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></li>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
<else />
<li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
</if>
<li id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a>
<if condition="$show['quicksearch']">
<script type="text/javascript"> vbmenu_register("navbar_search"); </script>
</if>
</li>
</if>
<if condition="$show['member']">
<li id="usercptools"><a href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a>
<script type="text/javascript"> vbmenu_register("usercptools"); </script>
</li>
</if>
<else />
<if condition="$show['searchbuttons']">
<li><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></li>
<if condition="$show['member']">
<li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
<else />
<li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
</if>
</if>
<li><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></li>
<if condition="$show['member']">
<li><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></li>
</if>
</if>
$template_hook[navbar_buttons_right]
<if condition="$show['member']">
<li><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></li>
</if>
</ul></td>
</tr>
</table>
Par contre attention, je n'arrive pas à faire fonctionner ceci comme je veux à cause des $template_hook...
Je suis obligé de les mettre en commentaires... Avez-vous une idée pour que ça fonctionne également avec les template_hook ?