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


Красивое и функциональное меню на CSS by BlackPh. Данное меню не использует никаких картинок, все построено на css.

Установка:

В конец вашего CSS
Code
.menu {right:-315px;height:30px;position:fixed;background:#191919;top:50px;border-radius:2px 0px 0px 2px;padding-left:15px;transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;}  
  .menu:hover {right:0px;}  
  .menu a {color:white;font-size:8pt;font-family:Tahoma;text-decoration:none;font-weight:bold;padding:7px 8px 10px 8px;margin-right:-3px;background:-webkit-linear-gradient(top, #535353, #343434);background:-moz-linear-gradient(top, #535353, #343434);background:-o-linear-gradient(top, #535353, #343434);background:-ms-linear-gradient(top, #535353, #343434);background:linear-gradient(top, #535353, #343434);}  
  .menu a:hover {background:#343434;}  
  .up-down {background:rgba(255,255,255,0.6);width:9px;height:9px;border-radius:6px;position:absolute;left:3px;top:10px;}  
  .up-down:hover {background:rgba(255,255,255,1);}


В конец Верхняя часть сайта, или на страницу где хотите видеть меню ставим этот код после <body>
Code
<div class="menu">  
  <div class="up-down"></div>  
  <div style="margin:3px 0px 0px 1px;">  
  <a href="#">Главная</a>  
  <a href="#">Форум</a>  
  <a href="#">Меню</a>  
  <a href="#">by</a>  
  <a href="#">Black<font color="#218DE7">Ph</font> (Sykyba)</a>  
  </div>  
  </div>
  


right:-315px; - это значение настраиваем в зависимости от количества и размера кнопок .


  Автор: BlackPh(Sy | Категория: Меню для ucoz | Добавил: Moder | Дата: 11.06.2012
Посмотреть демо Красивое меню для ucoz
Красивое меню для ucoz(посмотрели: 1931)

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz