U.Helper

Статьи
Разработки
Форум
FAQ
Правила
Заказ работ
Поиск

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

Страница 1 из 1 1
Модератор форума: Flame, subONE, kydapodatsya, LG-savikdvd

Форум интересных решений » Общение » Общение » Выделение строки в меню

Выделение строки в меню

DarK_zEal

Дата: 01 Марта 2008, 16:08 | Сообщение # 1

● ● ● ● ●

69 сообщений

« 12 »

0 наград

Статус: Offline

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

В первом примере виден эффект "до".
Во втором: "после".

Хотелось бы получить строку с решением проблемы.
Заранее спасибо.

nkslim

Дата: 01 Марта 2008, 21:25 | Сообщение # 2

● ● ● ● ●

272 сообщения

« 19 »

0 наград

Статус: Offline

всё делается через css:

Quote

/* Main Menu */
.m {font-family:Tahoma,Arial,Helvetica;}
a.m:link {text-decoration:none; color:#518EAD}
a.m:visited {text-decoration:none; color:#518EAD}
a.m:hover {text-decoration:none; color:#518EAD; font-weight:bold;}
a.m:active {text-decoration:none; color:#518EAD; font-weight:bold;}

.ma {font-weight:bold;}
a.ma:link {text-decoration:none; color:#518EAD}
a.ma:visited {text-decoration:none; color:#518EAD}
a.ma:hover {text-decoration:none; color:#518EAD;}
li.m {border:1px solid #EDEDED; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}
/* --------- */

Вам понадобится:

Quote

.m {font-family:Tahoma,Arial,Helvetica;}
a.m:link {text-decoration:none; color:#518EAD}
a.m:visited {text-decoration:none; color:#518EAD}
a.m:hover {text-decoration:none; color:#518EAD; font-weight:bold;}
a.m:active {text-decoration:none; color:#518EAD; font-weight:bold;}

вы должны заменить:

Quote

#518EAD

на свой цвет
например

Quote

#ffffff

это белый цвет!

Форум интересных решений » Общение » Общение » Выделение строки в меню

Страница 1 из 1
1

Поиск: