User Tools

Site Tools


styles

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
styles [2009/07/28 18:17]
celutp
styles [2009/08/07 16:04] (current)
alvin
Line 1: Line 1:
 ======Стили====== ======Стили======
  
-Стили и шаблоны кода ​предоставляют решение проблемы повторного использования элементов форматирования и упрощают задачу поддержания единого оформления сайта. +Стили и фрагменты HTML предоставляют решение проблемы повторного использования элементов форматирования и упрощают задачу поддержания единого оформления сайта. 
-Стили ​**QP7.Framework** ​являются оболочкой над стилями ​**CSS**, предоставляя интегрированные способы создания,​ управления и использования сложных  +Стили QP7 являются оболочкой над стилями CSS. Они могут быть использованы в визуальном редакторе в выпадающих списках **Стиль** и **Родительский Стиль**.
-стилей внутри сайта. Стили QP7 могут быть использованы в визуальном редакторе в выпадающих списках **Стиль** и **Родительский Стиль**+
-Шаблоны кода представляют собой фрагменты 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 =====
  
-После выбора переключателя **Шаблон кода** отображаются следующие параметры:​+{{new style snippet.png}}
  
-  ***Название шаблон** – имя, используемое для идентификации . +После выбора переключателя **Фрагмент HTML** отображаются следующие параметры:
-  ***Код HTML** – код, который будет вставлен в выбранное место документа при использовании функциональности Вставить шаблона кода в визуальном редакторе. +
-  ​***Описание** – необязательное текстовое поле. Может содержать любые комментарии.+
  
 +  ***Название фрагмента** -- имя, используемое для идентификации.
 +  ***Код HTML** -- код, который будет вставлен в выбранное место документа при использовании функциональности **Вставить фрагмент HTML** в визуальном редакторе.
 +  ***Описание** -- необязательное текстовое поле. Может содержать любые комментарии.
styles.1248794277.txt.gz · Last modified: 2009/07/28 18:17 (external edit)