В предыдущей статье мы рассказывали об альтернативном оформлении модулей. С модулями мы тогда разобрались, но что делать, если необходимо изменить оформление заголовков материалов главной страницы, не затрагивая при этом оформления остальных блогов? Конечно, можно решить эту задачу с использованием нескольких шаблонов, но намного проще снова применить альтернативные стили.

Шаг 1. Создаем альтернативные стили оформления

1. В файле css шаблона находим класс contentheading. Допустим он выглядит у вас так:

   .contentheading {
   lfont-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #663300;
   }

2. Копируем его и добавляем суффикс (например -alt).
   
   Важно: суффикс может быть любым, главное, чтоб он был прописан латинскими буквами через дефис или подчеркивание (для того, чтоб вы сами не потом путались).

   .contentheading-alt {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #FF3300;
   }

3. Сохраняем измененный файл

В классе с суффиксом -alt мы заменили цвет текста с оранжево-красного на коричневый.

Шаг 2. Назначаем альтернативное оформление странице

Теперь давайте назначим созданный альтернативный стиль главной странице сайта.

1. Авторизуемся в административной панели Джумла
2. Выбираем пункт меню Меню->mainmenu (Menus->mainmenu)
3. Выбираем пункт меню Главная и нажимаем кнопку «Изменить» (Edit)
4. В качестве значения параметра Суффикс класса CSS (Page Class Suffix) указываем -alt (именно так, начиная с дефиса)
5. Нажимаем кнопку «Сохранить»

Таким образом можно изменить оформление любой страницы сайта, которая поддерживает суффиксы классов. Количество альтернативных стилей может быть неограниченным. Главное, потом не запутайтесь в суффиксах и собственном css.