Joomla 2.5 Выделение пунктов меню цветом

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by freelancer2x2, Oct 20, 2014.

  1. freelancer2x2
    Offline

    freelancer2x2 Тариф: Спонсор ⇒ Спонсор форума ⇐

    Joined:
    Dec 21, 2012
    Messages:
    268
    Likes Received:
    7
    Gender:
    Male
    Подскажите пожалуйста, как можно выделить некоторые пункты из меню другим цветом? При этом необходимо, чтобы остальные пункты были стандартным цветом, как есть сейчас.
    На примере:
    Хочу выделить подчеркнутые пункты зеленым цветом
    kiss_11kb.1413800320.jpg
    Подозреваю, что делается это в пункте меню, вкладка "параметры отображения ссылки", - "CSS-класс ссылки". Но как там прописать, чтобы данный пункт сменил цвет? В Css плохо разбираюсь.
    Поисковики говорят, что можно править в стилях шаблона. Но это сложно. Можно ли решить вопрос, если вписать параметры отображения ссылки?
     
    freelancer2x2, Oct 20, 2014
    #1

  2. Ads Master

     
  3. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    нужна ссылка на сайт
     
    CB9T, Oct 22, 2014
    #2
  4. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Ну, если это меню, созданное через стандартный модуль Joomla (mod_menu), то у каждого пункта меню должен быть свой ID.
    Просто вешаете в файле стилей стиль с color: green; и всё.
    Если не знаешь как найти файл стилей, который подключён к странице - смотри видос у меня в подписи...
     
    AKopytenko, Oct 22, 2014
    #3
    pam9467 likes this.
  5. freelancer2x2
    Offline

    freelancer2x2 Тариф: Спонсор ⇒ Спонсор форума ⇐

    Joined:
    Dec 21, 2012
    Messages:
    268
    Likes Received:
    7
    Gender:
    Male
    Вот он
    Пункт остался только один "Консультация юриста"
    Его надо выделить цветом.
    --- добавлено: Oct 26, 2014, первое сообщение размещено: Oct 26, 2014 ---
    Да, это мод-меню, ID посмотрел, полез в папки шаблона, но где найти файл стилей, который надо править? Их там много. Поискал по ID в template.css, menu.css, layout.css, typography.style3.css, но там ID пункта меню не упоминается. Где еще можно посмотреть файл?
    Видос оказался для меня сложноват :(
     
    freelancer2x2, Oct 26, 2014
    #4
  6. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Код (css):
    1. .item-268 a {color: red}

    В template.css в конец допишите
     
    CB9T, Oct 26, 2014
    #5
  7. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Ты до конца дочитал моё предыдущее сообщение?? "Если не знаешь как найти файл стилей ...."
     
    AKopytenko, Oct 27, 2014
    #6
  8. freelancer2x2
    Offline

    freelancer2x2 Тариф: Спонсор ⇒ Спонсор форума ⇐

    Joined:
    Dec 21, 2012
    Messages:
    268
    Likes Received:
    7
    Gender:
    Male
    Не получилось... Я правильно вписал?
    kiss_75kb.1414430451.jpg
    Да, файербаг не могу осилить. Работа со стилями у меня туго идет совсем.
     
    freelancer2x2, Oct 27, 2014
    #7
  9. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Нужно сделать усилие, преодолевай!))
    У тебя не получится нормально верстать страницы, если ты не научишься пользоваться инспекторами кода!
     
    AKopytenko, Oct 28, 2014
    #8
    freelancer2x2 likes this.
  10. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Код (CODE):
    1. #gkTopMenu2 .menu li:nth-child(6) a {color:red;}

    Код (CODE):
    1. #gkTopMenu2 .menu li:last-child a {color:red;}
     
    OlegK, Oct 28, 2014
    #9
    freelancer2x2 likes this.
  11. freelancer2x2
    Offline

    freelancer2x2 Тариф: Спонсор ⇒ Спонсор форума ⇐

    Joined:
    Dec 21, 2012
    Messages:
    268
    Likes Received:
    7
    Gender:
    Male
    По первому варианту получилось! Спасибо.
    kiss_2kb.1414489967.jpg
    Сделал зеленым.
    Все же надо выкроить время и коды надо осваивать, пригодится и не раз. За столько лет работы с J по идее - уже должен сам писать их с закрытыми глазами и консультировать. Стыдно, да:(
     
    freelancer2x2, Oct 28, 2014
    #10
  12. Offline

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

    Joined:
    Feb 3, 2012
    Messages:
    7
    Likes Received:
    1
    Gender:
    Male
    Задал CSS класс ссылки цвет прописал. а оно никак не хочет меняться. Главное когда пункт не первым стоит а вторым и далее, все цвет меняет. только в первой позиции не меняет. Кто может поможет obes.kz пункт меню ПОДАТЬ ОБЪЯВЛЕНИЕ
     
    anoorik, Mar 2, 2017
    #11
  13. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Код (CODE):
    1. .item103 span.yjm_title {
    2.     color: red;
    3.     font-weight: bold;
    4. }
     
    CB9T, Mar 2, 2017
    #12
    anoorik likes this.
  14. Offline

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

    Joined:
    Feb 3, 2012
    Messages:
    7
    Likes Received:
    1
    Gender:
    Male
    Не понял конечно код, надо поменять по шире (захватить). а как быть с тем что я прописал в настройках меню имею ввиду css класс
     
    anoorik, Mar 2, 2017
    #13
  15. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Что захватить? мой код красит пункт
     
    CB9T, Mar 2, 2017
    #14
  16. Offline

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

    Joined:
    Feb 3, 2012
    Messages:
    7
    Likes Received:
    1
    Gender:
    Male
    пункт по шире захватить. Фон
    --- добавлено: Mar 2, 2017, первое сообщение размещено: Mar 2, 2017 ---
    CB9T Спасибо за наводку. Не пойму только почему игнорировался прописанный в меню класс
     
    anoorik, Mar 2, 2017
    #15
  17. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Код (CODE):
    1. .item103 a.yjanchor.firstramka {
    2.     background: rebeccapurple;
    3.     color: #fff;
    4. }


    0_ab901_1edd3cfc_orig.png
     
    CB9T, Mar 2, 2017
    #16
    anoorik likes this.
< Некорректное отображение кнопки мобильного меню | шрифт в шаблоне B&W >

Share This Page

Loading...