|
эффект меню
|
|
|
|
Дата: Суббота, 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, а можешь дать ссылку там где всё подробно описано?
Ссылка выше, это самый подробный вариант, что мне когда-то либо встречался |
| |
|
|
