Вывод меню

Discussion in 'Внешний вид, шаблоны, графика' started by Rezzonans, Jul 20, 2008.

  1. Offline

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

    Joined:
    Dec 16, 2007
    Messages:
    3
    Likes Received:
    0
    Ребят, может кто знает, каким образом можно реализовать подобное меню на сайте (см аттач).

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

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

    Третья мысль - найти какой-нибудь модуль, который может выводить конкретную позицию меню. В этом случае - более или менее приемлемо: создается меню заголовков, куда пихаются ссылки которые черным цветом, те которые синим - распихиваются по разным меню, которые имеют смысловые названия.
    Тоесть, например, ссылку "О компании" пихаем в "меню заголовков". Для последующих четырех ссылок создаем меню под названием "О компании". К несчастью, поиски модуля, который выводит по позициям ссылки из меню так и не увенчались успехом. Может кто подскажет еще какое решение?
     

    Attached Files:

    Last edited: Jul 20, 2008
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Ответ: Вывод меню

    http://joomlaforum.ru/index.php/topic,20351.0.html
    С помощью этого модуля для каждого пункта меню можно задать свой id, а дальше... руки в css, все просто ;)
     
  4. Offline

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

    Joined:
    Dec 16, 2007
    Messages:
    3
    Likes Received:
    0
    Ответ: Вывод меню

    Fanamura, спасибо :)
     
  5. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Joined:
    Jul 25, 2007
    Messages:
    629
    Likes Received:
    34
    Gender:
    Male
    Ответ: Вывод меню

    Очень жаль, потому как далеко ходить было не нужно - обо всем необходимом для реализации такого меню уже позаботились разработчики базового комплекта Joomla! CMS.

    В главном меню сайта (mainmenu) необходимо оставить лишь один пункт - то, что будет прогружать пользовательский браузер при обращении к корню сайта. Само главное меню на сайте мы не публикуем, поскольку нам в нашем меню не нужен ни вывод пункта меню "Главная", ни "Главная страница", ни "На главную".

    Для создания необходимого меню принимаемся за наполнение соответствующими пунктами дополнительного меню сайта (othermenu). Те, что на картинке в аттаче окрашены в черный цвет будут у нас родительскими пунктами меню, коими они по задумке и являются - их мы не трогаем. Окрашенные в белый цвет (дочерние) пункты меню поочередно редактируем, выставляя в параметре "Родительский пункт меню:" пункт, являющийся родительским для каждого конкретного дочернего пункта.

    Переходим в раздел "Модули - Модули сайта" административной панели, в параметрах модуля "Дополнительное меню" выставляем позицию для публикации на сайте, стиль меню "Вертикально", развернутое меню "Да", сохраняем сделанные изменения.

    В итоге в исходном коде страницы сайта для пунктов модуля меню получаем следующую разметку:
    Код (CODE):
    1. <table width="100%" border="0" cellpadding="0" cellspacing="0">
    2. <tbody><tr align="left"><td><a href="" class="mainlevel" id="active_menu">О компании</a>
    3. <div style="padding-left: 4px;"><a href="" class="sublevel">Общая информация</a></div>
    4. <div style="padding-left: 4px;"><a href="" class="sublevel">История</a></div>
    5. ...
    6. </td></tr>
    7. <tr align="left"><td><a href="" class="mainlevel">Услуги</a></td></tr>
    8. ...
    9. </tbody></table></div>

    Стилевой файл шаблона тогда дополняем следующими селекторами:
    Код (CODE):
    1. a.mainlevel:link, a.mainlevel:visited {
    2.   text-decoration: underline;
    3.   color: #000;
    4. }
    5.  
    6. a.mainlevel:active, a.mainlevel:hover, a.mainlevel#active_menu {
    7.   text-decoration: none;
    8.   color: #000;
    9. }
    10.  
    11. div {
    12.   padding: 0;
    13. }
    14.  
    15. a.sublevel:link, a.sublevel:visited {
    16.   text-decoration: underline;
    17.   color: #fff;
    18. }
    19.  
    20. a.sublevel:active, a.sublevel:hover, a.sublevel#active_menu {
    21.   text-decoration: none;
    22.   color: #fff;
    23. }

    Как видишь, ни с поиском стороннего модуля, ни уж тем более с id'ами для каждого пункта меню заморачиваться не приходится. А если нет разницы, зачем "платить" больше? :ups:
     
  6. Offline

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

    Joined:
    Dec 16, 2007
    Messages:
    3
    Likes Received:
    0
    Ответ: Вывод меню

    AmmiAk, спасибо за помощь, сам бы я до такого не додумался :)) Всё же, на мой взгляд - несколько сложно. Куда как проще поставить меню Джустина(ссылка приведена в посте Fanamura). В настройках у него есть возможность поставить уникальный стиль на первую ссылку меню, на последнюю ссылку меню и на каждую ссылку меню. Остается только понаделать менюшек, распихать в каждую, что нужно, далее (в моем случае) включить уникальный стиль на первую ссылку меню и дописать один класс в css, который будет красить ссылки черным, ну и второй (глобальный), который будет красить ссылки белым
     
  7. Brun
    Offline

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

    Joined:
    Nov 19, 2006
    Messages:
    48
    Likes Received:
    1
    Gender:
    Male
    А елси надо чтобы все ссылки были разноцветные, а ссылки воторого уровня - одинакового цвета, то этот вариант не подходит... на джустина меню тоже такое не сделать, так как там не работают ссылки второго уровня :(

    пример:
    color_menu.jpg

    есть ли идеи?

    -----------------

    Как всегда :) - сам спросил - сам ответил: модуль Extended Menu...
     
    Last edited: Aug 26, 2008
  8. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Brun, легко на меню джумтины такое делается. Закладка "уникальные классы"...
     
  9. Brun
    Offline

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

    Joined:
    Nov 19, 2006
    Messages:
    48
    Likes Received:
    1
    Gender:
    Male
    да... но там не работает возможность создмния вертикального многоуровневого меню... может это был глюк, но пришлось воспользоватся другим компоеннтом.
     

Share This Page

Loading...