Scroll

Объекты

В шаблонах Flash Moto CMS есть большое количество самых разных объектов - от текстовых блоков или изображений и до сложных виджетов. Условно объекты делятся на три типа:

1) простые объекты (текстовый блок, изображение, swf-ролик, фигура и видео)
2) простые элементы (кнопки, стрелки, анимированные изображения и т.п., они различаются во всех шаблонах)
3) виджеты (новости, галереи и др.).

Все три типа объектов обладают общими свойствами

Вкладка «Свойства» 

Общие параметры

Функция «Прилипание объекта» предоставляет возможность жестко закрепить положение объекта на определенном расстоянии от любой из сторон экрана. Также при помощи параметров «Тянуть по ширине» и «Тянуть по высоте» можно зафиксировать объект относительно горизонтального или вертикального размеров экрана.
0010.jpg

При помощи данного набора параметров можно вручную задать габаритные размеры виджета, а также их координаты на холдере. Все значения необходимо указывать в пикселях.
0011.jpg

Параметр «Прозрачность» позволяет редактировать прозрачность кнопки в процентном соотношении.
0012.jpg 

Параметр «Смешивание» предоставляет возможность применить к объекту порядка 15 эффектов смешивания - нормальный, затемнение, умножение, осветление, экран, наложение, вычитание, сложение, альфа, разница, стирание, жесткий свет, инверсия и слой.
2014-10-05_20_09_19-Moto_CMS.png

Вкладка «Эффекты»
539.png

С помощью вкладки "Эффекты" можно использовать по отношению к ряду объектов некоторые эффекты. В отличии от "Смешивания" несколько эффектов можно применить одновременно. Всего их пять - "Рамка", "Размытие", "Цвет", "Свечение" и "Тень".

Рамка

Эффект "Рамка" - это новый способ создания трехмерного впечатления практически для любого объекта.
540.png

Размытие

Эффект "Размытие" обеспечивает простой способ применения визуального размытия некоторых типов объектов.
541.png

Цвет

Эффект "Цвет" позволяет изменять цвет отображаемых объектов. Используя "Выбор цвета", Вы можете выбрать любой цвет из широкого спектра доступных цветов для любого объекта, а затем установить цвет с помощью функции "Раскрасить".
542.png

Свечение

Эффект "Свечение" так же может быть применен к отображаемым объектам. Есть несколько стилей свечения, в том числе внутреннее или внешнее свечение и сила свечения. 
543.png

Тень

Эффект "Тень" позволяет добавлять тени к объектам. Имеется несколько вариантов теневого эффекта, в том числе внутренняя тень и режим вырезания по контуру. 
544.png

Можно менять положение эффектов относительно друг друга при помощи стрелок возле названия эффектов. Для удобства разработки сайта эффект можно делать невидимым, нажав на кнопку в виде глаза.

Вкладка «Действия»
545.png

С помощью данной вкладки можно применить к определенному объекту возможность выполнять какое-либо из перечисленных в списке действий. Среди них:

1) Перейти к странице
2) Открыть всплывающее окно
3) Открыть URL
4) Открыть файл
5) Отправить к

ВАЖНО:  действие при нажатии является связующим звеном для SEO, поэтому в случае необходимости закрытия ссылки для чтения поисковыми роботами следует дополнительно выбрать опцию "Не следовать". При помощи выпадающего списка "Открыть в:" рядом можно выбрать способ открытия страницы, всплывающего окна или URL - в новом или текущем окне.
608.png

Чтобы активировать для объекта возможность использования действия следует:

1) выделить объект 
2) в панели свойств виджета справа выбрать вкладку «Действия»
3) поставить галочку рядом с параметром «Включить»
4) выбрать необходимое действие из списка
5) в зависимости от выбранного варианта указать страницу, всплывающее окно, URL или др.
6) сохранить действие в настройках панели управления шаблоном.

Следует обратить внимание, что если выбран вариант «Открыть URL», то после ввода URL обязательно следует нажать кнопку в виде стрелочки, чтобы подтвердить действие и оно успешно сохранилось.
0004.jpg

Объекты

Объекты в шаблонах Flash Moto CMS делятся на два типа - простые объекты и виджеты. Виджеты отличаются от простых объектов наличием более сложной логики поведения.

К простым объектам можно отнести - текстовые блоки, изображения, фигуры, flash-ролики и видео.

К виджетам относится содержимое раздела "Виджеты" в вертикальной панели инструментов слева (галереи, плееры, меню и т.д.).

Простые объекты

Текст
2014-10-08_21_01_14-Moto_CMS.png

Инструмент "Текст" позволяет размещать текстовые блоки на страницах. Для данного объекта активны две вкладки «Свойства» и «Эффекты».
674.png

Во вкладке "Свойства" можно регулировать следующие параметры:

1) шрифт (список шрифтов доступных при работе с текстовой надпись можно отредактировать в менеджере шрифтов)
666.png

2) размер и цвет шрифта
667.png

3) выбрать форматирование шрифта — жирный, курсив, подчеркивание.
0015.jpg

4) применить к части текста действие из стандартного списка, выделив необходимую часть шрифта и нажав на кнопку в виде скрепки (функция работает по аналогии со вкладкой «Действия»)
668.png

5) настроить заполнение текстом строки («Выровнять по левому краю», «Выровнять по правому краю», «Центрировать» и «Растянуть»)
0012.jpg

6) сделать отступ для всего текстового блока или для абзаца
0013.jpg

7) сжать текст по вертикальному или горизонтальному размеру
0016.jpg

8) сделать строчный текст заглавным и наоборот
0017.jpg

9) привести форматирование текста к изначальному состоянию
0018.jpg

10) настроить параметр «Авторазмер поля» (высота текстового блока автоматически будет подгоняться под объем текста и количество его строк)
0019.jpg

11) включить в текстовом блоке использование системных шрифтов на том ПК, с которого просматривается сайт
669.png

12) сделать текст выделяемым
670.png

13) активировать сглаживание для шрифта (доступно только для не системных шрифтов)
671.png

14) задать для текстового блока использование тегов h1-h6
672.png

Фото
2014-10-08_21_02_32-Moto_CMS.png

При помощи этого инструмента на странице можно размещать изображения. Доступно три вкладки - "Свойства", "Эффекты" и "Действия". Доступные для использования форматы изображений - *.jpg и *.png.
675.png

 В "Источнике" нужно указать изображение из медиатеки.

"Режим масштабирования" позволит выбрать логику вписывания изображения в те габариты, которые заданы для изображения на странице.

"Горизонтальное выравнивание" и "Вертикальное выравнивание" нужно использовать, когда габаритный размер изображения на странице намного меньше размера самого изображения, что приводит к появлению пустых полей с одной из сторон.

Параметр "Сглаживать изображение", как понятно из названия функции, позволять сгладить изображение.

Вкладки "Эффекты" и "Действия" являются стандартными для всех объектов, мы описывали их ранее. Поэтому отдельно они рассматриваться не будут.

Фигура
2014-10-08_21_04_00-Moto_CMS.png

Инструмент "Фигура" позволяет добавлять графические объекты на страницы сайта. Вы можете создавать квадраты, прямоугольники, круги, овалы, прямые линии, звезды, треугольники, кривые, сектора, шестерни или стрелки. При добавлении фигуры на страницу или выборе существующей фигуры, будет активна правая панель с дополнительными параметрами для фигур. Она отображает дополнительные опции для всех фигур. Как и в случае с Фото существует три вкладки - "Свойства", "Эффекты" и "Действия".
679.png

У данного инструмента есть следующие параметры, доступные для редактирования для всех фигур:

1) "Цвет" (фоновый цвет фигуры, по умолчанию черный)
2) "Прозрачность цвета" (прозрачность фигуры, может быть от 0 до 100%)
3) "Цвет линий" (цвет контура фигуры, по умолчанию белый)
4) "Толщина линий" (толщина контура фигуры, может быть от 1 до 255)

Но в то же время, у каждой из этих фигур есть индивидуальные параметры. 

У прямоугольника это "Верхний левый угол", "Верхний правый угол", "Нижний левый угол" и "Нижний правый угол". Они все отвечают за скругление углов фигуры. Если замок отключен, то каждый из них задается отдельно. Если замок включен, то сразу меняются все (нужно задавать "Верхний левый угол"). 
680.png

У линии наоборот не хватает настройки фонового цвета.

У звезды и многоугольника регулируются "Угол" (угол поворота фигуры, может быть от 0 до 360 градусов) и "Точки" ( количество вершин у звезды, может быть от 0 до 50 точек).
681.png

Треугольник обладает стандартным набором параметром, о которых мы говорили выше.

У окружности без части и линии контура для окружности можно задать угол. Редактируя его значение, можно менять размер заданной части.
682.png

 У шестерни можно редактировать:
683.png

1) "Угол" (поворачивает фигуру относительно геометрического центра)
2) "Отношение радиусов" (определяет размер среднего радиуса в середине шестерни)
3) "Стороны отверстия" (определяет конфигурацию отверстия внутри шестерни)
4) "Радиус отверстия" (задает внутренний радиус отверстия внутри фигуры)
5) "Точки" (устанавливает количество зубьев).

У  стрелки дополнительно можно указать:
686.png

1) "Длина головы" (определяет длину указателя в стрелке)
2) "Ширина головы" (задает ширину указателя в стрелке)
3) "Положение стержня" (изменяет внешний вид стрелки)
4) "Толщина стержня" (устанавливает ширину стержня стрелки).

Flash
2014-10-08_21_04_50-Moto_CMS.png

Инструмент "Flash" позволяет добавлять анимацию на страницах. Если вы нажмете на  кнопку "Flash" на левой панели, будет открыта медиатека. Вы сможете выбрать анимацию и добавить ее на страницу. Дважды нажмите на элемент, который вы хотите использовать или нажмите кнопку "Выбрать", если объект выбран в медиатеке. Кликните на область страницы, где вы хотите разместить анимацию или нажмите и удерживайте кнопку мыши, определяя область для анимации. Как только кнопка будет отпущена, анимация появится на странице, а в правой панели активируются ее свойства. 
687.png

Правая панель позволяет настраивать проигрывание клипа, изменить или скорректировать масштаб и выравнивание (горизонтальное и вертикальное). 

Анимированные клипы имеют дополнительную опцию  - "Воспроизводить автоматически", которая проигрывает анимации автоматически после загрузки.

У данного инструмента доступны все три вкладки - "Свойства", "Эффекты" и "Действия".

Видео
2014-10-08_21_06_31-Moto_CMS.png

Инструмент "Видео" позволяет добавлять видео объекты на страницы сайта. Если вы нажмете на кнопку "Видео" на левой панели, будет открыта медиатека. Вы сможете выбрать видео объект и добавить его в страницу. Дважды нажмите на элемент, который вы хотите использовать или нажмите кнопку "Выбрать", если объект выбран в медиатеке. Кликните на область страницы, где вы хотите разместить видео объект или нажмите и удерживайте кнопку, определяя область для него. Как только кнопка будет отпущена, видео объект появляется на странице, а в правой панели активируются его свойства. Видео файлы должны быть в формате *.flv или *.mp4.
2014-10-08_21_06_59-Moto_CMS.png

Правая панель позволяет настраивать проигрывание клипа, изменить или скорректировать масштаб и выравнивание (горизонтальное и вертикальное). Чтобы сгладить видео, используйте опцию "Сглаживание". Видео имеет дополнительные опции - "Воспроизводить автоматически", которая воспроизводит видео автоматически после загрузки, и «Повторять» - позволяет проигрывать видео повторно.
2014-10-05_20_22_55-Moto_CMS.png

К видео роликам также можно применить различные эффекты.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 1
Еще есть вопросы? Отправить запрос

Комментарии