VJ Video Journal - free video block

Сервис закрыт. Новая версия находится в разработке...

Что такое VJ?
Здравствуйте! VJ является уникальным открытым для всех web мастеров сервисом. Который сможет украсить Ваш ресурс.
Как работает VJ?
JS представляет собой блок, состоящий из нескольких картинок и подписей, при нажатие на которые появляется видеоплеер для просмотра ролика, который заранее отобран.

Связь с нами

Вы всегда можете связаться с нами по любым вопросам связанным с этим сервисом. Наши координаты:
icq: 355-314-9<два>9
Или через наш форум

VJ Пример работы скрипта
VJ 10 достоинств и 1 недостаток

VJ F.A.Q. по использованию
 

Настройка дизайна блока.

 

"Мы постарались сделать настройку максимально простой и гибкой. Вы вольны изменять размер, цвет картинок и подписей, а также при желание можете скрыть ненужные пункты."

Все действия производяться через стили (css).

Далее я приведу список всех параметров и свойств.

  1. .filmtable сама ячейка. В нее входит картинка и подпись(название).
    Для изменения доступны следующие параметры: {margin: 0px !important; margin-bottom:0px !important; margin-left: 0px !important; margin-top: 0px !important; margin-right: 0px !important;} отступ самой ячейки ( по умолчанию стоит 10)

  2. .filmIMG изображение.
    Параметры: {WIDTH: 70px !important; HEIGHT: 70px !important; border:solid 2px !important} ширина, высота, рамка

  3. .filmName и .filmDL название и ссылка "скачать" соответсвенно.
    По умолчанию они принимают свойвста текста на странице, но Вы можете их изменить.
    Я приведу лишь один парметр: {display:none !important} видна или нет сама надпись. Может принимать значение none- невидна и block- по умолчанию.

Далее я покажу вам, на примере Огромный квадрат 16. Мы сделаем его более компактным.

Мы изменим размер картинок и скроем подписи.

Приступим!

  1. Уберем растояние между картинками. Для этого будем редактировать код .filmtable
    Запишим его в таком виде: .filmtable {margin: 5px !important; margin-bottom:5px !important; margin-left: 5px !important; margin-top: 5px !important; margin-right: 5px !important;} Мы изменили растояние на 5px.
  2. Далее мы уберем названия кнопку "скачать".
    .filmDL {display:none !important} Параметр none означает, что он не будет отображаться.
  3. Я хочу уменьшить шрифт в название видеоролика.
    .filmName {font-size:7;color:#ff0000} Мы изменили шрифт на 7 с 11 и сделали цвет ссылки красным(ff0000).
  4. Следующим шагом нам нужно будет сделать так, чтобы это заработало. Для этого составим такую конструкцию:
    <style>
    .filmtable {margin: 5px !important; margin-bottom:5px !important; margin-left: 5px !important; margin-top: 5px !important; margin-right: 5px !important;}
    .filmDL {display:none !important}
    .filmName {font-size:7;color:#ff0000}
    </style>

    Что изменилось: Мы заключили весь код в тег <style></style>.
    Далее нам нужно вставить его ПЕРЕД кодом блока с видео. И финальный код будет выглядить следующим образом:
    <style>
    .filmtable {margin: 5px !important; margin-bottom:5px !important; margin-left: 5px !important; margin-top: 5px !important; margin-right: 5px !important;}
    .filmDL {display:none !important}
    .filmName {font-size:7;color:#ff0000}
    </style>

    <script type="text/javascript" src="http://journal.ucoz.com/informer/29"></script>
    - код блока.
  5. Последним шагом вставляем код на страницу и все готово!
 

VJ Форматы
 
Описание
Пример
Код(Вставлять по месту)
Большой вертикальный прямоугольник
Идеально подойдет для размещения на всю длину страницы.
<script type="text/javascript" src="http://journal.ucoz.com/informer/23"></script>

Полоса малая 4.

Подойдет для размещения в низу страницы или в горизонтальном блоке.

<script type="text/javascript" src="http://journal.ucoz.com/informer/24"></script>

Полоса большая 6.

Подойдет для размещения на всю длину страницы или создание ряда иконок без подписей.

<script type="text/javascript" src="http://journal.ucoz.com/informer/25"></script>

Небоскреб 6.

Подойдет лдя размещения по бокам основной части страницы.

<script type="text/javascript" src="http://journal.ucoz.com/informer/26"></script>

Башня малая.

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

<script type="text/javascript" src="http://journal.ucoz.com/informer/27"></script>

Огромный квадрат 16.

Если Вы хотите отдать под этот блок целую страницу, то это самый лучший для Вас вариант!

<script type="text/javascript" src="http://journal.ucoz.com/informer/29"></script>

Малый квадрат 3.

Можете его вставить в основную часть страницы.

<script type="text/javascript" src="http://journal.ucoz.com/informer/30"></script>

Случайные видео. 280px*210px

12 видео выбираются случайным образом из нашего архива. Каждое обновление страницы и у вас новое видео! Из блока убраны все подписи и он представляет собой мазайку из картинок.

<style>
.filmtable {margin: 0px !important; margin-bottom:0px !important; margin-left: 0px !important; margin-top: 0px !important; margin-right: 0px !important;}
.filmIMG {WIDTH: 70px !important; HEIGHT: 70px !important; border:solid 0px !important}
.filmName {display:none !important}
.filmDL {display:none !important}
</style><script type="text/javascript" src="http://journal.ucoz.com/informer/28-1"></script>
Если Вы не нашли подходящего варианта, то Вы можете связаться с нами и мы постараемся добавить устраивающий Вас вариант.
 

© 2008 Copyright Павлов MegaFill Филипп