Настройка rokbox

Всплывающее окно Видео

Мультик

Клип

Клип

Код для вставки всплывающего окна с видео

<a href="http://www.youtube.com/watch?v=bssstn218EA&amp;feature=player_embedded" data-rokbox="" data-rokbox-caption="Disney Pixar Planes - Preview">Всплывающее окно Видео</a>

=============================

Всплывающее окно - Картинка

В низу редактора нажать на кнопку RokBox и в первом поле выбрать фото =

<a href="/images/slider/slaid1.jpg" data-rokbox="">Всплывающее окно - Картинка</a>

=============================

Настройка всплывающего окна с любым встроенным в rokbox модулем

Всплывающее окно - Модуль rokbox - Popup

1. Сначала необходимо в настройке шаблона - Особенности (Features) включить Popup и поменять позицию на popup

2. Потом создать Html модуль и вставить в него id с тем же элементом popuptext

Вставить в начало текста такой код

<div id="popuptext"> Здесь ваш текст, фото и вставленные в него модули</div>

3. Далее нужно в тексте документа вставить код (element="#rt-popuplogin")

вместо этого можно вставить любое например как на на этом сайте = (element="#popuptext")

<a class="buttontext button" href="#" data-rokbox="" data-rokbox-element="#popuptext">Всплывающее окно - Модуль rokbox - Popup</a>
=============================

Подведите курсор к слову Подсказка и подождите пока не появится в текстовом поле

==================================

Открытие фото во сплывающем окне с помощью rokbox

В низу редактора нажать на кнопку RokBox и в первом поле (Link*) выбрать фото

а для того чтоб сделать кнопки перехода на следующее фото нужно в третье поле (Album) вставить любое название - например 1

==================================

Открытие фото во сплывающем окне с помощью Widgetkit - lightbox

Приходится прописывать ручками

<a data-lightbox="group:mygroup" href="/images/slider/slaid3.jpg"><img src="/images/slider/slaid3.jpg" /></a>

<a data-lightbox="group:mygroup" href="/images/slider/slaid2.jpg"><img src="/images/slider/slaid2.jpg" /></a>

=======================

Всплывающее окно - Музыка

пока не разобрался и не настроил

==============

Стили для фото - прописаны для шаблона rt_clarion файлы editor.css и template.css

Настройка Текста и фото = обтекание и выравнивание по левому краю - стиль = .foto_shadow

Настройка Текста и фото = обтекание и выравнивание по левому краю - стиль = .foto_fon_shadow

Настройка Текста и фото = обтекание и выравнивание по левому краю - стиль = .foto_text_shadow

Настройка Текста и фото = обтекание и выравнивание по левому краю - стиль = .png_fon_shadow

====================