Сайт ищет нового владельца по разумной цене :) По всем вопросам: promonik1@ya.ru, skype: nik-luck007, https://vk.com/promonik
2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Красивое меню для uCoz

Скрипты меню 2013-Янв-06 OkJkeee 3.4k 1

Html код меню:
Код
<ul class="bnav">
  <li><a href="#">Ссылка в навигации</a></li>
  <li><a href="#">Ссылка в навигации</a></li>
  <li><a href="#">Ссылка в навигации</a></li>
  <li><a href="#">Ссылка в навигации</a></li>
  <li><a href="#">Ссылка в навигации</a></li>
  <li><a href="#">Ссылка в навигации</a></li>
</ul>

В таблицу Стилей (CSS):

Код
.bnav li a { display: block; width: 185px; height: 33px; background: url(http://dream-designs.ru/bnav.png) no-repeat; color: #c3c3c3; font-family: Verdana; font-size: 11px; padding: 0 5px; text-transform: uppercase; line-height: 32px; text-decoration: none;text-shadow: 1px 1px #181818;}
.bnav li a:hover { background-position: 0 -33px;-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear; }


Так же имеется версия для автоматического меню укоз $SMENU_1$, которая требует только css код в Таблицу Стилей(CSS):

Код
.uMenuV li a { display: block; width: 185px; height: 33px; background: url(http://dream-designs.ru/bnav.png) no-repeat; color: #c3c3c3; font-family: Verdana; font-size: 11px; padding: 0 5px; text-transform: uppercase; line-height: 32px; text-decoration: none;text-shadow: 1px 1px #181818;}
.uMenuV li a:hover { background-position: 0 -33px;-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear; }

Автор: kiko http://dream-designs.ru
Источник: http://dream-designs.ru/
1 комментарий
avatar
1
8/10 эффект при наведении не подходит
avatar