This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
styles [2009/07/22 17:32] alvin created |
styles [2009/08/07 16:04] (current) alvin |
||
---|---|---|---|
Line 1: | Line 1: | ||
======Стили====== | ======Стили====== | ||
- | Стили и фрагменты дают простой способ to address repetitive formatting issues, and offer a means for promoting consistency across a site. | + | Стили и фрагменты HTML предоставляют решение проблемы повторного использования элементов форматирования и упрощают задачу поддержания единого оформления сайта. |
- | Стили являются применением стандарта CSS в QP7.Framework предоставляя интегрированные способы создания, управления и использования сложных стилей внутри сайта. Стили могут быть использованы внутри шаблонов и компонентов шаблонов либо через устройства CSS/style в визуальном редакторе. | + | Стили QP7 являются оболочкой над стилями CSS. Они могут быть использованы в визуальном редакторе в выпадающих списках **Стиль** и **Родительский Стиль**. |
- | Фрагменты представляют собой фрагменты кода либо текста, которые могут быть вставлены в контент через визуальный редактор. Они дают возможность добавлять элементы страниц или текста, которые нужны в одной или более статьях, но не во внутреннем контенте. | + | |
+ | Фрагменты HTML представляют собой HTML-код либо просто текст, который может быть вставлен в статью через визуальный редактор. | ||
+ | Они дают возможность редакторам добавлять повторяющиеся элементы, которые нужны в нескольких статьях, но их по каким-то причинам нельзя вынести на уровень структуры в качестве отдельного поля. Фрагменты HTML вызываются из визуального редактора с помощью кнопки **Вставить фрагмент HTML**. | ||
+ | |||
+ | Управление стилями и фрагментами HTML осуществляется на уровне сайта в окне **Стили** (**Сайты / Название сайта / Стили**). Чтобы добавить новый стиль или фрагмент, нажмите кнопку **Новый стиль** в правом нижнем углу экрана. QP7 откроет окно **Новый стиль**. | ||
+ | |||
+ | {{:style.gif|}} | ||
=====Управление стилями===== | =====Управление стилями===== | ||
+ | После выбора переключателя **Стиль** отображаются следующие параметры (см. рисунок выше): | ||
- | Стили управляются на уровне сайта в окне Стили (Сайты/Название сайта/Стили). Чтобы добавить новый стиль, нажмите кнопку Новый стиль в правом нижнем углу экрана. QP7 откроет окно Новый стиль. | + | ***Способ использования**: |
- | После выбора переключателя Стиль отображаются следующие параметры:\\ | + | ***Применить к родительскому тегу** -- относительно текущего выделения/позиции курсора в визуальном редакторе будет найден ближайший родительский тег, указанный в поле **Применить к тегу**, и к нему уже будет применен стиль. Можно не задавать тег явно, а выбрать опцию **первый родитель**. |
- | Способ использования -\\ | + | ***Применить напрямую** -- текущее выделение в визуальном редакторе обертывается в тег, указанный в поле **Применить к тегу**. |
- | Название – Идентификатор стиля\\ | + | |
- | Применить к тегу - Used only for the Style type. The HTML tag to which this style will apply, chosen from a drop-down list box.\\ | + | |
- | Класс – Поле содержит класс для которого применяется стиль.\\ | + | |
- | HTML атрибуты -XX\\ | + | |
- | Описание – Опциональное текстовое поле. Может содержать любые комментарии.\\ | + | |
- | =====Управление фрагментами кода===== | + | ***Название** -- будет показано пользователю в визуальном редакторе. |
+ | ***Применить к тегу** -- HTML-тег, к которому будет применен стиль. Конкретный режим работы зависит от поля **Способ использования**. | ||
+ | ***Класс** -- CSS-класс, который будет задан у элемента, при применении к нему стиля QP7. Класс может быть выбран из списка классов глобального CSS, который должен быть предварительно настроен. ([[development:global|Настройка глобального CSS]]). | ||
+ | ***Атрибуты HTML** -- стили QP7 расширяют стандартные стили CSS тем, что позволяют задавать у элементов необходимые HTML-атрибуты | ||
+ | ***Описание** -- необязательное текстовое поле. Может содержать любые комментарии. | ||
+ | =====Управление фрагментами HTML ===== | ||
- | Стили управляются на уровне сайта в окне Стили (Сайты/Название сайта/Стили). Чтобы добавить новый стиль, нажмите кнопку Новый стиль в правом нижнем углу экрана. QP7 откроет окно Новый стиль. | + | {{new style snippet.png}} |
- | После выбора переключателя Фрагмент кода отображаются следующие параметры | + | |
- | Название фрагмента – Имя, используемое для идентификации .\\ | + | После выбора переключателя **Фрагмент HTML** отображаются следующие параметры: |
- | Код HTML – Поле для ввода HTML кода, который будет определять дизайн стиля.\\ | + | |
- | Описание – Опциональное текстовое поле. Может содержать любые комментарии.\\ | + | |
+ | ***Название фрагмента** -- имя, используемое для идентификации. | ||
+ | ***Код HTML** -- код, который будет вставлен в выбранное место документа при использовании функциональности **Вставить фрагмент HTML** в визуальном редакторе. | ||
+ | ***Описание** -- необязательное текстовое поле. Может содержать любые комментарии. |