Как вставить 3D-обзор на свой сайт?

Вы можете бесплатно использовать 3D-обзоры на вашем сайте или блоге!

Зарегистрируйтесь и выберете 3D-обзор на сайте 3d-bank.com
(обратите внимание, после регистрации на сайте, код вставки меняется, копируйте код после авторизации)

Нажмите на кнопку для перехода в раздел кода вставки (указана красной стрелкой) :



Выберите подходящий вариант вставки 3D-обзора:



Варианты вставки 3D-обзора:

1. Вставка объекта

Пример:


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


(Корректная работа пока доступна только при разрешении 640х480 пикселей и расположение одного объекта на странице)




2. Вставка кнопки

Пример:

(Кнопка может быть любого размера и дизайна)

Для того чтобы кнопка работала скопируйте общий код обведенный красной рамкой:


и вставьте его в основной шаблон сайта или блога в режиме HTML редактирования между тегами: <head> ... </head> (это общий код для всех кнопок, вставляется 1 раз)

Описание параметров отвечающих за внешний вид 3D-обзора:

bordercolor: "auto", - цвет рамки (например "#000000"-черный цвет )
borderwidth: "auto", - толщина рамки в пикселях (например "10px")
borderopacity: "70%", - прозрачность рамки ("100%" -непрозрачная)
backgroundcolor: "auto", - цвет фона (например "#000000"-черный цвет )
backgroundopacity: "50%", - прозрачность фона ("100%" -непрозрачная)
buttonurl: "auto", - путь картинки кнопки открывающей 3D-обзор (например "http://www.мойсайт.ru/моякартинка.jpg")
closebuttonurl: "auto", - путь картинки кнопки закрывающей 3D-обзор (например "http://www.мойсайт.ru/моякартинка.jpg")
closebuttontext: "закрыть", - всплывающая надпись над закрывающей кнопкой
iframe: "auto" - если у вас в области 3D-обзора просвечивают участки сайта поставьте значение "yes"


Для вставки кнопки скопируйте код обведенный красной рамкой:


перейдите в режиме HTML редактирования, к месту где должна располагаться кнопка и вставьте код.

После сохранения у вас должна появиться кнопка с вашим дизайном.

0 коммент.:

Отправить комментарий