Статьи

Как изменить оформление блога Joomla

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

 

Шаг 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.

  • Hits: 4932