эффект меню
|
|
|
Дата: Суббота, 30.10.2010, 11.39.23 | Сообщение # 1 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| как делать эффект меню типа когда наводишь на раздел оно выделяется картинкой? ну и тот в котором щяс тоже
|
|
|
|
|
Дата: Суббота, 30.10.2010, 11.49.23 | Сообщение # 2 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| :hover
|
|
|
|
|
Дата: Суббота, 30.10.2010, 14.32.13 | Сообщение # 3 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| с другого сайта взял)) Code .uMenuH li {float:left;} .uMenuV .uMenuItem {font-weight:normal;} .uMenuV li a:link { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; color: #666666; } .uMenuV li a:active { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; color: #666666; } .uMenuV li a:visited { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; color: #666666; } .uMenuV li a:hover { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; background: url('Ссылка на картинку 1'); color: #f4f4f4; }
.uMenuV .uMenuItemA {font-weight:bold;} .uMenuV a.uMenuItemA:link { background:url('Ссылка на картинку 1'); display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; color: #f4f4f4; } .uMenuV a.uMenuItemA:visited { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; background:url('Ссылка на картинку 2'); color: #f4f4f4; } .uMenuV a.uMenuItemA:hover { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; background: url('Ссылка на картинку 1'); color: #f4f4f4; } Добавлено (30.10.2010, 14:32) --------------------------------------------- ах да забыл вставить в ксс в /* Site Menus */
Сообщение отредактировал Reysler - Суббота, 30.10.2010, 14.51.24 |
|
|
|
|
Дата: Суббота, 30.10.2010, 14.50.37 | Сообщение # 4 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Quote (Vladjet) .uMenuH li {float:left;} .uMenuV .uMenuItem {font-weight:normal;} .uMenuV li a:link { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; color: #666666; } .uMenuV li a:active { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; color: #666666; } .uMenuV li a:visited { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; color: #666666; } .uMenuV li a:hover { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; background: url('Ссылка на картинку 1'); color: #f4f4f4; } .uMenuV .uMenuItemA {font-weight:bold;} .uMenuV a.uMenuItemA:link { background:url('Ссылка на картинку 1'); display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; color: #f4f4f4; } .uMenuV a.uMenuItemA:visited { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; background:url('Ссылка на картинку 2'); color: #f4f4f4; } .uMenuV a.uMenuItemA:hover { display: block; width: 95%; text-decoration: none; padding: 5px 6px 5px 6px; background: url('Ссылка на картинку 1'); color: #f4f4f4; } Везде, там где встречается :hover - это и есть при наведении мыши
|
|
|
|
|
Дата: Суббота, 30.10.2010, 16.09.19 | Сообщение # 5 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| Reysler, а я думал то ты неудачно смайл поставил
|
|
|
|
|
Дата: Суббота, 30.10.2010, 16.26.34 | Сообщение # 6 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
|
|
|
|
|
|
Дата: Суббота, 30.10.2010, 19.57.17 | Сообщение # 7 |
Уровень 3
Зарегистрирован: 26.10.2010
Пользователь №: 115
Сообщений: 129
| Reysler, а можешь дать ссылку там где всё подробно описано?
|
|
|
|
|
Дата: Суббота, 30.10.2010, 20.04.59 | Сообщение # 8 |
Читаем подпись!
Зарегистрирован: 06.09.2010
Пользователь №: 14
Сообщений: 758
| Quote (Reysler) http://htmlbook.ru/css/hover Vladjet, А это, что, по-твоему?
|
|
|
|
|
Дата: Суббота, 30.10.2010, 20.35.52 | Сообщение # 9 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Quote (Vladjet) Reysler, а можешь дать ссылку там где всё подробно описано? Ссылка выше, это самый подробный вариант, что мне когда-то либо встречался
|
|
|
|