Главная | Мой профиль | Регистрация | Выход | Вход Вы вошли как Гость | Группа "Гости" | Приветствую Вас Гость | RSS
Меню сайта
Катигории
Скрипты [2]
Таблицы [1]
jQuery [1]
Шаблоны сайтов [2]
Меню для сайтов [2]
Текст [1]
Linkslot
Купить ссылку здесь за руб.
Поставить к себе на сайт
Linkslot
Оплаченная реклама
Форма входа
Socialchance
Linkslot
Видео
Главная » 2015 » Октябрь » 7 » Светлое меню
18:53
Светлое меню

Светлое меню для сайтов Ucoz.

HTML:

<div class="suckerdiv"><b>  
<ul id="suckertree1">  
<li><a href="#">Главная</a></li>
<li><a href="#">Фото</a></li>
<li><a href="#">Видео</a></li>
<li><a href="http://ret123r123r.narod.ru/dir/">Каталог сайтов</a></li>
<li><a href="#">Каталог файлов</a></li>   
  </ul>  
</li>  
</b>

В CSS вставляем:

.suckerdiv ul{  

margin: 0;  

padding: 0;  

list-style-type: none;  

width: 190px;  

border-bottom: 1px solid #ccc;  

}

.suckerdiv ul li{  

position: relative;  

}  

 .suckerdiv ul li ul{  

position: absolute;  

width: 200px;   

top: 0;  

visibility: hidden;  

}  

.suckerdiv ul li a{  

display: block;  

overflow: auto;  

color: black;  

text-decoration: none;  

background: #FFFFFF;  

padding: 4px 15px;  

border: 1px solid #ccc;  

border-bottom: 0;  

} 

.suckerdiv ul li a:visited{  

color: black;  

}  

.suckerdiv ul li a:hover{  

background-color: #03BCFF;  

}
Категория: Меню для сайтов | Просмотров: 152 | Добавил: ret123r | Теги: Меню, Светлое | Рейтинг: 4.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Статистика
Linkslot
Бесплатные СМС
Мини-чат
Link Wall
Бесплатное
WMlink
© 2012-2018 - ret123r123r.narod.ru


 Rambler's Top100 Рейтинг@Mail.ru Яндекс.Метрика Проверка тИЦ и PR     
 
 
 %