Header with Menu
Author: Webvanta
This is the standard "top of page" content used in our basic site template. It is in the snippet library as "header" and is included in our standard templates.
there are three components to this snippet:
- Image that is displayed for the logo. If you remove the padding then this image can fill the header area if it is of the appropriate size.
- Search box, feed link, and Log In link for the upper right corner.
- Two level menu, marked up as a nested unordered list and style by dropdown_menu.css as a horizontal, dropdown menu.
<div id='header' class='clearfix prepend-1 append-1'>
<div class='clearfix'>
<div id='logo-name'>
<a href='/'>
<!-- note: /webvanta is a shared file area that you can can access but not modify; change this path to point to your logo -->
<img src="/webvanta/themes/master/1.0/images/logo.jpg">
<h2><w:data name="company_name" /></h2>
</a>
</div>
<div id='topLinks'>
<ul>
<li><a href="<w:if_url matches='blog|post'>/blog.xml</w:if_url>
<w:unless_url matches='blog|post'>/feed.xml</w:unless_url>"
class='icon'><img src="/webvanta/themes/master/1.0/images/feed.gif" alt='RSS Feed' /></a></li>
</ul>
</div>
</div>
<w:menu>
<div id='linkContainer'>
<ul class="sf-menu sf-shadow" id='nav'>
<w:each>
<li><a href='<w:url url="/kb/category" />' <w:if_selected>class='current'</w:if_selected>><w:label /></a>
<w:if_submenu>
<ul>
<w:submenu:each>
<li>
<a href='<w:url url="/kb/category" />'><w:label /></a>
<w:if_submenu>
<ul>
<w:submenu:each>
<li><a href='<w:url url="/kb/category" />'><w:label /></a></li>
</w:submenu:each>
</ul>
</w:if_submenu>
</li>
</w:submenu:each>
</ul>
</w:if_submenu>
</li>
</w:each>
</ul>
</div>
</w:menu>
</div>
© 2012 Webvanta, Inc. All Rights Reserved.