Статьи

Изменение оформления блока

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

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

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

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

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

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

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

     

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

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

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

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

  • Hits: 3392