Приветствую Вас Прохожий | RSS

Суббота, 18.05.2024, 15:45

Меню сайта

Гостевая сайта

РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА

Категории раздела

Скрипты блоки и шапки [337]

Скрипты Вид новостей [366]

Скрипты php для ucoz [47]

Скрипты для форума [186]

Скрипты информеры [118]

Скрипты Разное [1105]

Мини-чат

Все вопросы задаем в форуме,
здесь они игнорируются!

Блок спам рекламы

Сайт села Екатерининско* .

Фильмы, сериалы торрент .

НОВИНКИ 2019 В FULLHD 4* .

Лучшее Хип-Хоп радио St* .

ФИЛЬМЫ ОНЛАЙН В HD! .

Облачный майнинг HF18BD* .

Сайт за 6000 wmr .

http://ucozon.ru/forum/* .

Lineagw 2: Revolution .

Фильмы на планшет торре* .

Добавлять могут только пользователи зарегистрированные 15 суток.

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Кто нас сегодня посетил
Статистика посетителей
Подписка на новости
День рождения

Главная » Файлы » Скрипты для uCoz » Скрипты информеры

Информер слайдер адаптированный под ucoz как на сайте ucozon.ru

Информер для сайтов кино и имеющих похожий вид скринов, сделан из рекламного информера телефона адаптированного под ucoz сайты.
Многие спрашивали как сделать подобное и вот я вам решил выложить, если подойти со знанием минимальным то без проблем можно создать этот информер на своем сайте
Информер слайдер адаптированный под ucoz как на сайте ucozon.ru

живой пример

Установка:
Создаем страницу HTML через блокнот вставив предварительно в него код и называем так примерно kino.html

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>iPhone Horizontal Banner</title>
<link rel="stylesheet" href="http://ucozon.ru/SCRIN7/1/menu/kino_files/style.css" type="text/css" media="screen">
<script type="text/javascript">
  var speed = 2400;
</script>
<script type="text/javascript" src="http://ucozon.ru/SCRIN7/1/menu/kino_files/jquery-1.js"></script>
<script type="text/javascript" src="http://ucozon.ru/SCRIN7/1/menu/kino_files/jquery.js"></script>
<script type="text/javascript" src="http://ucozon.ru/SCRIN7/1/menu/kino_files/jquery_002.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head><body>
<style type="text/css">#banners a img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=80); }#banners a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }</style><div id="banners" align="center">

<div id="bg_iphone">
  <div id="mask-excerpt">
  <ul id="excerpt">
  <script type="text/javascript" src="http://avtos.do.am/informer/8"></script>
  </ul>
</div><div id="slider">
<div id="mask-gallery">
  <ul id="gallery">
  <script type="text/javascript" src="http://avtos.do.am/informer/9"></script>
  </ul></div></div>
<div id="numbers">
  <ul>
  <li class=""><a href="#"><img id="btn-prev" src="http://ucozon.ru/SCRIN7/1/menu/kino_files/prev_btn.png" width="43" border="0" height="32"></a></li>
  <li class="item1"><a href="javascript:goto('.item1')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/1_btn.png" width="23" border="0" height="32"></a></li>
  <li class="item2"><a href="javascript:goto('.item2')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/2_btn.png" width="23" border="0" height="32"></a></li>
  <li class="item3"><a href="javascript:goto('.item3')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/3_btn.png" width="23" border="0" height="32"></a></li>

  <li class="item4"><a href="javascript:goto('.item4')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/4_btn.png" width="23" border="0" height="32"></a></li>
  <li class="item5"><a href="javascript:goto('.item5')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/5_btn.png" width="23" border="0" height="32"></a></li>
  <li class="item6 selected"><a href="javascript:goto('.item6')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/6_btn.png" width="23" border="0" height="32"></a></li>
  <li class="item7"><a href="javascript:goto('.item7')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/7_btn.png" width="23" border="0" height="32"></a></li>
  <li class="item8"><a href="javascript:goto('.item8')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/8_btn.png" width="23" border="0" height="32"></a></li>
  <li class="item9"><a href="javascript:goto('.item9')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/9_btn.png" width="23" border="0" height="32"></a></li>
  <li class="item10"><a href="javascript:goto('.item10')"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/10_btn.png" width="23" border="0" height="32"></a></li>
  <li class=""><a href="#"><img id="btn-next" src="http://ucozon.ru/SCRIN7/1/menu/kino_files/next_btn.png" width="43" border="0" height="32"></a></li>
  </ul></div>
  <div style="display: none;" id="btn-play"><a href="#"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/play_btn.png" width="46" border="0" height="47"></a></div>
  <div style="display: block;" id="btn-pause"><a href="#"><img src="http://ucozon.ru/SCRIN7/1/menu/kino_files/pause_btn.png" width="46" border="0" height="47"></a></div>

