This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
styles [2009/07/28 18:45] celutp |
styles [2009/08/07 16:04] (current) alvin |
||
---|---|---|---|
Line 1: | Line 1: | ||
======Стили====== | ======Стили====== | ||
- | Стили и HTML-фрагменты предоставляют решение проблемы повторного использования элементов форматирования и упрощают задачу поддержания единого оформления сайта. | + | Стили и фрагменты HTML предоставляют решение проблемы повторного использования элементов форматирования и упрощают задачу поддержания единого оформления сайта. |
- | Стили QP7.Framework являются оболочкой над стилями CSS, предоставляя интегрированные способы создания, управления и использования сложных | + | Стили QP7 являются оболочкой над стилями CSS. Они могут быть использованы в визуальном редакторе в выпадающих списках **Стиль** и **Родительский Стиль**. |
- | стилей внутри сайта. Стили QP7 могут быть использованы в визуальном редакторе в выпадающих списках **Стиль** и **Родительский Стиль**. | + | |
- | HTML-фрагменты представляют собой HTML-код либо просто текст, который может быть вставлен в статью через визуальный редактор. | + | |
- | Они дают возможность редакторам добавлять повторяющиеся элементы, которые нужны в нескольких статьях, но которые по каким-то причинам нельзя вынести на уровень структуры в качестве отдельного поля. Вызываются с помощью кнопки Вставить шаблон кода. | + | |
- | Управление стилями осуществляется на уровне сайта в окне **Стили** (**Сайты / Название сайта / Стили**). Чтобы добавить новый стиль, нажмите кнопку **Новый стиль** в правом нижнем углу экрана. QP7 откроет окно **Новый стиль**. | + | Фрагменты HTML представляют собой HTML-код либо просто текст, который может быть вставлен в статью через визуальный редактор. |
+ | Они дают возможность редакторам добавлять повторяющиеся элементы, которые нужны в нескольких статьях, но их по каким-то причинам нельзя вынести на уровень структуры в качестве отдельного поля. Фрагменты HTML вызываются из визуального редактора с помощью кнопки **Вставить фрагмент HTML**. | ||
+ | Управление стилями и фрагментами HTML осуществляется на уровне сайта в окне **Стили** (**Сайты / Название сайта / Стили**). Чтобы добавить новый стиль или фрагмент, нажмите кнопку **Новый стиль** в правом нижнем углу экрана. QP7 откроет окно **Новый стиль**. | ||
+ | |||
+ | {{:style.gif|}} | ||
=====Управление стилями===== | =====Управление стилями===== | ||
- | После выбора переключателя **Стиль** отображаются следующие параметры: | + | После выбора переключателя **Стиль** отображаются следующие параметры (см. рисунок выше): |
***Способ использования**: | ***Способ использования**: | ||
- | ***Применить к родительскому тегу** - относительно текущего выделения/позиции курсора в визуальном редакторе будет найден ближайший родительский тег, указанный в поле **Применить к тегу**, и к нему уже будет применен стиль. Можно не задавать тег явно, а выбрать опцию **первый родитель**. | + | ***Применить к родительскому тегу** -- относительно текущего выделения/позиции курсора в визуальном редакторе будет найден ближайший родительский тег, указанный в поле **Применить к тегу**, и к нему уже будет применен стиль. Можно не задавать тег явно, а выбрать опцию **первый родитель**. |
- | ***Применить напрямую** - текущее выделение в визуальном редакторе обертывается в тег, указанный в поле **Применить к тегу**. | + | ***Применить напрямую** -- текущее выделение в визуальном редакторе обертывается в тег, указанный в поле **Применить к тегу**. |
- | + | ||
- | ***Название** – будет показано пользователю в визуальном редакторе. | + | |
- | ***Применить к тегу** - HTML-тег, к которому будет применен стиль. Конкретный режим работы зависит от поля **Способ использования**. | + | |
- | ***Класс** – CSS-класс, который будет задан у элемента, при применении к нему стиля QP7. Класс может быть выбран из списка классов глобального CSS, который должен быть предварительно настроен. ([[development:global|Настройка глобального CSS]]). | + | |
- | ***Атрибуты HTML** - стили QP7 расширяют стандартные стили CSS тем, что позволяют задавать у элементов необходимые HTML-атрибуты | + | |
- | ***Описание** – необязательное текстовое поле. Может содержать любые комментарии. | + | |
+ | ***Название** -- будет показано пользователю в визуальном редакторе. | ||
+ | ***Применить к тегу** -- HTML-тег, к которому будет применен стиль. Конкретный режим работы зависит от поля **Способ использования**. | ||
+ | ***Класс** -- CSS-класс, который будет задан у элемента, при применении к нему стиля QP7. Класс может быть выбран из списка классов глобального CSS, который должен быть предварительно настроен. ([[development:global|Настройка глобального CSS]]). | ||
+ | ***Атрибуты HTML** -- стили QP7 расширяют стандартные стили CSS тем, что позволяют задавать у элементов необходимые HTML-атрибуты | ||
+ | ***Описание** -- необязательное текстовое поле. Может содержать любые комментарии. | ||
=====Управление фрагментами HTML ===== | =====Управление фрагментами HTML ===== | ||
- | После выбора переключателя **Фрагмент HTML** отображаются следующие параметры: | + | {{new style snippet.png}} |
- | ***Название фрагмента** – имя, используемое для идентификации. | + | После выбора переключателя **Фрагмент HTML** отображаются следующие параметры: |
- | ***Код HTML** – код, который будет вставлен в выбранное место документа при использовании функциональности Вставить шаблона кода в визуальном редакторе. | + | |
- | ***Описание** – необязательное текстовое поле. Может содержать любые комментарии. | + | |
+ | ***Название фрагмента** -- имя, используемое для идентификации. | ||
+ | ***Код HTML** -- код, который будет вставлен в выбранное место документа при использовании функциональности **Вставить фрагмент HTML** в визуальном редакторе. | ||
+ | ***Описание** -- необязательное текстовое поле. Может содержать любые комментарии. |