Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Прозрачное меню для uCoz
15.11.2018
Прозрачное меню для uCoz
  • 568 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 3.0 Рейтинг:
  • (Голосов: 1)
Описание:
Красивое прозрачное меню для вашего сайта. Это меню сделано в прозрачном стиле. Ставить его нужно на цветные блоки иначе на белом прозрачный будет смотреться не очень красиво.

Установка:

1. В блок ставим код:

Код
<div id="uMenuDiv1" class="uMenuV" style="position:relative;"><ul class="uMenuRoot">
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/" class="uMenuItemA"><span>Главная страница</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/forum/"><span>Обновления</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/forum/"><span>Главный раздел</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/forum/"><span>Общение</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/load"><span>Каталог файлов</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/blog"><span>Блог</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li></ul></div>
  <script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv1',0,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script>


2. В CSS ложим:

Код
.uMenuRoot {
  padding:0;
  margin:0 auto;
  width:196px;  
}

.uMenuRoot li {
  display:block;
  width:188px;
  height:23px;
  margin-bottom:2px;
}

.uMenuRoot li a {
  display:block;
  width:188px;
  height:23px;
  text-decoration:none;
  background:url(http://7old.ru/ucoz-files/1/uc_menu.png) no-repeat -8px -5px;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  color:#fff;
  text-shadow:0 1px 0 #7aa241;
  line-height:20px;
  padding-left:23px;
}

.uMenuRoot li a:hover {
  background-position:-8px -30px;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  color:#729f38;
  text-shadow:0 0 0;
}


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