======Стили======

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

Фрагменты HTML представляют собой HTML-код либо просто текст, который может быть вставлен в статью через визуальный редактор. 
Они дают возможность редакторам добавлять повторяющиеся элементы, которые нужны в нескольких статьях, но их по каким-то причинам нельзя вынести на уровень структуры в качестве отдельного поля. Фрагменты HTML вызываются из визуального редактора с помощью кнопки **Вставить фрагмент HTML**.

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

{{:style.gif|}}
=====Управление стилями=====

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

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

  ***Название** -- будет показано пользователю в визуальном редакторе.
  ***Применить к тегу** -- HTML-тег, к которому будет применен стиль. Конкретный режим работы зависит от поля **Способ использования**.
  ***Класс** -- CSS-класс, который будет задан у элемента, при применении к нему стиля QP7. Класс может быть выбран из списка классов глобального CSS, который должен быть предварительно настроен. ([[development:global|Настройка глобального CSS]]).
  ***Атрибуты HTML** -- стили QP7 расширяют стандартные стили CSS тем, что позволяют задавать у элементов необходимые HTML-атрибуты
  ***Описание** -- необязательное текстовое поле. Может содержать любые комментарии.
=====Управление фрагментами HTML =====

{{new style snippet.png}}

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

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