Работа с активной ссылкой

Сообщение сайта

(Сообщение закроется через 3 секунды)

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

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Веб-дизайн

Работа с активной ссылкой

Опции

Aman_sf

Topic Starter сообщение

26.6.2016, 18:29; Ответить: Aman_sf

Сообщение #1

Старожил

Группа: User
Сообщений: 1870
Регистрация: 3.6.2012
Поблагодарили: 0 раз
Репутация:

*Работа с активной страницей

Есть меню

<div class="nav">
<ul>
<li>
<a href="http://test.ru/">Главная</a>
</li>
<li">
<a href="http://test.ru/">Новости</a>
</li>
<li>
<a href="http://test.ru/">Статьи</a>
</li>
<li>
<a href="http://test.ru/">Правила</a>
</li>
<li>
<a href="http://test/">Контакты</a>
</li>
</ul>
</div>

К нему применен стиль при наведении

.navlk li a:hover {
background-color: red;
color: #fff;
}

Чтобы область вокруг ссылки при наведении закрывалась красным.
Нужно чтобы активная на данный момент страница оставалась в красном цвету

Screenshot_2.jpg ( 10,33 килобайт ) Кол-во скачиваний: 559

Вот если на главной, то ссылка должна выделяться красным.

<a href="http://test.ru/">Главная</a>

Такое возможно с применением css в связки html или только php?

Ответить с цитированием данного сообщения

prolisk prolisk 26.6.2016, 20:21; Сообщений: 6107 Поблагодарили: 39 раз Репутация: 6 Просмотр профиля	26.6.2016, 20:21; Ответить: prolisk Сообщение #2
Топовый постер Группа: Active User Сообщений: 6107 Регистрация: 24.8.2010 Из: Sava Поблагодарили: 39 раз Репутация: 6	Свойство :active не то, что нужно? -------------------- Бонус Payeer Блог вебмастера. Добавь свой сайт в белый каталог

Aman_sf Topic Starter Aman_sfTopic Starter 26.6.2016, 23:34; Сообщений: 1870 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 26.6.2016, 23:34; Ответить: Aman_sf Сообщение #3
Старожил Группа: User Сообщений: 1870 Регистрация: 3.6.2012 Поблагодарили: 0 раз Репутация: 0	К сожалению нет, сам над ним пытался колдовать, но по факту оказалось что он идентичен тегу hover

prolisk prolisk 27.6.2016, 0:52; Сообщений: 6107 Поблагодарили: 39 раз Репутация: 6 Просмотр профиля	27.6.2016, 0:52; Ответить: prolisk Сообщение #4
Топовый постер Группа: Active User Сообщений: 6107 Регистрация: 24.8.2010 Из: Sava Поблагодарили: 39 раз Репутация: 6	Aman, у меня на одном шаблоне стояло, но я не знаю есть ли такое в css (:active-псевдокласс насколько я понял, только по нажатию реагирует). Наверное все таки через яваскрипт делается. -------------------- Бонус Payeer Блог вебмастера. Добавь свой сайт в белый каталог

k0ttee k0ttee 27.6.2016, 10:17; Сообщений: 12040 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	27.6.2016, 10:17; Ответить: k0ttee Сообщение #5
Топовый постер Группа: User Сообщений: 12040 Регистрация: 2.5.2014 Поблагодарили: 0 раз Репутация: 0	Если кратко сказать, тогда: active упрощенный CSS вариант onClick Хотите выделять в меню ссылку на ту страницу, которая сейчас открыта? Это можно и без PHP сделать... Жабаскрипт несет адрес страницы в локатион-хрефе: alert(location.href); А дальше - по адресу страницы, сопоставленному с href'ами ссылок, применять класс. -------------------- Задонь кибер-коту на крипто-вискас btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9

Aman_sf Topic Starter Aman_sfTopic Starter 28.6.2016, 9:44; Сообщений: 1870 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 28.6.2016, 9:44; Ответить: Aman_sf Сообщение #6
Старожил Группа: User Сообщений: 1870 Регистрация: 3.6.2012 Поблагодарили: 0 раз Репутация: 0	Через жаву никак не получается к отдельному классу только применить стиль, все ссылки начинают светиться если на их странице.

k0ttee k0ttee 28.6.2016, 9:53; Сообщений: 12040 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	28.6.2016, 9:53; Ответить: k0ttee Сообщение #7
Топовый постер Группа: User Сообщений: 12040 Регистрация: 2.5.2014 Поблагодарили: 0 раз Репутация: 0	все ссылки начинают светиться если на их странице Ну так усложни селектор... чтоб светить только ссылки, дочерние в меню. Дочерние, они же "вложенные" запросто находятся. $("menu").children() -------------------- Задонь кибер-коту на крипто-вискас btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9

Aman_sf

Topic Starter сообщение

29.6.2016, 16:16; Ответить: Aman_sf

Сообщение #8

Старожил

Группа: User
Сообщений: 1870
Регистрация: 3.6.2012
Поблагодарили: 0 раз
Репутация:

Проблема оказалась в движке, он почему то не принимает мои "доводы", на обычном хтмл все работает.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Веб-дизайн · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Нужна работа	0	filatd	739	12.1.2024, 17:08 автор: filatd
Размещу статью с ссылкой на ваш ресурс Донор: ИКС : 38000, Page Rank = 5.94 (xPR), Траст = 10	6	Курыкин	3143	5.11.2023, 2:55 автор: AndrePro
Работа: Разная рутина Работа, разные рутинные задачи: постинг / переговоры / поиск	1	ivanshargin	958	31.10.2023, 17:55 автор: ServersExpert
Нужна удаленная работа Нужна удаленная работа	0	filatd	1014	12.9.2023, 11:40 автор: filatd
Нужны тексты для сайта, работа на постоянку	6	danilchuk88	1631	19.3.2023, 0:53 автор: malamut

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 11:51

Дизайн