Самые последние новости в мире технологий Apple !!! Последние новости, обзоры и информация о выпуске продуктов Apple. Новостной сайт macpage.ru
  • slaid1.jpg
  • slaid2.jpg
  • slaid3.jpg

Настройка rokbox

Настройка 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

 

 

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

Продвижение сайтов на первые позиции. Нужно продвинуть сайт в топ? Студия веб дизайна KruOl-Art-Studio.

Яндекс.Метрика Счетчик PR-CY.Rank Рейтинг@Mail.ru Проверить тИЦ и PR

Всплывающий Модуль

Вставить в начало текста <div id="popuptext">

Далее заполнить Текстом и вставить фотки

 

И в конце Вставил в этот модуль - модуль соц-сетей

В конце закрыть </div>