Файлы Скрипты и модификации

Выдвигающиеся меню на css

Описание:
Простое без лишних наворотов выдвигающиеся меню для uCoz, можно использовать не только в юкозе, но и на других движках или даже на динамичных html файлах!

Установка:
1. Ставим где хотим видеть меню:
Код
<div class="blogroll">  
  <p>проверка</p>  
  <ul>  
  <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>  
  <li><a href="#">Проверка</a></li>  
  <li><a href="#">Проверка</a></li>  
  </ul>  
  </div>

2. В css вашего дизайна:
Код
.blogroll {  
  position:relative;  
  width:274px;  
  }  
  .blogroll p {  
  font:13px Verdana,Arial,Helvetica, sans-serif; color:#666;  
  font-weight: bold;  
  text-shadow: 1px 1px 1px #fff;  
  width:274px;  
  height:25px;  
  background:url('http://for-ucoz.my1.ru/Blog_fon-1-.png') 0 0 no-repeat;  
  margin:0;  
  padding: 4px 0px 0px 10px;  
  }  

  .blogroll ul {  
  list-style:none;  
  width:272px;  
  background:#F4F5F6;  
  border:1px solid #d0d0d0;  
  border-bottom: none;  
  border-width:0 1px 1px 1px;  
  position:absolute;  
  left:0;  
  top:25px;  
  margin:0;  
  padding:0;  
  }  

  .blogroll ul a:link,  
  .blogroll ul a:visited {  
  display:block;  
  color:#555;  
  font-weight:normal;  
  text-decoration:none;  
  width:252px;  
  padding:4px 10px 4px 10px;  
  border-bottom: 1px solid #d0d0d0;  
  border-top: 1px solid #fff;  
  }  

  .blogroll ul a:hover,  
  .blogroll ul a:active {  
  background:#fff;  
  }  

  .blogroll {  
  height:25px;  
  overflow:hidden;  
  }  

  .blogroll:hover {  
  overflow:visible;  
  }
Источник: center-dm.ru
Загрузка данных...
Материал «Выдвигающиеся меню на css» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Как вы нас нашли?
640 ответов
Архив
Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны