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

_Max · 2011-07-28 05:28:40

Нужно для того, чтобы пользователь понимал где он находится, да и просто это красивее
Как это можно сделать? Прописывание для каждого раздела меню своего стиля не канает (
Предполагаю, что нужен какой-то JS, но т.к. в этом не шарю прошу помочь!
Помогите люди добрые! Заранее Спасибо!

easmik · 2011-07-28 08:17:16

Если меню стандартное, то подсвечиваться должно автоматически.

_Max · 2011-07-28 16:32:32

Даже и не знаю стандартное оно или нет, но подсветки нет ) Вот: http://peaknews.ru/

Отредактировано _Max (2011-07-28 16:32:57)

StronG · 2011-07-28 17:14:09

a:active чем не подходит?

infinity237 · 2011-07-28 17:32:40

Стандартное - вывод категорий в main.tpl через {categories}.
Если у вас категории просто прописаны вручную в шаблоне, то подсветка работать не будет.

_Max · 2011-07-29 03:55:26

a:active - это не то

Да категории просто прописаны вручную в шаблоне, вот я и спрашиваю у народа как же сделать )

legenda · 2011-07-29 04:21:09

_Max, виводить как {categories}

_Max · 2011-07-29 04:50:23

У меня 2 файла
1 - main.morda.tpl - в нем меню выведено так:

<div id="menu-top-wrap">

    <div id="menu-top">

      <ul>

        <li><a href="{home}/">Главная</a></li>

{categories}      
      
      </ul>

    </div>

  </div>

2 - main.tpl - вывод меню так:

<div id="menu-top-wrap">

    <div id="menu-top">

      <ul>

        <li><a href="{home}/">Главная</a></li>

        <li>[hide_menu1]<h1>[/hide_menu1]<a href="{home}/novosti-dnya/">Новости дня</a>[hide_menu1]</h1>[/hide_menu1]</li>

        <li>[hide_menu2]<h1>[/hide_menu2]<a href="{home}/notebooks/">Ноутбуки и ПК</a>[hide_menu2]</h1>[/hide_menu2]</li>

        <li>[hide_menu3]<h1>[/hide_menu3]<a href="{home}/tablets-readers/">Планшеты и Ридеры</a>[hide_menu3]</h1>[/hide_menu3]</li>

        <li>[hide_menu4]<h1>[/hide_menu4]<a href="{home}/web/">Паутина</a>[hide_menu4]</h1>[/hide_menu4]</li>

        <li>[hide_menu5]<h1>[/hide_menu5]<a href="{home}/mobile/">Мобильные</a>[hide_menu5]</h1>[/hide_menu5]</li>    

      </ul>

    </div>

  </div>

Сейчас сделал в main.tpl также как main.morda.tpl, изменений ни каких, что дальше сделать нужно?

legenda · 2011-07-29 16:17:40

в файле цсс у тебя должно бить чтото типа такого
.active_cat {
color : #f30;
}

тогда должно подсвечиватся красним

_Max · 2011-07-30 01:54:33

Ничего не помогает ((

legenda · 2011-07-30 04:17:08

_Max, значит чтото не так делаеш, викладивай весь main.tpl, и файл css

infinity237 · 2011-07-30 08:55:32

Сфига ли должно работать, если в main.tpl прописано всё вручную?
Хотя... В зависимости что делает плагин hide_menu

_Max · 2011-07-31 10:39:36

Я думаю весь файл нет смысла скидывать. В main.tpl вывод меню так:

<div id="menu-top-wrap">

    <div id="menu-top">

      <ul>

        <li><a href="{home}/">Главная</a></li>

{categories}      
      
      </ul>

    </div>

  </div>

Стили к нему в style.css вот:

/* Menu-top */

#menu-top-wrap {  }

#menu-top { width: 980px; margin: 0 auto; padding: 0 5px; border:1px solid #006ace;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -khtml-border-radius:4px; 
        background: #006ace;}

#menu-top ul { padding-right: 1px; font-size: 16px; text-transform: uppercase; display: inline-block;
        text-shadow:0px -1px 0px #003859;}

#menu-top li {float: left; padding-left: 0px; 
        background: url(images/menu-r.png) no-repeat;
        background-position: right; }

#menu-top a {padding: 10px 10px 8px; color: #FFF; display: block; }

#menu-top a:hover {background: url(images/sprite-1.png) 0 -33px repeat-x; }

#menu-top h1 { margin: 0; font-size: 16px; line-height: 15px; letter-spacing: 0;}

Можно конечно вернуть как было, когда в ручную прописано, но это тоже ничего не дает (

legenda · 2011-07-31 12:37:28

_Max, а если отключить плагин hide_menu ?

_Max · 2011-07-31 12:43:44

Отключил, но ничего не происходит ) может дописать в css надо что-нибудь?

TYNGO · 2013-12-30 19:40:12

а где прописывается класс для активной категории?

irbees2008 · 2013-12-30 20:52:46

в файле стилей

Next Generation CMS :: Форум поддержки

Объявление

#1 2011-07-28 05:28:40

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

#2 2011-07-28 08:17:16

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

#3 2011-07-28 16:32:32

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

#4 2011-07-28 17:14:09

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

#5 2011-07-28 17:32:40

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

#6 2011-07-29 03:55:26

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

#7 2011-07-29 04:21:09

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

#8 2011-07-29 04:50:23

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

#9 2011-07-29 16:17:40

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

#10 2011-07-30 01:54:33

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

#11 2011-07-30 04:17:08

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

#12 2011-07-30 08:55:32

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

#13 2011-07-31 10:39:36

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

#14 2011-07-31 12:37:28

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

#15 2011-07-31 12:43:44

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

#16 2013-12-30 19:40:12

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

#17 2013-12-30 20:52:46

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

Подвал форума