Немного другой подход к меню Dominion в виде иконок.
В архиве имеется PSD исходник иконок!
[am]папку MENU зались в /images/
topmenu-item-m.png заливаем в /images/menus/style1/
header-main залить в /images/body/style1/
topmenu-item-r , topmenu-item-l, menu-overlay, header-overlay удалить.[/am]
Удаляем все из глобального блока MENU и вставляем код:
Code
<ul class="menutop level1">
<li class="parent root"> <a class="orphan item bullet" href="/"> <span> <img src="/images/MENU/home.png" border="0" alt="" title="На Главную"/> </span> </a> </li>
<li class="parent root"> <a class="daddy item bullet subtext nolink" href="/load/"> <span><img src="/images/MENU/Down.png" border="0" alt="" title="Скачать Файлы"/></span> </a>
</li>
<li class="parent root"> <a class="daddy item bullet subtext nolink" href="/publ"> <span><img src="/images/MENU/news.png" border="0" alt="" alt="" title="Новости"/></span> </a>
</li>
<li class="parent root"> <a class="daddy item bullet subtext nolink" href="/photo"> <span><img src="/images/MENU/wallpaper.png" border="0" alt="" alt="" title="Обои"/></span> </a>
</li>
<li class="parent root"> <a class="daddy item bullet subtext nolink" href="/forum/"> <span><img src="/images/MENU/forum.png" border="0" alt="" alt="" title="Форум"/></span> </a>
</li>
<li class="parent root"> <a class="daddy item bullet subtext nolink" href="/index/0-3"> <span><img src="/images/MENU/contact.png" border="0" alt="" alt="" title="Контакты"/></em></span> </a>
</li>
<li class="parent root"> <a class="daddy item bullet subtext nolink" href="/index/0-4"> <span><img src="/images/MENU/warning.png" border="0" alt="" alt="" title="Правила"/></span> </a></li>
<li class="parent root" > <a class="daddy item bullet subtext nolink" href="/news/rss/" > <span><img src="/images/MENU/RSS.png" border="0" alt="" alt="" title="Лента Новостей"/></span> </a> </li>
</ul>
Идем в CSS открываем template.css
находим строчки:
[am].menutop li > .item img {float:left;margin: 10px 6px 0 8px;}
.menutop li > .item span {display:block;padding: 0;width: 100%;}
.menutop li a.item {cursor:pointer;}
.menutop li span.item {cursor:default;outline:none;}
.menutop .level2 > .drop-top {display: none;}
/* Root Items */[/am]
То что красным меняем на:
Code
margin: -9px -2px 0 17px;}
