Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Новое меню для Dominion
FAKIR
Offline
Дата: Суббота, 07.05.2011, 01:32 | Сообщение # 1
Сообщений пользователя: 456
Репутация: 28


Немного другой подход к меню 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;}




Прикрепления: 6018590.jpg (13.5 Kb)


 
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи
Опрос для Ucoz (new) (1)
Универсальная статистика... (1)
Тизерная сеть! Bodyclick (1)
Создания банера кнопки, ... (11)
Уведомления о регистраци... (0)
Вопросы по сайтам Uco... (46)
Мы против читов! (27)
КАК вам наш сайт??? (24)
Обсуждение файлов сай... (23)
Заказываем домен (20)
FAKIR (456)
MeNameLarchik (83)
Ser@fim (51)
NomerOK (32)
ADoS (28)
RussiaN (07.04.2016)
dustat (19.02.2016)
AlEksaNDR (06.10.2015)
mineralka (22.06.2015)
Naki (01.06.2015)