Joomla 1.5 Именение одного пункта в меню

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Nick_xp, 02.09.2010.

  1. Offline

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

    Регистрация:
    23.02.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Доброго времени суток, есть следующая проблема в вершнем выподающем меню необходимо, не которые пункты, выделить цветом. И у меня както не получается, вот кусок кода
    Код (html):
    1. <ul class="art-menu"><li id="current" class="active item18"><a href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=18" class="active"><span class="l"> </span><span class="r"> </span><span class="t">главная</span></a></li><li class="parent item2"><a><span class="l"> </span><span class="r"> </span><span class="t">фотографии</span></a><ul><li class="item7"><a>ПРОЕКТЫ</a></li><li class="item11"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=3&amp;Itemid=11">- Моя семья</a></li><li class="item12"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=4&amp;Itemid=12">- Комнаты</a></li><li class="item13"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=5&amp;Itemid=13">- Игроки</a></li><li class="item14"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=6&amp;Itemid=14">- Нулевая фотография</a></li><li class="item15"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=7&amp;Itemid=15">- Dress and naked face of my wife</a></li><li class="item8"><a>СИНГЛЫ</a></li><li class="item20"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=8&amp;Itemid=20">- Стрит-фото</a></li><li class="item21"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=12&amp;Itemid=21">- Разное</a></li><li class="item9"><a>КОММЕРЧЕСКИЕ РАБОТЫ</a></li><li class="item10"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=9&amp;Itemid=10">- Свадьбы</a></li><li class="item17"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=11&amp;Itemid=17">- Фотосессии</a></li><li class="item16"><a href="/index.php?option=com_igallery&amp;view=gallery&amp;id=10&amp;Itemid=16">- Пресс-фото</a></li></ul></li><li class="item19"><a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=19"><span class="l"> </span><span class="r"> </span><span class="t">медиа</span></a></li><li class="item4"><a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=4"><span class="l"> </span><span class="r"> </span><span class="t">био</span></a></li><li class="item6"><a href="/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=6"><span class="l"> </span><span class="r">
    2.  </span><span class="t">контакты</span></a></li></ul></div>

    допусти мы хоти поменять под меню проекты значит берем идем в фаял css итам создаем
    Код (html):
    1. .item7 a, .item7 a:link, .item7 a:visited, .item7 a:hover,.item7 a:active
    2. {
    3.  color: red;
    4. }

    или же там можно к примеру
    Код (html):
    1. li.item7 a
    2. {
    3.   color: red;
    4.  
    5.  
    6. }

    и в том же духе, только ни чего не меняется почему то как решить не знаю.
    А если данная тема понималась пожалуйста бросьте линк, т.к. мне нужное я в поиске не нашел
    да еще вот код который овечает за общий внешние вид
    Код (html):
    1. .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav
    2.  
    3. ul.art-menu ul span span
    4. {
    5.   text-align: left;
    6.   text-indent: 12px;
    7.   text-decoration: none;
    8.   line-height: 26px;
    9.   color: #000000;
    10.   margin-right: 10px;
    11.   margin-left: 10px;
    12.   font-size: 11px;
    13.   margin:0;
    14.   padding:0;
    15. }

    и вот
    Код (html):
    1. .art-menu ul a
    2. {
    3.   display: block;
    4.   text-align: center;
    5.   white-space: nowrap;
    6.   height: 26px;
    7.   width: 215px;
    8.   overflow: hidden;
    9.   line-height: 26px;
    10.   background-image: url('../images/subitem.png');
    11.   background-position: left top;
    12.   background-repeat: repeat-x;
    13.   border-width: 0;
    14.   border-style: solid;
    15. }
     
  2.  
  3. woojin
    Offline

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

    Регистрация:
    31.05.2009
    Сообщения:
    3 209
    Симпатии:
    335
    Пол:
    Мужской
    а что именно надо менять?
    должен изменится цвет активного пункта меню или вообще несколько пунктов должны быть другого цвета?
     
  4. Offline

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

    Регистрация:
    23.02.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    В принцыпе стоит вопрос изменить цвет для item7 для начала, а там по оброзу и подобию дальше сам все пойму
     
  5. woojin
    Offline

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

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

    тогда что делать будешь?
     
  6. stranik
    Offline

    stranik специалист

    Регистрация:
    03.12.2008
    Сообщения:
    548
    Симпатии:
    36
    Пол:
    Мужской
    li.item7 a SPAN
    {
    color: red;


    }
    li.item7 a:hover SPAN
    {
    color: red;


    }
    Попробуй так
     
  7. Offline

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

    Регистрация:
    23.02.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    ну к счастью удолять ни кто не будет, а надо за тем чтобы выделить один из пунктов меню другим отличающимся цветом.
    конечно это хорошо что моя проблема интересует, но хотелось бы реальных предложений... :[


    спасибо, завтра с утра попробую, просто нет подрукой сайта. сразу отпишусь
     
  8. Offline

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

    Регистрация:
    23.02.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    ну все разобрался, вот такая конструкция работает, правда пока не понял почему именно так
    Код (html):
    1. .art-menu ul li.item7:hover>a
    2. {
    3.   color: red;
    4.  
    5. }
     

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

Загрузка...