Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Темное меню для uCoz
13.11.2018
Темное меню для uCoz
  • 509 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Неплохое темное меню для сайта. Выполнено в стиле минимализма цвет темный справа белый круг который при наведении плавно меняет свой цвет на синий. Подойдёт для тех у кого тёмные дизайны.

В блок вставляем:

Код
<div class="bnav">  
<li><a href="http://7old.ru/" >Главная страница</a></li>  
<li><a href="/forum" >Форум сайта</a></li>  
<li><a href="/" >Файлы для uCoz</a></li>  
<li><a href="/" >Банерообмен</a></li>  
<li><a href="/" >ВСЕ О ЗАРАБОТКЕ</a></li>  
</div>


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

Код
.bnav {width:100%; display:block; margin:0 0 0 -2px; z-index:55;text-shadow:1px 1px 1px #000;margin-right:3px;margin-left:3px;margin-top:1px;margin-bottom:-1px;}  
  .bnav li {height:21px; display:block; background:url(http://7old.ru/ucoz-files/1/8.png) no-repeat 0 0; margin: 1px 0 0 0;text-shadow:1px 1px 1px #000;margin-top:-2px;}  
  .bnav li:hover {background-position:0 -21px;text-shadow:1px 1px 1px #000;}  
  .bnav li:hover a:link,  
  .bnav li:hover a:active,  
  .bnav li:hover a:visited,  
  .bnav li:first-child {border:0;text-shadow:1px 1px 1px #000;}  
  .bnav li a:link,  
  .bnav li a:active,  
  .bnav li a:visited {height:16px; display:block; padding:3px 0 0 10px; color:#ffffff;text-shadow:1px 1px 1px #000;}  
  .bnav li a:hover {text-decoration:none;text-shadow:1px 1px 1px #000;}  
  .bnav li:hover .bnavs {display:block;text-shadow:1px 1px 1px #000;}


На этом всё.
Темное меню для uCoz" title="Скачать Темное меню для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7old.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]