I have few suggestions or hacks, about the design of navigation in Xoops.
---------------------------------------
I ask me about a habitual question for the Internet users when are visiting a web: where am I?. I have 2 suggests to indicate it, a vertical one and another horizontal:
---------------------------------------
Vertical: in menu options, sometimes is dificult to know what is the selected option, when in other web pages the link has a different format. I write this code in the template sistem "system_block_mainmenu.html", and the link visited has other format:
<table cellspacing="0">
<tr>
<td id="mainmenu">
<a class="menuTop" href="<{$xoops_url}>/"><{$block.lang_home}>a>
<{foreach item=module from=$block.modules}>
<{if $module.name == $xoops_pagetitle}>
<a class="menuAct" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}>a>
<{else}>
<a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}>a>
<{/if}>
<{foreach item=sublink from=$module.sublinks}>
<a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}>a>
<{/foreach}>
<{/foreach}>
td>
tr>
table>
You can see that I defined a new class menuAct (Active), that it be show if "module.name" is equal (not exactly, only the firdt words) to "xoops_pagetitle".
Of course, now i need to define this class in style.css of each theme, eg, default:
td#mainmenu a.menuAct {
padding-left: 3px;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid silver;
}
This works in all the menu links, excep in the "Home".
So, this not an
elegant style to make this, i think the best is to defined another variable and change "xoops_pagetile" by , eg "module.pagetitle". But this is too much dificult to me.
---------------------------------------
Horizontal:
I change in almost templates, the top of the page. I delete the image (the page load more speed) and write this code, eg in mylinks:
And now, another time, back to style.css and add a beatiful format, with borders, to this new "id" tittle.
Quote:
h3#title {
font-family:Georgia;
border:medium ridge #ADD8E6;
color:#CC0000;
font:bold;
padding:5pt;
background: #FFFFCC;
}
You can see it in my web site,
bezoops. Thera are not order into it, because need a restructuring, but this options are visible, also if you change of theme.
The first, I think its a good idea to add to core, but... only it is a meditation of mine...