© Сделано на LiveStreet
Дизайн - ©2009 MODx RED Group
<nav id="nav">
[[Wayfinder? &startId=`0` &useWeblinkUrl=`true` &rowTpl=`menu_tpl`]]
</nav>
<li[+wf.id+][+wf.classes+]><a href="(yams_doc:[+wf.docid+])" [+wf.attributes+]>[[YAMS? &get=`content` &docid=`[+wf.docid+]` &from=`pagetitle`]]</a>[+wf.wrapper+]</li>
<ul>
<li class="current"><a title="Главная страница" href="http://mysite.org/" class="ajax">Главная страница</a></li>
<li><a title="Новости" href="news/" class="ajax">Новости</a></li>
<li><a title="Вакансии" href="job/" class="ajax">Вакансии</a></li>
<li><a title="Направления" href="directions/" class="ajax">Направления</a></li>
</ul>
href="http://mysite.org/" http://site.ru/%E2%80%9Dhttp://site.ru.ru/news.htmlhttp://site.ru/%E2%80%9Dhttp://site.ru.ru/%E2%80%9Dhttp://site.ru.ru/news.html
<ul>
<li class="parent">
<a href="#">А</a>
<ul class="child">
<li><a href="/a1.html">a1</a></li>
<li><a href="/a2.html">a2</a></li>
<li><a href="/a3.html">a3</a></li>
</ul>
</li>
<li class="parent">
<a href="#">B</a>
<ul class="child">
<li><a href="/b1.html">b1</a></li>
<li><a href="/b2.html">b2</a></li>
</ul>
</li>
<li><a href="/c.html">C</a></li>
<li><a href="/d.html">D</a></li>
<li><a href="/e.html">E</a></li>
</ul>
<ul>
<li class="parent">
<a href="#">А</a>
<ul class="child">
<li><a href="/a1.html">a1</a></li>
<li><a href="/a2.html">a2</a></li>
<li><a href="/a3.html">a3</a></li>
</ul>
</li>
<li class="parent">
<a href="#">B</a>
<ul class="child">
<li><a href="/b1.html">b1</a></li>
<li><a href="/b2.html">b2</a></li>
</ul>
</li>
<li><a href="/c.html">C</a></li>
<li><a href="/d.html">D</a></li>
<li><a href="/e.html">E</a></li>
</ul>
#navigation {
width: 1000px;
height: 25px;
background-color:#ffffff;
margin: 20px auto 20px;
}
#navigation ul li {
float:left;
display:inline;
margin-right:10px;
}
#navigation ul li a, #navigation ul li a span {
float:left;
display:inline;
height:25px;
line-height:24px;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
color:#545d50;
padding-left:10px;
}
#navigation ul li a span {
padding:0 10px 0 0;
}
/*Класс navigation ul li отвечает за картинку при наведении.*/
#navigation ul li a:hover, #navigation ul li a:hover span {
text-decoration:none;
background:url(images/nav-hover.gif) no-repeat 0 0;
color:#fff;
}
#navigation ul li a:hover span {
background-position:right 0;
}
.sub {
display: none;
}