Подскажите пожалуйста, можно ли изменить меню таким образом, чтобы при наведении курсора появлялось не только подчеркивание, но и менялся цвет фона кнопки?
Оформление меню
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться1Вт, 5 Июл 2011 14:56:42
- Заслуженный
- Зарегистрирован: Вт, 5 Апр 2011
- Сообщений: 228
- Уважение: +8
- Позитив: +9
- Пол: Мужской
- Последний визит:
Ср, 17 Окт 2012 17:23:26
Поделиться2Вт, 5 Июл 2011 16:00:01
- Заслуженный
- Зарегистрирован: Ср, 2 Фев 2011
- Сообщений: 1575
- Уважение: +257
- Позитив: +167
- Пол: Мужской
- Последний визит:
Пт, 1 Мар 2013 14:56:10
Fotomaster, ссылку на Ваш форум и хотя бы пример того, что хотите получить.
Поделиться3Ср, 6 Июл 2011 14:41:37
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Fotomaster
Здравствуйте.
Fotomaster написал(а):
Подскажите пожалуйста, можно ли изменить меню таким образом, чтобы при наведении курсора появлялось не только подчеркивание, но и менялся цвет фона кнопки?
Вот как-то так:
Код:
<style type="text/css">
#pun-navlinks li:hover {
background: red !important;
}
</style>Это с учётом того что у Вас уже настрое фон под пунктами меню без наведения. Если нет - то здесь сложнее:
Код:
<style type="text/css">
#pun-navlinks li {
padding: 0.4em !important;
background: green !important;
}
#pun-navlinks li:hover {
background: red !important;
}
</style>Первое - цвет и размеры пунктов в обычном состоянии, второе - при наведении мыши.
Поделиться4Ср, 6 Июл 2011 16:39:55
- Заслуженный
- Зарегистрирован: Вт, 5 Апр 2011
- Сообщений: 228
- Уважение: +8
- Позитив: +9
- Пол: Мужской
- Последний визит:
Ср, 17 Окт 2012 17:23:26
rps
Спасибо! И еще, вопрос возникает: как тогда убрать подчеркивание, при наведении на пункты меню?
Поделиться5Ср, 6 Июл 2011 17:11:07
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Fotomaster
Допишите в код:
Код:
#pun-navlinks a:hover {
text-decoration: none !important;
}Страница: 1