1

Topic: Cross browser tab menu, display where they are.

Basic tab menu for showing the actual page that the user is on, can be tweeked for drop down and jquery inclusion.

Use this part to control what tab shows for what pages, can be multi selected.
Use OR to seperate the active_module.
IF active_module == "search" OR active_module == "advanced_search"

<!-- IF active_module == "homepage" --><li class="current_page_item">
<!-- ELSE --><li><!-- ENDIF -->

Full css code.

<style type="text/css">
<!--
#menubg { position:relative; }
ul#menu { margin: 0; white-space: nowrap; text-align: center; padding: .2em 0;  }
ul#menu li {list-style: none; display: inline; position: relative; z-index: 1; margin: 0 .3em; padding: .2em 0;  }
ul#menu a { display: block; border:solid; border-color:#A6BFE1 #A6BFE1 #A6BFE1 #A6BFE1; border-width:1px 1px 1px 1px; float: left; margin: 0 1px 0 1px; padding: .7em 2.0em; background: #EFF3FA; text-decoration: none; font: bold 11px/11px sans-serif;color:#336699;text-transform:uppercase  }
ul#menu a:hover {background: #FFFFFF; color: #336699 }
ul#menu .current_page_item a { position: relative; margin:1px 1px -1px 0; border:solid;border-color:#749BD1 #cccccc #cccccc #cccccc;border-width:2px 1px 0px 1px; background: #F8F8FF; background-repeat: repeat-x; color: #2A2A2A}
-->
</style>

Template code.

<div id="menubg">         
<ul id="menu">

<!-- IF active_module == "homepage" --><li class="current_page_item">
<!-- ELSE --><li><!-- ENDIF -->
{anchor:url1="",url2="",name="core|menu_index"}
</li>

<!-- IF active_module == "search" OR active_module == "advanced_search" OR active_module == "saved_searches" -->
<li class="current_page_item">
<!-- ELSE --><li><!-- ENDIF -->
{anchor:url1="search/",url2="index.php?m=search",name="core|menu_search"}
</li>

</ul>
</div>