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: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** в визуальном редакторе.
 +  ***Описание** -- необязательное текстовое поле. Может содержать любые комментарии.
styles.1248795908.txt.gz · Last modified: 2009/07/28 18:45 by celutp