PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Меню на CSS

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Описание: Подсветка активного меню

Поиск в теме | Версия для печати

dembi	Отправлено: 30 Октября, 2009 - 14:39:27
Новичок Покинул форум Сообщений всего: 55 Дата рег-ции: Апр. 2009 Помог: 0 раз(а)	Привет всем. Есть горизонтальное меню. Сделанное в виде списка. Нужно, чтобы при нажатие на какой-то определенный раздел меню, он подсвечивался к примеру красным цветом. При нажатие на другой раздел, он подсвечивался красным, а все остальные разделы меню были к примеру синего цвета. И т.д. Подскажете, пожалуйста, где я ошибаюсь. Код ниже: Само меню: CODE (text): скопировать код в буфер обмена <div class="h_mnu_01"> <ul> <li><a href="main.php">Общая</a></li> <li><a href="find.php">Поиск</a></li> <li><a href="report.php">Отчет</a></li> <li><a href="parameters.php">Параметры</a></li> </ul> </div> А вот и стили: CODE (text): скопировать код в буфер обмена .h_mnu_01 { float: left; /* добавляем список в div / font-size: 14pt; / задаем размер шрифта / font-weight:bold; / Делаем шрифт ширным/ font-family: Liberation Sans, Verdana, Arial, Helvetica, sans-serif; font-style: normal; } .h_mnu_01 ul{ padding: 0; margin: 0; } .h_mnu_01 ul li{ float:left; / располагаем список по горизонтали / list-style-type: none; / удаляем маркеры / border: 1px solid #000; / Рамка вокруг текста / margin:10px 0px 10px 8px; /Отступы между объектами/ background:#E6E6E6; } .h_mnu_01 ul li a{ color:#00c69d; text-decoration: none; } .h_mnu_01 ul li a:LINK { color: #07568d; / Цвет ссылок / } .h_mnu_01 ul li a:VISITED { color: #C41D31; / Цвет посещенных ссылок / } .h_mnu_01 ul li a:ACTIVE { color: #1D1DC4; / Цвет посещенных ссылок */ }

DeepVarvar	Отправлено: 30 Октября, 2009 - 14:53:38
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Я делал так: <?php if ($path!="index") {print '<a class="link" href="index.php">Index</a>';} else {print '<font class="currentlink">Index</font>';} ?> Кто-то подскажет еще варианты??? ----- Шта? Репозиторий?

valenok	Отправлено: 30 Октября, 2009 - 16:42:07
Здесь могла бы быть ваша реклама Покинул форум Сообщений всего: 4574 Дата рег-ции: Июль 2006 Откуда: Israel Помог: 3 раз(а)	PHP: скопировать код в буфер обмена <a href="1" <?PHP if( this_is_active ) echo 'class="active"'; ?> >1</a> <a href="2" <?PHP if( this_is_active ) echo 'class="active"'; ?>>2</a> (Отредактировано автором: 30 Октября, 2009 - 16:46:17) ----- Truly yours, Sasha.

dembi	Отправлено: 02 Ноября, 2009 - 11:50:42
Новичок Покинул форум Сообщений всего: 55 Дата рег-ции: Апр. 2009 Помог: 0 раз(а)	Спасибо большое Всем за совет. Я использовал этот вариант: CODE (text): скопировать код в буфер обмена <li><a <?php if ($path!="main.php") {echo "class=\"link\"";} else {echo "class=\"active\"";} ?> href="main.php">Общая</a></li> <li><a <?php if ($path!="find.php") {echo "class=\"link\"";} else {echo "class=\"active\"";} ?> href="find.php">Поиск</a></li> <li><a <?php if ($path!="report.php") {echo "class=\"link\"";} else {echo "class=\"active\"";} ?> href="report.php">Отчет</a></li> <li><a <?php if ($path!="parameters.php") {echo "class=\"link\"";} else {echo "class=\"active\"";} ?> href="parameters.php">Параметры</a></li>

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.