Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Нужен код выпадающего списка

Обсуждение темы Нужен код выпадающего списка в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Добрый день, я только только начал делал сайты, зарегистрировался у Вас чтобы учится и теперь хочу добавить в меню сайта кнопку меню, чтобы ...


Закрытая тема
 
Опции темы
Старый 20.04.2016, 23:12   #1
Добрый день, я только только начал делал сайты, зарегистрировался у Вас чтобы учится и теперь хочу добавить в меню сайта кнопку меню, чтобы при наведении выпадал список из неактивных ссылок.

Примерный код, и то, взял с какого сайта:

Может кто-нибудь дописать CSS чтобы получилось примерно это:
Снимок экрана 2016-04-21 в 1.10.54.png

Код ниже:

Цитата:
<style>
.droplink ul li:first-child {
display: block;
}

.droplink ul li:not(:first-child) {
display: none;
}

.droplink ul:hover li {
display: block;
}
</style>

<div class="droplink">
<ul>
<li class="cat-item cat-item-12"><a href="/">Контакты</a></li>
<li class="cat-item cat-item-13">+7 (777) 777-01-01</li>
<li class="cat-item cat-item-14"><a href="http://instagram.com/timur.alibekov">Instagram</a></li>
<li class="cat-item cat-item-15"><a href="http://vk.com/timur_sex">VK</a></li>
<li class="cat-item cat-item-16"><a href="/">Facebook</a></li>
</ul>
</div>
 
Старый 20.04.2016, 23:12
Ссылки
Старый 21.04.2016, 07:49   #2
.one_block_hidden {
display:none;
}


.one_block:hover .one_block_hidden {
display:block;
}


<div class="one_block">
<div class="one_block_hidden"></div>
</div>

Вот так будет работать
 
Старый 21.04.2016, 07:49
Закрытая тема

Метки
css, html, меню, помощь


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужен скрипт для получения списка файлов в папке на сервере Vulko ASP, Perl, PHP и MySQL 12 03.11.2010 12:04
звук для выпадающего меню BleSSeD Кальянная 3 25.07.2009 13:26
Блочная верстка списка Kiosuki HTML, CSS, JavaScript 0 02.07.2007 13:05
Создание выпадающего списка с полями из базы данных Wind HTML, CSS, JavaScript 5 03.03.2005 22:33
Отступ списка Lilith Зал дебютантов 10 19.07.2004 16:25


Текущее время: 21:10. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум