Настройка модуля главного меню

Discussion in 'Вопросы по работе с меню' started by Bikitte, Jan 20, 2011.

  1. Offline

    Bikitte Недавно здесь

    Joined:
    Jan 20, 2011
    Messages:
    23
    Likes Received:
    0
    Gender:
    Male
    Как и где в настройках mod_mainmenu организовать такой вывод главного меню:
    <div class="MenuContent">

    <ul>

    <li><a href="Mainpage.html" class="MainPage">Главная</a></li>

    <li><a href="Page1.html" class="Link">Страница1</a></li>

    <li><a href="Page2.html" class="Link">Страница2</a></li>

    <li><a href=Page3.html" class="Link">Страница3</a></li>

    <li><a href="Page4.html" class="Link">Страница4</a></li>

    </ul>

    </div>
    Задача выделить верхний пункт меню, чтобы присвоить отдельный стиль. Соответственно стиль отображения главного меню Legacy-Плоский список
     
    Bikitte, Jan 20, 2011
    #1

  2. Ads Master

     
  3. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    у активного пункта меню всегда прописывается класс ACTIVE или CURRENT в дополнение к существующему
    далее всё зависит от правильного описания этих/этого класcа в CSS
    дерзай!!!!!!!
     
    woojin, Jan 20, 2011
    #2
  4. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    А в плоском списке по моему не добавляется класс.
     
    DKraev, Jan 20, 2011
    #3
  5. Offline

    Bikitte Недавно здесь

    Joined:
    Jan 20, 2011
    Messages:
    23
    Likes Received:
    0
    Gender:
    Male
    Если "главная" активна ей присвается id="active_menu", но это не то, что мне нужно. Мне необходимо всегда отличать пункт меню "главная" от всех других независимо от того активно оно или нет. Сейчас это выглядит так если активна главная:
    <div class="MenuContent">

    <ul>

    <li><a href="Mainpage.html" class="Link" id="active_menu">Главная</a></li>

    <li><a href="Page1.html" class="Link">Страница1</a></li>

    <li><a href="Page2.html" class="Link">Страница2</a></li>

    <li><a href=Page3.html" class="Link">Страница3</a></li>

    <li><a href="Page4.html" class="Link">Страница4</a></li>

    </ul>

    </div>

    или если активен 2ой пункт меню

    <div class="MenuContent">

    <ul>

    <li><a href="Mainpage.html" class="Link">Главная</a></li>

    <li><a href="Page1.html" class="Link" id="active_menu">Страница1</a></li>

    <li><a href="Page2.html" class="Link">Страница2</a></li>

    <li><a href=Page3.html" class="Link">Страница3</a></li>

    <li><a href="Page4.html" class="Link">Страница4</a></li>

    </ul>

    </div>
     
    Bikitte, Jan 20, 2011
    #4
  6. Offline

    Bikitte Недавно здесь

    Joined:
    Jan 20, 2011
    Messages:
    23
    Likes Received:
    0
    Gender:
    Male
    По дизайну необходимо выделить "главная", чтобы убрать ссылке верхнюю рамку, а на остальных пунктах меню рамка должна остаться.
    Столкнулся еще с 1 проблемой при вставке модулем контента меню появляется верхний отступ в FireFox и IE6. Если все тоже самое отрисовать ручками в index.php и применить теже стили отступа нет.
     

    Attached Files:

    Bikitte, Jan 20, 2011
    #5
  7. Offline

    Murlika Недавно здесь

    Joined:
    Sep 6, 2010
    Messages:
    8
    Likes Received:
    0
    Gender:
    Female
    Воспользуйся другим модулем для вывода меню, например Extended Menu. Для него можно установить опцию Element Id(Идентификатор элемента. Каждый элемент может получить идентификатор, основанный на иерархии... например, menuitem_2_5 для 5-ого подпункта меню 2-ого пункта меню.)
    Эта опция присвоит первому пункту меню уникальный id, например id="menulink_1". К нему уже можно применять индивидуальный стиль
     
    Murlika, Jan 24, 2011
    #6
< Выделение меню родителя для активного подменю | Как добавить внешнюю ссылку в категорию раздела в меню >

Share This Page

Loading...