Цветные пункты меню

Тема в разделе "Вопросы по работе с меню", создана пользователем never_set_sail, 05.11.2008.

  1. Offline

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

    Регистрация:
    05.11.2008
    Сообщения:
    4
    Симпатии:
    0
    Интересует, как в меню сделать цветные пункты меню? Нужно сделать меню из 2ух цветов.

    Догадываюсь, что не через редактирование шаблона этого не сделаешь.

    Воспользоваться другими компонентами? Если так, то какими?
    Если кто сообщит, с помощью чего это можно сделать, опишите пожалуйста, КАК это сделать. А то я ни с чем сторонним никогда не работал.


    Спасибо. :)
     
  2.  
  3. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    есть такое занятие - править css:)
    причем, это тоже будет редактирование шаблона, что характерно
    условно - родительское меню parentmenu {color: red; }
    дочернее childmenu { color: green; }
    точнее смотри в css файле шаблона для определения стиля родительского и дочернего меню
     
  4. Offline

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

    Регистрация:
    05.11.2008
    Сообщения:
    4
    Симпатии:
    0
    вот проблема в том, что мне нужно чтобы разделение на цвета было не "родительский <> дочерний", а чтобы можно было "самому" цвет выбрать. планирую половину пунктов меню одного цвета, половину - другого.
     
  5. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    выхода 3:
    1) в случае, если вначале идет блок одного цвета, а затем другого: создать 2 модуля меню, каждому задать свой ccs-суффикс и прописать свой стиль со своим цветом;
    2) можно поставить модуль extended menu, в нем есть возможность задать уникальный id для каждого пункта меню типа menuitem1, menuitem2 и так далее... потом для каждого пишется свой стиль в ксс.
    3) если цвета надо чередовать (один через один), то можно хакнуть mod_mainmenu, чтобы он присваивал пунктам меню, например класс menutableentry1 и menutableentry2 и для них задать стили в ксс.
     
  6. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    А еще можно взять модуль mod_mainmenu от Джустины
     
  7. -=phenix=-
    Offline

    -=phenix=- Недавно здесь

    Регистрация:
    01.09.2008
    Сообщения:
    64
    Симпатии:
    2
    Пол:
    Мужской
    Я поступаю другим способом (работаю с Joomla 1.5)
    Посмотрим как формируется меню
    <div id="menuTop">
    <ul class="menu">
    <li id="current" class="active item1"><a href=""><span>Главная</span></a></li>
    <li class="item2"><a href=""><span>О нас</span></a></li>
    </ul>
    </div>
    То есть каждый элемент меню получает свой класс - item№
    Типичный пример css для конкретного сайта у меня выглядит так:
    /*------------------------------ leftMenu ------------------------------*/
    #leftColumn li {display:block; border:1px solid #323237;}
    #leftColumn .menu a {font-weight:bold; font-size:1.2em; color:#FFFFFF; text-decoration:none; background:url(../images/bg/bg_menu_setka.gif) right no-repeat; display:block; height:20px; padding-left:3px;}
    #leftColumn .menu a:hover {font-weight:bold; color:#FFFF00; text-decoration:none; padding-left:5px;}
    #leftColumn li#current a {color:#FF0000; padding-left:15px; background:url(../images/bg/bg_menu_setka_hover.gif) right no-repeat;}

    Если есть необходимость достучаться до конкретного элемента - я использую структуру item№
    Примерно вот так - li.item4 {background:none;}

    вообще мне достаточно удобно работать с конструкциями div - ul - li - a - span - 5 возможностей к обрамлению - прчием 2 - конкретно в области ссылки
     
    _voland_ нравится это.
  8. Offline

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

    Регистрация:
    05.11.2008
    Сообщения:
    4
    Симпатии:
    0
    Fanamura, последовал Вашему совету. заменил модули. только все равно не понял, как пунктики сделать цветными. не подскажете?
     
  9. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    never_set_sail, ну так, переходим на закладку Уникальные классы, ставим отметку Уникальные стили для ссылок, сохраняем, идем на закладку "Помощь" и смотрим что и как делать :)
     
  10. Offline

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

    Регистрация:
    05.11.2008
    Сообщения:
    4
    Симпатии:
    0
    пардон, честно говоря не догоняю, где такая вкладка.. не "покажете"?
     

Поделиться этой страницей

Загрузка...