Как задать CSS-класс одного пункта меню? - Вопросы по CSS

Всем добрый день! В Joomla 1.6 в меню появилась такая вкладка "CSS-класс ссылки" Можно ли с её помощью задать конкретному пункту меню например красный цвет?
Вобщем задача состоит в том что есть пункт меню "Машины" и там подкатегории, и нужно одну марку выделить красным цветом! Возможно ли такое?

Машины
- BMW
- OPEL (выделить красным цветом)
- AUDI

Без правки кода или JS - нет. 

Без правки кода или JS - нет. 

Жаль( а не подскажешь как это можно реализовать с помощью JS или где почитать про это?

Нашёл решение, но не через меню " CSS класс ссылки" , а именно через CSS стиль меню который находится в папке шаблона, там надо руками каждому item меню прописать свой стиль и все)
подробнее здесь http://joomlaforum.ru/index.php?topic=120223.0

Нашёл решение, но не через меню " CSS класс ссылки" , а именно через CSS стиль меню который находится в папке шаблона, там надо руками каждому item меню прописать свой стиль и все)

Это не РЕШЕНИЕ.

Это КОСТЫЛЬ.

Это не РЕШЕНИЕ.

Это КОСТЫЛЬ.

Согласен! но это лучше чем ничего) Вопрос для чего нужна вкладка "CSS-класс ссылки" и как ей пользоваться остается актуальной...

в настройке пункта меню если возможность вписать класс без правок кода.

intcorp да, но потом надо вызвать этот параметр в выводе меню. Большинство клубных шаблонов с оверрайдом модулей, и разработчики часто плюют на некоторые опции.

у каждого пункта меню в режиме плоского списка (что вошел в стандарт с версии 1.5) есть уникальный класс, в чем проблема?

beliyadm, здесь (modules\mod_menu\tmpl\ или modules\mod_mainmenu\tmpl\) он есть, а здесь (templates\$template\html\mod_menu\default.php) его может и не быть, если шаблон клубный или вообще какой-нить левый. Для кого-то это видимо проблема.

beliyadm, здесь (modules\mod_menu\tmpl\ или modules\mod_mainmenu\tmpl\) он есть, а здесь (templates\$template\html\mod_menu\default.php) его может и не быть, если шаблон клубный или вообще какой-нить левый. Для кого-то это видимо проблема.

Да, факт, не подумал
ненавижу клубные шаблоны
проще сверстать самому, нежели разбирать все эти клубные и их подводные камни

Всем привет! Отвечаю на вопрос "Как задать CSS-класс одного пункта меню?".

Вариант 1. Простой

1. Открываем "Панель управления->Менеджер шаблонов";
2. Перед нами таблица (список) шаблонов. Переходим по ссылке в столбце "Шаблон" искомого шаблона;
3. Откроется шаблон, где будут представлены различные данные, разбитые по блокам. Нас интересует блок "Таблицы стилей";
4. Переходим по ссылке одного из стилей. У меня ссылка называется "Изменить css/template.css";
5. Добавляем нужный класс и сохраняем.


Вариант 2. Сложный
отличается от предыдущего только тем, что нужный нам класс\стиль мы выносим в свой личный, отдельный файл, дабы не вносить изменений в исходные css-файлы Joomla. Это для тех, кому покой только снится

Для этого нужно:
1. Выполнить вход по FTP-протоколу на сервер;
2. Открыть css-папку, из которго наш шаблон подтягивает все css-стили. У меня папка находится вот здесь: "/public_html/templates/my_template/css/" ;
3. Создаём там собственный css-файл. Но это не всё, к сожалению. Теперь нужно сделать так, чтобы наш шаблон видел этот файл, т.е. сделать include;
4. Входим в CMS. Там открываем "Панель управления->Менеджер шаблонов";
5. Переходим по ссылке в столбце "Шаблон" искомого шаблона;
6. Далее, в блоке "Основные файлы шаблона" переходим по ссылке "Изменить шаблон главной страницы";
7. И теперь наша задача аккуратно включить созданный css-файл по подобию того, как это сделано с другими css-файлами данного шаблона;
8. Лично у меня за включение css-файла отвечает строка: Но внимание! вначале найдите похожие строки в исходном коде, и только убедившись (7 раз отмерь) вставляйте свой код;
9. Сохраните. Теперь надо проверить всё ли корректно было сделано. Для этого перейдите на шаг назад, т.е. на карточу вашего шаблона. Там блоке "Таблицы стилей" должен появиться ваш файл. Если этого не произошло, значит ... что-то не так сделали на одном из шагов, описанных мною;
10. Если же всё ок, то можете перейти по ссылке добавленнома css-стиля и внести изменения.

Спасибо, пожалуйста.

Всё написанное сделано на Joomla  2.5.6

P.S. 5 лет программировал на C, C++ и Visual C++ . Сегодня, за 2 ч. узнал что такое CSS и вновь, на интуитивном уровне, разбирался с Joomla. Потратил время, но зато бесплатно)) Жертвуем временем, экономим деньги... Хотя это спорно)

За подробной мануал и потраченное время респект. Только он ни разу не по теме и задачу никак не решает .

Всё написанное сделано на Joomla  2.5.6
Громко сказано, ведь все шаблоны разные и оба варианта могут не подойти, например в моем шаблоне так не получится сделать, потому что файл template.css в принципе отсутствует.

ИМХО и оффтоп - никогда не видел дизайна, меню которого не решалось бы стандартным модулем меню, максимум с правкой шаблона модуля меню на уровне шаблона сайта.
Все остальное (клубные шаблоны, конфигураторы шаблонов и прочая галиматья) - от лукавого (ну или от лени)

Подниму тему, вновь расписываясь в своём невежестве, ну а что поделаешь.

http://mammamia-pizza.ru/index.php

Вверху есть меню. Как видно при исследовании элемента, за визуальный стиль отвечает файл mega.css.
Там же можно увидеть id каждого из пунктов - например, "Контакты" имеет запись <a href="/kontakty" class="mega" id="menu523" title="Контакты">
Открываю файл mega.css

Вижу код в самом начале:



Ну думаю, нашёл!

Добавляю свой.. и вот тут проблема. Я явно не могу понять, как упомянуть корректно конкретный id.
Вот так вот пробовал и слитно, и раздельно, и не помню уже как ещё. Не работает.

Помогите.

p.s: полный файл css

Спасибо огроменное!

Я сделал так (Joomla 3):

1. Узнаем ID пункта меню. (смотрим в менеджере меню, у каждого пункта есть уникальный ID)
В моём случае это «1446»

2. Добавляем нужный класс и стили в CSS
В моём случае это:


3. В админке в нужном пункте меню в поле «CSS-класс ссылки» пишем «item-1446»

Если не получается, то можно так попробовать:

1. Узнаем ID пункта меню.

2. Смотрим, как он выводится в HTML-разметке
В моём случае это


3. Добавляем нужный класс и стили в CSS
В моём случае это:


4. В админке в нужном пункте меню в поле «CSS-класс ссылки» пишем «item-1446»

Профит

addrss - почти некропост, но вы не читали тему
Это все стандартно, если шаблон клубный или переопределен вывод модуля меню на уровне шаблона - этих классов может и не быть