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

Неплохое тёмное вертикальное  меню.

Установка:

Там где хотим видеть блок меню либо в глобальный блок ставим:

<div id="menu">  
<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>  
</ul>  
</div>

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

#menu { 
 margin:0; 
 padding:0; 
} 

#menu ul{ 
 width: 180px; 
 margin:0; 
 padding:1px; 
 border:1px solid #2D497D; 
} 
#menu li{ 
 display:marker; 
 list-style:none; 
 padding-bottom:1px; 
} 
#menu li a{ 
 display:block; 
 font-family:Tahoma, Geneva, sans-serif; 
 font-size:15px; 
 font-weight:bold; 
 color:#00BFFF; 
 text-shadow:#000ddd 1px 1px 1px; 
 text-decoration:none; 
 background-color:#000000; 
 padding:5px; 
 border-left:10px solid #2D497D; 
} 
#menu li a:hover{ 
 border-left:14px solid #5a9ad1; 
 background-color:#2D497D; 
}

 

 

Всё меню установлено!

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


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