Стили и шаблоны кода предоставляют решение проблемы повторного использования элементов форматирования и упрощают задачу поддержания единого оформления сайта. Стили QP7.Framework являются оболочкой над стилями CSS, предоставляя интегрированные способы создания, управления и использования сложных стилей внутри сайта. Стили QP7 могут быть использованы в визуальном редакторе в выпадающих списках Стиль и Родительский Стиль. Шаблоны кода представляют собой фрагменты HTML-кода либо текста, которые могут быть вставлены в контент через визуальный редактор. Они дают возможность добавлять элементы страниц или текста, которые нужны в нескольких статьях, но которые по каким-то причинам нельзя вынести на уровень структуры в качестве отдельного поля. Они могут быть использованы в визуальном редакторе с помощью кнопки Вставить шаблон кода.

Стили управляются на уровне сайта в окне Стили (Сайты/Название сайта/Стили). Чтобы добавить новый стиль, нажмите кнопку Новый стиль в правом нижнем углу экрана. QP7 откроет окно Новый стиль.

После выбора переключателя Стиль отображаются следующие параметры:

• Способ использования
  • Применить к родительскому тегу - относительно текущего выделения/позиции курсора в визуальном редакторе будет найден ближайший родительский тег, указанный в поле Применить к тегу, и к нему уже будет применен стиль. Можно не задавать тег явно, а выбрать опцию первый родитель.
  • Применить напрямую - текущее выделение в визуальном редакторе обертывается в тег, указанный в поле Применить к тегу

• Название – будет показано пользователю в визуальном редакторе
• Применить к тегу - HTML-тег, к которому будет применен стиль. Конкретный режим работы зависит от поля Способ использования
• Класс – CSS-класс, который будет задан у элемента, при применении к нему стиля QP7. Класс может быть выбран из списка классов глобального CSS, который должен быть предварительно настроен (Настройка глобального CSS)
• Атрибуты HTML - стили QP7 расширяют стандартные стили CSS тем, что позволяют задавать у элементов необходимые HTML-атрибуты
• Описание – необязательное текстовое поле. Может содержать любые комментарии.

После выбора переключателя Шаблон кода отображаются следующие параметры:

• Название шаблон – имя, используемое для идентификации .
• Код HTML – код, который будет вставлен в выбранное место документа при использовании функциональности Вставить шаблона кода в визуальном редакторе.
• Описание – необязательное текстовое поле. Может содержать любые комментарии.