Интересует, как в меню сделать цветные пункты меню? Нужно сделать меню из 2ух цветов. Догадываюсь, что не через редактирование шаблона этого не сделаешь. Воспользоваться другими компонентами? Если так, то какими? Если кто сообщит, с помощью чего это можно сделать, опишите пожалуйста, КАК это сделать. А то я ни с чем сторонним никогда не работал. Спасибо.
есть такое занятие - править css причем, это тоже будет редактирование шаблона, что характерно условно - родительское меню parentmenu {color: red; } дочернее childmenu { color: green; } точнее смотри в css файле шаблона для определения стиля родительского и дочернего меню
вот проблема в том, что мне нужно чтобы разделение на цвета было не "родительский <> дочерний", а чтобы можно было "самому" цвет выбрать. планирую половину пунктов меню одного цвета, половину - другого.
выхода 3: 1) в случае, если вначале идет блок одного цвета, а затем другого: создать 2 модуля меню, каждому задать свой ccs-суффикс и прописать свой стиль со своим цветом; 2) можно поставить модуль extended menu, в нем есть возможность задать уникальный id для каждого пункта меню типа menuitem1, menuitem2 и так далее... потом для каждого пишется свой стиль в ксс. 3) если цвета надо чередовать (один через один), то можно хакнуть mod_mainmenu, чтобы он присваивал пунктам меню, например класс menutableentry1 и menutableentry2 и для них задать стили в ксс.
Я поступаю другим способом (работаю с 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 - конкретно в области ссылки
Fanamura, последовал Вашему совету. заменил модули. только все равно не понял, как пунктики сделать цветными. не подскажете?
never_set_sail, ну так, переходим на закладку Уникальные классы, ставим отметку Уникальные стили для ссылок, сохраняем, идем на закладку "Помощь" и смотрим что и как делать
