[FAQ] Wayfinder

<!-- Main menu -->
<div class="nav2"> [[Wayfinder? &startId=`0` &level=1]] </div>

...

<!--Left SubMenu-->
<div class="nav3">
	[[Wayfinder? &startId=`[*id*]` &level=`2` &parentClass=`hide` &parentRowTpl=`cssplay_parentRow` &outerTpl=`cssplay_outer` &innerTpl=`cssplay_inner` &rowTpl=`cssplay_row`  &outerClass=`menu`]]

	{{LeftTextBox}}
	{{LeftAds}}
</div>

<div[+wf.classes+] style="height: 200 px;">
    <ul class="level1"> [+wf.wrapper+] </ul>
</div>

   <ul class="topnav">  
    <li><a href="index.html"/>Главная</a></li>
    <li><a href="news.html"/>Новости</a></li>
    <li><a href="sub.html"/>Субменю</a>
          <ul class="subnav">  
            <li><a href="text.html">Текст</a></li>  
             <li><a href="forms.html">Формы</a></li> 
             <li><a href="video.html">Видео</a></li> 
         </ul>  
    </li>  
     <li><a href="photo.html"/>Фото</a></li>
     <li><a href="mail.html"/>Почта</a></li  
     ><li><a href="word.html"/>Ворд</a></li>  
     <li><a href="contact.html"/>Контакт</a></li>  
            </ul>  

ul.topnav {list-style: none;padding: 0 0px;	margin: 0;float: right;width: 550px;background: #222;font-size: 0.9em;
background: url(images/topnav_bg.gif) repeat-x;}
ul.topnav li {float: left;margin: 0;padding: 0 15px 0 0;position: relative; }
ul.topnav li a{padding: 10px 5px;color: #C9BFA6;display: block;text-decoration: none;float: left;}
ul.topnav li a:hover{background: url(images/topnav_hover.gif) no-repeat center top;}
ul.topnav li span { width: 17px;height: 35px;float: left;background: url(images/subnav_btn.gif) no-repeat center top;cursor: pointer;}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} 
ul.topnav li ul.subnav {list-style: none;position: absolute; left: 0; top: 35px;background: #333;margin: 0; padding: 0;display: none;float: left;width: 170px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;border: 1px solid #111;}
ul.topnav li ul.subnav li{margin: 0; padding: 0;border-top: 1px solid #252525;border-bottom: 1px solid #444; clear: both;width: 170px;}
html ul.topnav li ul.subnav li a {float: left;width: 145px;background: #333 url(images/dropdown_linkbg1.gif) no-repeat 10px center;padding-left: 20px;}
html ul.topnav li ul.subnav li a:hover { background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center; }

             <ul class="topnav">  
  [[Wayfinder?&startId=`0`&level=`2`&outerTpl=`outerTpl`&parentRowTpl=`parentRowTpl`&rowTpl=`rowTpl`&innerRowTpl=`innerRowTpl`]]
    <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>
    <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>
    <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>
          <ul class="subnav">  
          [+wf.wrapper+]
            <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li> 
             <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li> 
             <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li> 
         </ul>  
    </li>  
     <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>
      <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>
      <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>
      <li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>
            </ul>

[[Wayfinder?&startId=`0`&level=`2`&outerTpl=`outerTpl`&parentRowTpl=`parentRowTpl`&rowTpl=`rowTpl`&innerRowTpl=`innerRowTpl`]]

<ul class="topnav">[+wf.wrapper+]</ul>

<li><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a></li>