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

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем freelancer2x2, 20.10.2014.

  1. freelancer2x2
    Offline

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

    Регистрация:
    21.12.2012
    Сообщения:
    268
    Симпатии:
    7
    Пол:
    Мужской
    Подскажите пожалуйста, как можно выделить некоторые пункты из меню другим цветом? При этом необходимо, чтобы остальные пункты были стандартным цветом, как есть сейчас.
    На примере:
    Хочу выделить подчеркнутые пункты зеленым цветом
    kiss_11kb.1413800320.jpg
    Подозреваю, что делается это в пункте меню, вкладка "параметры отображения ссылки", - "CSS-класс ссылки". Но как там прописать, чтобы данный пункт сменил цвет? В Css плохо разбираюсь.
    Поисковики говорят, что можно править в стилях шаблона. Но это сложно. Можно ли решить вопрос, если вписать параметры отображения ссылки?
     
  2.  
  3. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 501
    Симпатии:
    312
    Пол:
    Мужской
  4. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 862
    Симпатии:
    163
    Пол:
    Мужской
    Ну, если это меню, созданное через стандартный модуль Joomla (mod_menu), то у каждого пункта меню должен быть свой ID.
    Просто вешаете в файле стилей стиль с color: green; и всё.
    Если не знаешь как найти файл стилей, который подключён к странице - смотри видос у меня в подписи...
     
    pam9467 нравится это.
  5. freelancer2x2
    Offline

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

    Регистрация:
    21.12.2012
    Сообщения:
    268
    Симпатии:
    7
    Пол:
    Мужской
    Вот он
    Пункт остался только один "Консультация юриста"
    Его надо выделить цветом.
    --- добавлено: 26.10.2014, первое сообщение размещено: 26.10.2014 ---
    Да, это мод-меню, ID посмотрел, полез в папки шаблона, но где найти файл стилей, который надо править? Их там много. Поискал по ID в template.css, menu.css, layout.css, typography.style3.css, но там ID пункта меню не упоминается. Где еще можно посмотреть файл?
    Видос оказался для меня сложноват :(
     
  6. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 501
    Симпатии:
    312
    Пол:
    Мужской
  7. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 862
    Симпатии:
    163
    Пол:
    Мужской
    Ты до конца дочитал моё предыдущее сообщение?? "Если не знаешь как найти файл стилей ...."
     
  8. freelancer2x2
    Offline

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

    Регистрация:
    21.12.2012
    Сообщения:
    268
    Симпатии:
    7
    Пол:
    Мужской
    Не получилось... Я правильно вписал?
    kiss_75kb.1414430451.jpg
    Да, файербаг не могу осилить. Работа со стилями у меня туго идет совсем.
     
  9. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 862
    Симпатии:
    163
    Пол:
    Мужской
    Нужно сделать усилие, преодолевай!))
    У тебя не получится нормально верстать страницы, если ты не научишься пользоваться инспекторами кода!
     
    freelancer2x2 нравится это.
  10. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 414
    Симпатии:
    574
    Пол:
    Мужской
    Код (CODE):
    1. #gkTopMenu2 .menu li:nth-child(6) a {color:red;}

    Код (CODE):
    1. #gkTopMenu2 .menu li:last-child a {color:red;}
     
    freelancer2x2 нравится это.
  11. freelancer2x2
    Offline

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

    Регистрация:
    21.12.2012
    Сообщения:
    268
    Симпатии:
    7
    Пол:
    Мужской
    По первому варианту получилось! Спасибо.
    kiss_2kb.1414489967.jpg
    Сделал зеленым.
    Все же надо выкроить время и коды надо осваивать, пригодится и не раз. За столько лет работы с J по идее - уже должен сам писать их с закрытыми глазами и консультировать. Стыдно, да:(
     
  12. Offline

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

    Регистрация:
    03.02.2012
    Сообщения:
    7
    Симпатии:
    1
    Пол:
    Мужской
    Задал CSS класс ссылки цвет прописал. а оно никак не хочет меняться. Главное когда пункт не первым стоит а вторым и далее, все цвет меняет. только в первой позиции не меняет. Кто может поможет obes.kz пункт меню ПОДАТЬ ОБЪЯВЛЕНИЕ
     
  13. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 501
    Симпатии:
    312
    Пол:
    Мужской
    Код (CODE):
    1. .item103 span.yjm_title {
    2.     color: red;
    3.     font-weight: bold;
    4. }
     
    anoorik нравится это.
  14. Offline

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

    Регистрация:
    03.02.2012
    Сообщения:
    7
    Симпатии:
    1
    Пол:
    Мужской
    Не понял конечно код, надо поменять по шире (захватить). а как быть с тем что я прописал в настройках меню имею ввиду css класс
     
  15. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 501
    Симпатии:
    312
    Пол:
    Мужской
    Что захватить? мой код красит пункт
     
  16. Offline

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

    Регистрация:
    03.02.2012
    Сообщения:
    7
    Симпатии:
    1
    Пол:
    Мужской
    пункт по шире захватить. Фон
    --- добавлено: 02.03.2017, первое сообщение размещено: 02.03.2017 ---
    CB9T Спасибо за наводку. Не пойму только почему игнорировался прописанный в меню класс
     
  17. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 501
    Симпатии:
    312
    Пол:
    Мужской
    Код (CODE):
    1. .item103 a.yjanchor.firstramka {
    2.     background: rebeccapurple;
    3.     color: #fff;
    4. }


    0_ab901_1edd3cfc_orig.png
     
    anoorik нравится это.

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

Загрузка...