Приветствую Вас Прохожий | RSS Суббота, 10.12.2016, 11:52
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


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



Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0



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

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

Информер слайдер адаптированный под ucoz как на сайте ucozon.ru Информер, слайдер, адаптированный, ucoz, сайте, ucozon
Информер для сайтов кино и имеющих похожий вид скринов, сделан из рекламного информера телефона адаптированного под 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
<li class="item$NUMBER$"><img style='cursor: pointer;' src="$IMG_URL1$" width="348" onclick="javascript:window.open('$ENTRY_URL$');"/></li>

IMG_URL1 это ссылка на картинку с новости, если у вас дополнительное поле то заменяем на свое к примеру OTHER1
далее заливаем страницу созданную с замененными информерами на свой сайт в файловый менеджер
и заменяем ссылку на эту страницу в ниже приведенном фрэйме http://ucozon.ru/SCRIN7/1/menu/kino_files/kino.html
Code
<iframe src="http://ucozon.ru/SCRIN7/1/menu/kino_files/kino.html" style="border: medium none ;" width="505" height="255"></iframe>

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

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

Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 6027 | Комментарии: 19 | Рейтинг: 4.1/9 | |Категория: Скрипты информеры | Добавил: mdbaner | Дата: 07.01.2011 | Скачали: 0 | Теги: сайте, информер, как, ucozon.ru, ucoz, слайдер, на, под, Адаптированный
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 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]

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]
Все вы сделали правильно только упустили момент с отображением скриншота.... я же писал в новости об этом, то что названия по любому отображаются а на скрины у вас может быть дополнительное поле быть.. проверьте.

17 stas9303   Дата: 08.01.2011  Время: 15:19   2 [№ 5821]
это я знаю
у меня неправильно работают кнопки 1 2 3 4 5 6 7 8 9 10

3 bezrukov_a   Дата: 07.01.2011  Время: 15:14   [№ 5771]
это верно)

1 edik2009   Дата: 07.01.2011  Время: 12:29   [№ 5768]
Блин ....Я думал когда же Вы выложете этот скрипт.....свершилось..(хоте мне он не нуж).

2 mdbaner   Дата: 07.01.2011  Время: 13:11   1 [№ 5770]
Со временем все раздаем. Если не раздать то рипнут по любому))


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Продажа рекламные мест ...

2

2 Файловик. Уникальные те...

0

3 Куплю сайты в индексе Я...

1

4 Куплю сайты с ТИЦ/PR (п...

9

5 Предлагаю услуги для ан...

0

6 Предлагаю услуги по про...

0

7 Комплексный прогон сайт...

51

8 Сайт онлайн фильмов на ...

1

9 Проблема с таблицей

9

10 Отредактировать фото

2


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru