В предыдущей статье мы рассказывали об альтернативном оформлении модулей. С модулями мы тогда разобрались, но что делать, если необходимо изменить оформление заголовков материалов главной страницы, не затрагивая при этом оформления остальных блогов? Конечно, можно решить эту задачу с использованием нескольких шаблонов, но намного проще снова применить альтернативные стили.
Шаг 1. Создаем альтернативные стили оформления
- В файле css шаблона находим класс contentheading. Допустим он выглядит у вас так:
.contentheading {
lfont-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #663300;
} - Копируем его и добавляем суффикс (например -alt).
Важно: суффикс может быть любым, главное, чтоб он был прописан латинскими буквами через дефис или подчеркивание (для того, чтоб вы сами не потом путались)..contentheading-alt {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF3300;
} - Сохраняем измененный файл
В классе с суффиксом -alt мы заменили цвет текста с оранжево-красного на коричневый.
Шаг 2. Назначаем альтернативное оформление странице
Теперь давайте назначим созданный альтернативный стиль главной странице сайта.
- Авторизуемся в административной панели Джумла
- Выбираем пункт меню Меню->mainmenu (Menus->mainmenu)
- Выбираем пункт меню Главная и нажимаем кнопку «Изменить» (Edit)
- В качестве значения параметра Суффикс класса CSS (Page Class Suffix) указываем -alt (именно так, начиная с дефиса)
- Нажимаем кнопку «Сохранить»
Таким образом можно изменить оформление любой страницы сайта, которая поддерживает суффиксы классов. Количество альтернативных стилей может быть неограниченным. Главное, потом не запутайтесь в суффиксах и собственном css.
