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>
<!-- start module menu loop -->
<{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}>
<!-- end module menu loop -->
</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:
**** In the index page:
<center>
<a href="<h3 id="title">Links</h3></a>
</center>
**** and in the other pages a link to the index.php.
<center>
<a href="<{$xoops_url}>/modules/mylinks/index.php"><h3 id="title">Home Links</h3></a>
</center>
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...
