Highlight the current page navagation
Usability guru Jakob Nielsen says you must tell your users where they can go, where they are and where they’ve been. This particular tip is about where the user is. This sort of feedback is crucial if you want to show your users where they are within your site.
Your navigation needs BB2.0 if statements that print a class if you are currently on that page, you need to make sure you have a <page_home value=”current”> on all of the relevant pages to make sure the class get’s printed.
<nav id=”topNav”>
<ul>
<li <!—:if:page|page_home:{print:class=’navon’}:—»<a href=”/” title=”Home”>Home</a></li>
<li <!—:if:page|page_product:{print:class=’navon’}:—»<a href=”/?product_tour” title=”Product Tour”>Product Tour</a></li>
<li <!—:if:page|page_demo:{print:class=’navon’}:—»<a href=”/?demo” title=”Demo”>Demo</a></li>
<li <!—:if:page|page_pricing:{print:class=’navon’}:—»<a href=”/?pricing” title=”Pricing”>Pricing</a></li>
<li <!—:if:page|page_support:{print:class=’navon’}:—»<a href=”/?support” title=”Support”>Support</a></li>
<li <!—:if:page|page_docs:{print:class=’navon’}:—»<a href=”/?km” title=”Docs & Tutorials”>Docs & Tutorials</a></li>
<li <!—:if:page|page_events:{print:class=’navon’}:—»<a href=”/?events” title=”Events”>Events</a></li>
<li <!—:if:page|page_company:{print:class=’navon’}:—»<a href=”/?company” title=”Company”>Company</a></li>
<li <!—:if:page|page_blog:{print:class=’navon’}:—»<a href=”/?blog” title=”Blog”>Blog</a></li>
<li <!—:if:page|page_contact:{print:class=’navon’}:—»<a href=”/?contact” title=”Contact”>Contact</a></li>
</ul>
</nav>
