Перейти к содержимому


Оформление Выпадающего Меню


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 06 Февраль 2017 - 03:02

SL-404308

Сделал пункты верхнего меню выпадающими. Как видоизменить стиль блоков выпадающих меню (сделать рамку и закруглить углы)?

#2 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 06 Февраль 2017 - 09:43

Просмотр сообщенияcustomer8765 (06 Февраль 2017 - 03:02) писал:

SL-404308

Сделал пункты верхнего меню выпадающими. Как видоизменить стиль блоков выпадающих меню (сделать рамку и закруглить углы)?

Здравствуйте. В main.css замените

.header-top .links li:hover > ul {display: block;}

на

.header-top .links li:hover > ul {display: block;border-radius: 3px;border: 1px solid #575757;}


#3 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 06 Февраль 2017 - 10:17

Просмотр сообщенияMr.Nito (06 Февраль 2017 - 09:43) писал:

Здравствуйте. В main.css замените

.header-top .links li:hover > ul {display: block;}

на

.header-top .links li:hover > ul {display: block;border-radius: 3px;border: 1px solid #575757;}

Спасибо!

#4 customer8765

customer8765

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 328 сообщений

Отправлено 06 Февраль 2017 - 14:05

Просмотр сообщенияMr.Nito (06 Февраль 2017 - 09:43) писал:

Здравствуйте. В main.css замените

.header-top .links li:hover > ul {display: block;}

на

.header-top .links li:hover > ul {display: block;border-radius: 3px;border: 1px solid #575757;}

Еще вопросы:
1. Как изменить ширину этих выпадающих меню? сейчас некоторые пункты переносятся на следующую строку, а это не очень удобно
2. Как видоизменить стиль меню, которые всплывают при наведении на значки под каталогом (домик и человечек)? Надо поменять цвет шрифта, выровнять пункты по левой границе и закруглить углы.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных