Новости Joomla

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

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

Don Casper

  • Новичок
  • 8
  • 0 / 0
Здравствуйте!

Не могу разобраться как подсветить активный пункт меню.

Сделал горизонтальное меню, с настройками модуля:
Стиль меню: (Legacy) Горизонтально

В index.php код выглядит так:
Код
<div id="menubar">
<jdoc:include type="modules" name="top" />
</div>

В исходном коде отображающейся страницы код выглядит так:
Код
<div id="menubar">
<div style="float:left;">&nbsp;&nbsp;</div><table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><a href="/index.php/home" class="mainlevel" id="active_menu">Главная</a><a href="/index.php/service" class="mainlevel" >Услуги</a><a href="/index.php/product" class="mainlevel" >Продукция</a><a href="/index.php/faq" class="mainlevel" >Контакты</a><a href="/index.php/add-comments" class="mainlevel" >Отзывы</a></td></tr></table>
</div>

CSS код выглядит так:
Код
/* menubar */
#menubar {
width:958px;
height:30px;
line-height:25px;
background:#ffffff;
margin-bottom:5px;
vertical-align:middle;
background: transparent url(../images/menubarbgbl.png) repeat;
}

#menubar a {
color:#ffffff;
border-right:1px solid #000000;
text-decoration: none;
padding:7px;
}

#menubar a:hover {
color:#00c6db;
background: transparent url(../images/menubarabl.png) repeat-x;
}

Я знаю, что в CSS нужно прописать идентификатор current или active, но не знаю к чему его привязывать, так как у меня нету списка, а просто идут ссылки на страницы. Или я что-то не уловил)

Подскажите пожалуйста.
« Последнее редактирование: 28.07.2010, 14:43:36 от 4webspot »
*

Rezet

  • Захожу иногда
  • 57
  • 1 / 0
Re: Активный пункт меню
« Ответ #1 : 28.07.2010, 12:53:06 »
Учи CSS...
Цитировать
id="active_menu"


Цитировать
#menubar a#active_menu
{
....
}

И если надо
Цитировать
#menubar a#active_menu:hover
{
....
}

« Последнее редактирование: 28.07.2010, 12:57:47 от Rezet »
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Активный пункт меню
« Ответ #2 : 28.07.2010, 12:59:22 »
#active_menu a:hover {
color:#00c6db;
background: transparent url(../images/menubarabl.png) repeat-x;
}
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

Don Casper

  • Новичок
  • 8
  • 0 / 0
Re: Активный пункт меню
« Ответ #3 : 28.07.2010, 14:18:26 »
Спасибо за помощь =)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Выподающее меню

Автор aspidy

Ответов: 3
Просмотров: 6317
Последний ответ 20.01.2015, 10:11:26
от aspidy
Yootheme planet + flashxml флеш поверх выпадающего меню

Автор maxsim

Ответов: 2
Просмотров: 7595
Последний ответ 10.10.2013, 19:05:55
от Germanius
Выпадающее меню на Joomla

Автор zeus07

Ответов: 10
Просмотров: 15177
Последний ответ 17.09.2013, 14:27:49
от Doc
Как реализовать меню Joomla 1.5.26 + шаблон yoo_flux 1.5.0?

Автор OLEGA85

Ответов: 0
Просмотров: 7621
Последний ответ 03.09.2013, 18:50:23
от OLEGA85
Меню. Стиль для каждого пункта

Автор ilunium

Ответов: 5
Просмотров: 7589
Последний ответ 03.09.2013, 15:38:44
от OLEGA85