Уважаемые пользователи skript-na-ucoz.ucoz.ru. Вы найдете у нас на портале - и сможете скачать бесплатно различные программы для вебмастеров и не только, фильмы, игры, все для фотошопа, скрипты для ваших сайтов, бесплатные шаблоны, модули, хаки и релизы популярных CMS таких-как: Datalife Engine, WordPress, Joomla, Drupal, Ucoz и многое другое, а также обсудить и получить помощь на нашем форуме. С Уважением Администрация skript-na-ucoz
  • Страница 1 из 1
  • 1
Красивая навигация в веб стиле youcss
Kenik
Дата: Вторник, 15.12.2020, 10:24 | Сообщение # 1
Администратор
Сообщений:
2300
Замечания:
0
Offline


Красивое меню в блоке в WEB стиле. Данное меню выполнено в темном цвете, при наведении на него курсором мыши вы видите как меняется его цвет на градиентный голубой цвет. В данное меню добавлены лайты, а так же слева располагается иконка, которая так же меняется при наведении.

Установка:

Ставим в блок:

Код
<div class="block_menu">  
<ul>  
<li><a href="/">Главная сайта</a></li>  
<li><a href="/forum">Форум сайта</a></li>  
<li><a href="/news">Новости сайта</a></li>  
<li><a href="/publ">Статьи</a></li>  
</ul>  
</div>


В таблицу стилей CSS:

Код
/* block menu */  
.block_menu {width:214px; margin:0 auto;}  
.block_menu ul li {height:28px; line-height:28px; margin:0 0 3px 0;}  
.block_menu ul li a {display:block; height:28px; background:url(/design/block_menu.png) no-repeat 0 0; text-decoration:none; padding:0 0 0 21px; color:#fff; text-shadow:1px 1px #262626;}  
.block_menu ul li a:hover {background-position:0 -28px; padding:0 0 0 28px; text-shadow:1px 1px #163949;}


Скачать бесплатно Красивая навигация в веб стиле youcss
Прикрепления: 4399608.png (15.0 Kb)


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