Онлайн кинотеатр Ajax Подойдет для сайтов с тематикой "Кинематографа" (сериалы , фильмы , мультфильмы)
1. Установка! 1.1 Идем в CSS и в самый низ вставляем код Код: #banners a img {
opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
.mini_prof_out {background-color: #f4f4f4; border:1px solid #9db0bf;
padding: 4px 10px; position: fixed; bottom: 4px; right: 4px; opacity:
0.5; text-align: center;} .mini_prof_on {background-color: #f4f4f4;
border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom:
4px; right: 4px; opacity: 1; text-align: center;} #mini_prof
#close_miniprof {color: #810000; text-decoration: underline; cursor:
pointer;} #mini_prof #open_miniprof {color: #3e8144; text-decoration:
underline; cursor: pointer;}
1.3 Ели у вас не установлен хинт !
1.4 Скачиваем Архив (Скачать архив Вы можете ниже (кнопка DOWNLOAD))
1.5 Создаем в файловом менеджере папку называем её Hint
1.6 Заходим и заливаем содержимое "Архива" туда !
1.7 На странице сайта Подключаем Js и Css стиль прописываем между тегами этот код: Код: <script type="text/javascript" src="Ссылка на сайт/Hint/hintblack.js"></script>
<link type="text/css" rel="StyleSheet" href="Ссылка на сайт/Hint/CSS.css" />
1.8 Пример: <html>
<script type="text/javascript" src="Ссылка на сайт/Hint/hintblack.js"></script>
<link type="text/css" rel="StyleSheet" href="Ссылка на сайт/Hint/CSS.css" />
<head>
2. Лучше всего для размещения подойдет создать новую страницу!
2.1 Идем Пу- Редактор страниц- Добавить страницу
2.2 Назовем страницу например "Онлайн кинотеатр"
2.3 И вставим туда код: Код: <DIV id="banners">
<TABLE style="width: 100%; border-collapse: collapse"
cellspacing="0"><TBODY><TR align="center"><TD
colspan="5" style='background-image: url("Сылка на изображение");
background-repeat: repeat; background-position: 0% 0%; letter-spacing:
0px; word-spacing: 0px; height: 30px; text-align: center;
vertical-align: middle'>Онлайн кинотеатр</TD></TR>
<TR><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD></TR><TR><TD
style="vertical-align:top"><A style="cursor:pointer;"
href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml
файл','Название окна',250,200,'1','','',0,'justify');return
false;"><IMG title="Название фильма" border="0" align="absmiddle"
src="Ссылка на картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD></TR><TR><TD
style="vertical-align:top"><A style="cursor:pointer;"
href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml
файл','Название окна',250,200,'1','','',0,'justify');return
false;"><IMG title="Название фильма" border="0" align="absmiddle"
src="Ссылка на картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD></TR><TR><TD
style="vertical-align:top"><A style="cursor:pointer;"
href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml
файл','Название окна',250,200,'1','','',0,'justify');return
false;"><IMG title="Название фильма" border="0" align="absmiddle"
src="Ссылка на картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD></TR><TR><TD
style="vertical-align:top"><A style="cursor:pointer;"
href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml
файл','Название окна',250,200,'1','','',0,'justify');return
false;"><IMG title="Название фильма" border="0" align="absmiddle"
src="Ссылка на картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD><TD style="vertical-align:top"><A
style="cursor:pointer;" href="javascript://" onclick="openLayerB('ID',0,'Ссылка на xml файл','Название
окна',250,200,'1','','',0,'justify');return false;"><IMG
title="Название фильма" border="0" align="absmiddle" src="Ссылка на
картинку" width="150" height="200"></A>
</TD></TR></TBODY></TABLE></DIV>
Все готово! 3. Данный скрипт редактируемый вариант на примерах указанных ниже будет готовая версия!!!
3.1 Как самостоятельно отредактировать код под свой сайт: 3.2 Редактируемые части скрипта! 3.3 Ссылка на xml файл -- здесь даем ссылку на файл формата XML в котором будет размещаться код плеера на видео
плеер
3.4 Название окна -- здесь здесь будет отображаться название Ajax окна 3.5 Код: ('ID',0,'Ссылка на xml файл','Название окна',250,200,'1','','',0,'justify')
-- 250 -- Ширина , 200 Высота Ajax окна 3.6 Код: title="Название фильма"
-- для отображения Хинта 3.7
-- здесь можно вставить постер к фильму, сериалу и т.д 3.8 Код: width="150" height="200"
-- 150 -- Ширина постера , 200 Высота постера 4. Хинт Дополнительная информация!
Пример Онлайн кинотеатр Ajax!
Данный пример это завершенная версия скрипта!!! Скрипт представленный выше представлен для самостоятельного редактирования!! Скрины: Общий вид:  Без хинта:  С хинтом:  Появление ajax окна с фильмом:  Автор скрипта zombi6410
Понравилась статья-Жми +1
Нравится
[
Получить прямую ссылку на новость
][
Скрыть ссылки ]
|
Это может быть интересно:
|
|
