1
Bezoops
Navigation in Xoops, suggestions
  • 2005/10/6 21:03

  • Bezoops

  • Friend of XOOPS

  • Posts: 38

  • Since: 2004/12/9


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">
   <
class="menuTop" href="<{$xoops_url}>/"><{$block.lang_home}>a>
   
   <{foreach 
item=module from=$block.modules}>
     <{if 
$module.name == $xoops_pagetitle}>
      <
class="menuAct" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}>a>
     <{else}>
      <
class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}>a>
     <{/if}>
    <{foreach 
item=sublink from=$module.sublinks}>
      <
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-left3px;
  
border-right1px solid #666666;
  
border-bottom1px solid #666666;
  
border-left1px 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="title">Links


**** and in the other pages a link to the index.php.

<{$xoops_url}>/modules/mylinks/index.php">title">Home Links

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...

Login

Who's Online

249 user(s) are online (60 user(s) are browsing Support Forums)


Members: 0


Guests: 249


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits