Особо пытливые жмем СЮДА для анализа HTML кода.
done
Добавить Вставку ОФТ на Ваш веб-сайт
Имеют место быть два варианта размещения ОФТ на Вашем сайте - Бесплатно и Платно:
Бесплатно - Интегрируйте предоставляемый HTML код в Ваш веб-сайт. Код создаст вставку (334 x 60 пк) с двумя кнопками - [Выбрать] и [Залить]. Посетители вашего сайта выбирают фото со своих жестких дисков и загружают в ОФТ для трансформации. Изменение размеров и трансформация осуществляется на ОФТ. Вставка компонуется ниже. Образец ОФТ Вставки | Образец на Фейсбук
Платно - Покупаете скрипты, устанавливаете на своем сайте, получаете независимый ОФТ сервис. Подробно на OIR DEMO (пока только на английском)
newКонфигурируем и скачиваем код "Вставки ОФТ" для Вашего сайта - Бесплатно:
#:
Используем цветовой микшер (справа) для подбора цвета. Меняем цвет элементов "Вставки ОФТ" ниже. Меняем другие свойства (закругленные углы, контур, тень). Устанавливаем цвет "Заднего плана" совпадающим с фоной Вашего сайта (для предосмотра). Нажимаем "Download Code". Копируем код, вставляем в свой веб-сайт.
border help
Задний план
color help Цвет:
set
off
Используем цветовой микшер (справа) для подбора цвета. Жмем на [SET] для окраски {ФОНА} соответствующих элементов - Фон, Текстовое Поле, Кнопки и Задний план. Для удаления или восстановления цвета по умолчанию - жмите кнопку [OFF]. Удаление цвета фона Текстового Поля / Кнопок, восстановит соответственно - белый / серый фон.

Примечание: Если впоследствии необходимо скопировать какой-либо, уже установленный цвет, на другой элемент, жмите на цветовое окошко элемента. Установленный цвет копируется обратно в цветовой микшер. Затем жмем на [Воспроизвести]. Цветовые полосы микшера устанавливаются в позицию скопированного цвета. Если у вас есть свой 6-ти значный код цветa, его можно копировать в текстовое поле микшера.
Устанавливаем цвет и толщину {КОНТУРА}. Контур может быть установлен на все элементы вставки. Для удаления контура жмем на [OFF].
Замечание: Удаление установленного Вами контура с Текстового Поля или Кнопок, восстановит контур по умолчанию - серый контур толщиной в 1 пиксель.
Смотрите также примечание в секции помощи с Фоновой окраской для более детальной инструкции по работе с цветами.
Здесь создаем {ЗАКРУГЛЕННЫЕ УГЛЫ}. Закругления можно установить на Фон, Текстовое Поле и Кнопки. Для Фона, вначале установите его цвет или контур, чтобы сделать закругления видимыми.
Замечание: Закругления создаются посредством CSS и надлежащим образом отображаются в большинстве современных браузеров.
Установите цвет {ЗАДНЕГО ПЛАНА} - поле окаймляющее собственно вставку. Сделайте цвет Заднего плана совпадающим с фоной страницы Вашего сайта, там, где Вы планируете разместить вставку. Задний план окрашивается по желанию и исключительно для предосмотра, то есть, как будет выглядеть вставка на Вашем сайте. В реальной вставке ОФТ Задний план создается прозрачным.
Смотрите также примечание в секции помощи с Фоновой окраской для более детальной инструкции по работе с цветами.
Создаем {ТЕНЬ} для любого элемента вставки. Подбираем подходящий цвет для тени. Затем, посредством оставшихся установок, создаем желаемую форму тени. [Гориз.] и [Верт.] смещают тень с любом направлении (в зависимости от величины). Установка [Размыть] соответственно контролирует степень размытости. Используем [Инсет] для создания тени внутри элемента. При опереленном соотношение цветов Фона, Тени и величин [Инсет / Размыть] можно получить видимость объема элемента (используем светлые / темные тона одного цвета соответственно для фона / тени).
Тени создаются посредством CSS и надлежащим образом отображаются в большинстве современных браузеров.
Смотрите также примечание в секции помощи с Фоновой окраской для более детальной инструкции по работе с цветами.
Предосмотр {ВСТАВКИ ОФТ}. Используя установки (ниже) поменяйте внешний вид модуля Вставки ОФТ, так, чтобы он сочетался с вашим веб-сайтом по форме и цвету. Для обзора полного размера Вставки ОФТ, подберите цвет Заднего плана совпадащий с цветом фона страницы Вашего сайта, там, где Вы планируете рассположить Вставку ОФТ. По окончании, жмите на кнопку [Download Code] и копируйте код вставки на соответствущую страницу Вашего сайта. Код содержит ссылку на сайт ОФТ и закодирoванные (простой base64) установки.

Замечание: Вставка не содержит никакого текста. Желательно добавить краткое описание на вашей странице в непосредственной близости от местоположения Вставки ОФТ объясняя предназначение вставки. Например: Изменяем размер картинок здесь... Нажимаем [Выбрать] для селекции фото с жесткого диска.. и т.д.
Ставьте галочку для вставки ОФТ большого размера (580x92px). Большая вставка приблизительно в 2 раза крупнее обычной и не показывается в предосмотре.
Фон
color help Цвет:
set
off
border help Контур:
set
off
Размер:
round help Овал:
Радиус:
color helpТень:
set
off
Гориз.:
Верт.:
Размыть:
Инсет:
large box
Большая Вставка:
Текст. Поле
Цвет:
set
off
Контур:
set
off
Размер:
Овал:
Радиус:
Тень:
set
off
Гориз.:
Верт.:
Размыть:
Инсет:
Текст:
set
Кнопки
Цвет:
set
off
Контур:
set
off
Размер:
Овал:
Радиус:
Тень:
set
off
Гориз.:
Верт.:
Размыть:
Инсет:
Текст:
set
Тень
Текста
Кнопок
set
off
Гориз.:
Верт.:
Размыть:
Жирно:
Download Code
Save Code
Сохранить: [Save For Later] для конверсии компоновки в веб-адрес. Затем создаете закладку в своем веб-браузере.
Вернуться на мой сайт - - Посетители, возвращаются на Ваш сайт кнопкой [Возврат] на ОФТ back button