Код для вставки всплывающего окна с видео
<a href="http://www.youtube.com/watch?v=bssstn218EA&feature=player_embedded" data-rokbox="" data-rokbox-caption="Disney Pixar Planes - Preview">Всплывающее окно Видео</a>
=============================
В низу редактора нажать на кнопку RokBox и в первом поле выбрать фото =
<a href="/images/slider/slaid1.jpg" data-rokbox="">Всплывающее окно - Картинка</a>
=============================
Настройка всплывающего окна с любым встроенным в rokbox модулем
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
====================
Продвижение сайтов на первые позиции. Нужно продвинуть сайт в топ? Студия веб дизайна KruOl-Art-Studio.
![]() |
|
|
|
|
![]() |
Далее заполнить Текстом и вставить фотки
И в конце Вставил в этот модуль - модуль соц-сетей
В конце закрыть </div>