</div></div>

</body></html>

http://avtos.do.am/informer/8 Заменяем на свой информер
[ Новости сайта · Материалы · Дата добавления материала D · Материалы: 10 · Колонки: 1 ]
Код информера смотрите тут

Code

<li class="item$NUMBER$"><b>$TITLE$</b></li>

http://avtos.do.am/informer/9 Заменяем на свой информер
[ Новости сайта · Материалы · Дата добавления материала D · Материалы: 10 · Колонки: 1 ]
Код информера смотрите тут

Code

IMG_URL1 это ссылка на картинку с новости, если у вас дополнительное поле то заменяем на свое к примеру OTHER1
далее заливаем страницу созданную с замененными информерами на свой сайт в файловый менеджер
и заменяем ссылку на эту страницу в ниже приведенном фрэйме http://ucozon.ru/SCRIN7/1/menu/kino_files/kino.html

Code

Этот фрэйм вставлять можно в любое удобное место на вашем сайте
готово
картинка фона заложена в стиле, его вы можете скопировать и изменить сам фон информера на свой, только соблюдайте размеры иначе информер разбредется в стороны.
var speed = 2400; это скорость перелистывания новостей
Все необходимое желательно пере залить на свой сайт.

автор: mdbaner
сайт автора: www.ucozon.ru
Внимание: при копирование материала ссылка на сайт автора клик-кабельная обязательна http://ucozon.ru , в противном случае на ваш сайт будет подана жалоба по статье:
2.3. При цитировании материалов Сайта, включая охраняемые авторские произведения, ссылка на Сайт обязательна (подпункт 1 пункта 1 статьи 1274 Г.К РФ).

Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.

Похожие новости на нашем сайте

Коментарий к новости

Всего комментариев: 19

Порядок вывода комментариев:

19 megalolikon Дата: 18.12.2011 Время: 14:13 [№ 11562] [Материал]

Друзья,товарищи! Помогите поставить мне этот информер на мой сайт. Пожалуйста добавте меня в скайп blacks5507. Отблагадарю чем смогу!

10 ga2mer Дата: 07.01.2011 Время: 19:23 [№ 5783] [Материал]

V PHOTOSHOPE

13 stas9303 Дата: 08.01.2011 Время: 02:43 № 1 [№ 5797] [Материал]

Ответ: http://ucozon.ru/SCRIN7/1/bg_iphone_.png

14 belekas Дата: 08.01.2011 Время: 12:35 № 2 [№ 5816] [Материал]

я может совсем тупой я в скрипте невижу такого фаила http://ucozon.ru/SCRIN7/1/bg_iphone_.png где его искать

15 mdbaner Дата: 08.01.2011 Время: 13:36 № 3 [№ 5818] [Материал]

да возможно диагноз интересный, эта картинка в обще то может быть и в стиле

18 belekas Дата: 08.01.2011 Время: 18:50 № 4 [№ 5825] [Материал]

Наконец, я построил спс

16 stas9303 Дата: 08.01.2011 Время: 15:15 № 3 [№ 5820] [Материал]

http://ucozon.ru/SCRIN7/1/menu/kino_files/style.css

9 belekas Дата: 07.01.2011 Время: 18:42 [№ 5782] [Материал]

1x так как убрать лого www.avtos.do.am вашева саита

7 stas9303 Дата: 07.01.2011 Время: 16:56 [№ 5778] [Материал]

В смысле?

8 belekas Дата: 07.01.2011 Время: 17:34 № 1 [№ 5780] [Материал]

www.avtos.do.am

6 belekas Дата: 07.01.2011 Время: 16:44 [№ 5777] [Материал]

как снять лого вашева саита

12 mdbaner Дата: 07.01.2011 Время: 20:50 № 1 [№ 5785] [Материал]

прошу прощенье рамку фона делал давно, и PSD не известно где сохранил, по этому вы своими силами и знанием фотошопа удалите эти буквы..Если будет время я выставлю PSD когда удалю буквы

5 stas9303 Дата: 07.01.2011 Время: 16:34 [№ 5776] [Материал]

что делать?

4 stas9303 Дата: 07.01.2011 Время: 16:30 [№ 5774] [Материал]

когда нажимаю на кнопки какоита глюк
может я чтото сделал неправильно?

11 mdbaner Дата: 07.01.2011 Время: 20:49 № 1 [№ 5784] [Материал]

Все вы сделали правильно только упустили момент с отображением скриншота.... я же писал в новости об этом, то что названия по любому отображаются а на скрины у вас может быть дополнительное поле быть.. проверьте.