Как поменять цвет под меню 2-го уровня

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем grin32, 14.07.2010.

  1. Offline

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

    Регистрация:
    14.07.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите пожалуйста как можно через css поменять цвет под меню 2-го уровня!!! Вот изображение
    [​IMG]
     
  2.  
  3. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Дайте html и css меню, тогда вам скажут :)

    В общем и целом, если это меню построено на простом списке, например вот так:
    Код (CODE):
    1. <ul id="menu-left">
    2. <li>Пункт 1</li>
    3. <li>Пункт 2
    4.    <ul>
    5.    <li>Пункт 2.1
    6.       <ul>
    7.       <li>Пункт 2.1.1</li>
    8.       <li>Пункт 2.1.2</li>
    9.       </ul>
    10.    </li>
    11.    <li>Пункт 2.2</li>
    12.    </ul>
    13. </li>
    14. ...
    15. </ul>


    Тогда в css вам нужно задать:
    Код (CODE):
    1. ul#menu-left ul ul {color:#xxxxxx}

    где xxxxxx - желаемый вами цвет в hex-формате.
     
  4. woojin
    Offline

    woojin Местный Команда форума

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    я сей час сам над этим работаю, сделаю отпишусь....

    не успел :(
     
  5. Offline

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

    Регистрация:
    14.07.2010
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Нет меню представлено по другому через модуль mainmenu:

    Код (CODE):
    1. <table width="100%" border="0" cellpadding="0" cellspacing="0">
    2. <tr align="left"><td><a href="http://lgr74.ru/o-kompanii/o-kompanii-2.html" class="mainlevel" >О компании</a></td></tr>
    3. <tr align="left"><td><a href="http://lgr74.ru/reklama/3.html" class="mainlevel" >Реклама</a>
    4.  
    5. <div style="padding-left: 4px"><a href="http://lgr74.ru/promoaktsii-/2.html" class="sublevel" >BTL, Промоакции</a>
    6.  
    7. <div style="padding-left: 8px"><a href="http://lgr74.ru/kreativnyie-aktsii/" class="sublevel" id="active_menu">креативные акции</a></div>
    8. <div style="padding-left: 8px"><a href="http://lgr74.ru/degustatsiya-i-sempling/" class="sublevel" >дегустация и семплинг</a></div>
    9. <div style="padding-left: 8px"><a href="http://lgr74.ru/podarok-za-pokupku-/2.html" class="sublevel" >подарок за покупку</a></div>
    10. <div style="padding-left: 8px"><a href="http://lgr74.ru/razdacha-listovok/2.html" class="sublevel" >раздача листовок</a></div>
    11. <div style="padding-left: 8px"><a href="http://lgr74.ru/rabota-na-vyistavkah/2.html" class="sublevel" >работа на выставках</a></div>
    12. <div style="padding-left: 8px"><a href="http://lgr74.ru/prays-list-na-uslugi/2.html" class="sublevel" >прайс лист на промоакции</a></div>
    13. </div>
    14. <div style="padding-left: 4px"><a href="http://lgr74.ru/special-events/" class="sublevel" >Special Events</a></div>
    15. <div style="padding-left: 4px"><a href="http://lgr74.ru/direct-mail-rassyilka/" class="sublevel" >Direct-mail, рассылка</a></div>
    16. <div style="padding-left: 4px"><a href="http://lgr74.ru/dizayn-i-poligrafiya/2.html" class="sublevel" >Дизайн и Полиграфия</a></div>
    17. <div style="padding-left: 4px"><a href="http://lgr74.ru/aksessuaryi-s-logotipom/" class="sublevel" >Аксессуары с логотипом</a></div>
    18. <div style="padding-left: 4px"><a href="http://lgr74.ru/naruzhnaya-reklama/2.html" class="sublevel" >Наружная реклама</a></div>
    19. <div style="padding-left: 4px"><a href="http://lgr74.ru/razmeschenie-reklamyi/2.html" class="sublevel" >Размещение рекламы</a></div>
    20. </td></tr>
    21. <tr align="left"><td><a href="http://lgr74.ru/pr/2.html" class="mainlevel" >PR</a></td></tr>
    22. <tr align="left"><td><a href="http://lgr74.ru/prazdniki/2.html" class="mainlevel" >Праздники</a></td></tr>
    23. <tr align="left"><td><a href="http://lgr74.ru/forum/116.html" class="mainlevel" >Форум</a></td></tr>
    24. <tr align="left"><td><a href="http://lgr74.ru/kontaktyi/administratsiya/yarik-3.html" class="mainlevel" >Контакты</a></td></tr>
    25. </table>            </td>


    Здесь есть два класса mainlevel и sublevel Я так и красил в css эти пункты меню, а возможно как-то добавить ещё один например sublevel2 и так же прописать сss его параметры.
     
    Последнее редактирование: 14.07.2010
  6. Jkr
    Offline

    Jkr Russian Joomla! Team

    Регистрация:
    04.08.2006
    Сообщения:
    465
    Симпатии:
    27
    Пол:
    Мужской
    Возможно. Через хак mod_mainmenu. Ищите строки отвечающие за разный уровень вложенности: они будут отличаться отступом (indent), который задается для <div>.
     

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

Загрузка...