Webice.Ru - социальная сеть для блоггеров

«    Сентябрь 2020    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 

 Выпадающее меню на CSS


Всю магию drop-down меню можно описать при помощи трёх строк.
1. Скрываем вложенные пункты используя свойство display:none
2. Показываем скрытые пункты при наведения на родителя использую псевдоклас :hover и знакомое уже свойство Display:block.
3. Распологаем открывшиеся вложенные пункты в нужном месте используя позиционирование.
Дальше идут мелкие доработки, которые зависят от вида меню. Самое простое на мой взгляд это вертиальное меню. Распологается в левом или правом сайдбаре. Имеет чётко определённую ширину, что облегчает нам позиционирование.
Многоуровневое горизонтальное меню должно открываться следующим образом — первый уровень вниз остальные вправо.



Также webice рекомендует:
    FileMenu Tools - добавление новых пунктов в контекстное меню
    После нажатия правой кнопкой мыши по папке или файлу открывается контекстное меню файлового менеджера операционной системы Windows - Проводника. Некоторые пункты в контекстном меню присутствуют по умо ...

    Как добавить новый пункт меню на сайте dle?
    Наверняка, после установки dle для своего сайта, практически каждый начинающий вебмастер, сталкивался с различными проблемами, в том числе касающихся меню.Дело в том, что после установки cms dle, в ст ...

    Горизонтальное выпадающее меню на css
    Горизонтальное выпадающее меню поможет сэкономить место на вашем сайте. Оно может пригодиться для установки дополнительных виждетов, а также для рекламы ;) Понравится оно и любителям минимализма - вед ...

Читать далее
0
Просмотров: 462 Обсудили: 0
Метки: HTML, CSS
Информация
Гости не могут оставлять комментарии в данной новости, зарегистрируйтесь или авторизуйтесь на сайте.
 
Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Полезные инструменты