Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 1992 Просмотров
*

wd

  • Давно я тут
  • 538
  • 17 / 1
  • Просто юзер
Здравствуйте.

Подскажите, пожалуйста, как в шаблоне для Joomla 2.5 реализовать функцию активного пункта или кнопки?
То есть, есть кнопка. и состояния "пасивное", "наведённое", "активное", и вот состояние "активное" нужно что бы было включено в том случаи, если пользователь находится на той странице, на которую ведёт эта кнопка привязанная к пункту меню.

Я создают позицию в index.php и кнопку в template.css следующим образом:

Код
<div class="sd-askq" data-left="10%"><jdoc:include type="modules" name="askq" /></div>


и

Код
.sd-askq
{
display: block;
left: 10%;
margin-left: -10px;
position: absolute;
top: 290px;
}

.sd-askq a
{
background-color: #fb722d;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 18px;
font-weight: normal;
padding: 14px 38px;
text-decoration: none;
}

.sd-askq a:link
{
color: #ffffff;
background-color:#fb722d;
}

.sd-askq a:visited
{
color: #ffffff;
background-color:#fb722d;
}

.sd-askq a:hover
{
color: #ffffff;
background-color:#f55200;
}

.sd-askq a:active
{
color: #ffffff;
background-color:#f55200;
}

Но ".sd-askq a:active" срабатывает при клике, а нужно, что бы он работал как активный пункт меню, т.е. в моём случаи - имел бы фон #f55200 при условии, что пользователь находится на странице, на которую он перешел по клику с этой кнопки.

Буду очень признателен за помощь.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Активный (выбранный) пункт меню
« Ответ #1 : 24.03.2013, 01:18:04 »
Код: php-brief
<?php
//адрес сылки без имени домена
$link="/index.php";
$class = ($_SERVER['REQUEST_URI']==$link)? " active": "";
?>
Код: html4strict
<a href="<?php echo $link;?>" class="myclass<?php echo $class;?>" title="Моя ссылка">
Ссылка имеет класс active, если активна</a>
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Активный (выбранный) пункт меню
« Ответ #2 : 24.03.2013, 01:32:55 »
А вы в эту позицию <jdoc:include type="modules" name="askq" />
Модуль меню выводите?
Создание сайтов, шаблонов, помощь в решении проблем.
*

wd

  • Давно я тут
  • 538
  • 17 / 1
  • Просто юзер
Re: Активный (выбранный) пункт меню
« Ответ #3 : 24.03.2013, 15:02:01 »
Да, в позицию askq вывожу модуль меню.

Вышеуказанный код к сожалению не решил, возможно из-за того, что на локальном хосте проверял.
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Активный (выбранный) пункт меню
« Ответ #4 : 24.03.2013, 15:13:16 »
У вас активному пункту уже должен быть указан класс. Попробуйте так
Цитировать
.sd-askq li.current a {
color: #ffffff;
background-color:#f55200;
}
Создание сайтов, шаблонов, помощь в решении проблем.
*

wd

  • Давно я тут
  • 538
  • 17 / 1
  • Просто юзер
Re: Активный (выбранный) пункт меню
« Ответ #5 : 24.03.2013, 15:35:42 »
Спасибо всем за помощь +

Всё оказалось действительно намного проще.

Работает как вариант

Код
		   .sd-askq .current a
  {
color: #ffffff;
background-color:#FB722D;
  }

так и

Код
		   .sd-askq  .active a
  {
color: #ffffff;
background-color:#FB722D;
  }
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3445
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2979
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1464
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1381
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1628
Последний ответ 20.07.2020, 11:18:44
от kuraev64