Simply add this line in 'mainmenu' and 'usermenu' (in the css file of your theme):
display: block;
<{php}>
$mod = $GLOBALS['xoopsModule'];
$dirname = (isset($mod) ? $mod->getVar('dirname') :'system');
$GLOBALS['xoopsTpl']->assign( 'xoops_cmod', $dirname );
<{/php}>
<body class="menu-<{if $xoops_cmod == news}>news<{elseif $xoops_cmod == articles}>articles<{elseif $xoops_cmod == links}>links<{elseif $xoops_cmod == photos}>photos<{elseif $xoops_cmod == videos}>videos<{elseif $xoops_cmod == streaming}>videos<{elseif $xoops_cmod == newbb}>forum<{elseif $xoops_cmod == blogs}>blogs<{elseif $xoops_cmod == faq}>faq<{else}>home<{/if}>">
<li id="nav-1-system">
<li id="nav-2-myhome">
<li id="nav-3-...">
<!--
/* MENU */
#blocmenu {
background: #369;
border-top: 1px solid #9CC;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#menu {
list-style: none outside none;
margin: 0;
padding: 0;
}
@media all {
#menu {
text-align: center
}
}
#menu ul, #menu li {
bottom: 11px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}
#menu a:link, #menu a:visited {
background: #900;
border: 1px solid #FFF;
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1.2em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}
#menu a:hover {
background: #C00;
bottom: 1px;
color: #FFF;
position: relative;
right: 1px;
}
#menu a:active {
background: #369;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}
#menu li#active {
background: #369;
bottom: 11px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}
body.menu-system #menu li#nav-1-system a,
body.menu-myHome #menu li#nav-2-myHome a,
body.menu-extcal #menu li#nav-3-extcal a,
body.menu-smartsection #menu li#nav-4-smartsection a,
body.menu-smartfaq #menu li#nav-5-smartfaq a,
body.menu-wflinks #menu li#nav-6-wflinks a,
body.menu-sitemap #menu li#nav-7-sitemap a,
body.menu-contact #menu li#nav-8-contact a {
background: #369;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}
-->
jlm69 wrote:
I am not sure if this will help you, I didn't see a mainmenu on your site just the horizontal menu at the top.
To do this with the main menu that is a side box you can just add these two lines to the mainmenu part of your css.(change the colors to your preference.
td#mainmenu2 a:active {background-color: #FFFFFF;}
td#mainmenu2 a.menuMainActive {background-color: #FFFFFF; border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #666666;}
Like I said this is for the traditional mainmenu, but maybe it will help.
John
<li id="active">
John_N wrote:
you will find the code in /kernel/module.php
<div id="navcontainer">
<ul id="navlist">
<!-- CSS Tabs -->
<li id="active"><a href="http://www.pingpong-witterzee.be/">Home</a></li>
<li><a href="http://www.pingpong-witterzee.be/modules/myHome/">A propos...</a></li>
<li><a href="http://www.pingpong-witterzee.be/modules/extcal/calendar.php">Calendrier</a></li>
<li><a href="http://www.pingpong-witterzee.be/modules/smartsection/">Articles</a></li>
<li><a href="http://www.bbw291.be/forum/index.php" target="_blank">Forum</a></li>
<li><a href="http://www.pingpong-witterzee.be/modules/smartfaq">FAQ</a></li>
<li><a href="http://www.bbw291.be/photos/" target="_blank">Photos</a></li>
<li><a href="http://www.pingpong-witterzee.be/modules/wflinks/index.php">Liens</a></li>
<li><a href="http://www.pingpong-witterzee.be/modules/sitemap">Plan du site</a></li>
<li><a href="http://www.bbw291.be/Download.htm">Download</a></li>
<li><a href="http://www.pingpong-witterzee.be/modules/contact">Infos</a></li>
</ul>
</div>