phone 

месенджеры

+7(903)237-27-07


Конструктор визиток онлайн бесплатно с сохранением - перйти в рабочую область

По многочисленным заявкам на различных сайтах фриланса и прочих биржах, для всех бизнесменов, был разработан конструктор визиток онлайн. Данный конструктор написан с применением последних нововведений html5.

Описание функционала конструктора визиток.
Установка

  1. Конструктор рекомендуется устанавливать на поддомене или в папке сайта. Интеграция под дизайн вашего сайта не имеет смысла, так как рабочая область занимает весь экран. Это связано с тем, что для удобства редактирования макета визитки пользователю нужно как можно больше места.
  2. Технологически программа состоит из frontend части, написанной на html. Она неразрывно связана с javaScript плагинами, которые обеспечивают неободимый функционал. Так же для сохранения созданных визиток имеется серверная часть.

Функционал.
Конструктор визиток позволяет довольно гибко менять различные параметры элементов. По сути можно редактировать любые свойства CSS, что должным образом отобразится на выбранном элементе.

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

Сохранение изображения.
Пользователь так же имеет возможность сохранить созданную визитку как изображение.

Управление.

  1. Всё управление осуществляется правой и левой кнопкой мышки. Левая кнопка позволяет перемещать элементы по рабочей области. Правая кнопка служит для выбора элемента. Кода происходит выбор элемента, то на правой панели появляется возможность для изменения его свойств.
  2. Фиксирование элементов. Изменение размеров. Для более удобного редактирования предусмотрено отключение возможности перетаскивания элементов по рабочей области конструктора. Когда элементы зафиксированы, то появляется возможность изменять их размер мышкой.
Левая панель инструментов. В левой панели сосредоточены кнопки для управления глобальными параметрами – создать новый элемент, клонировать уже имеющийся, сохранить визитку и т.п. На правой панели отображаются конкретные настройки элементов, которые активны в текущий момент. Для того что бы последовательно перемещаться по имеющимся элементам создана кнопка @next

Горячие клавиши.
Для более быстрой и удобной работы с конструктором визиток онлайн имеется поддержка горячих клавиш. Ctrl+z - фиксирует элементы (позволяет менять размер мышкой)

Поддержка языков.
Любые кнопки можно переименовать на русский язык.

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

Особенности.
У данного конструктора визиток, в отличие от большинства аналогов, редактирование текста происходит в его области. Это связано с тем, что в html5 появился новый атрибут, который позволяет производить редактирование текста у любых элементов. Таким образом, отпала необходимость показывать выделенный текст в других областях, оставив остальную область конструктора для возможности размещать на ней другие элементы.

Template Settings

Color

For each color, the params below will give default values
Green Aqua Cyan Orange Tomato

Body

Background Color
Text Color
Layout Style
Select menu
Google Font
Body Font-size
Body Font-family