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

Понедельник, 30.09.2024, 06:25

Меню сайта

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

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

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

Скрипты блоки и шапки [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 » Скрипты Разное

Простой слайдер для сайта с использованием 4 постеров.

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

Установка:
На страницу где будет использоваться слайдер в head вставляем стиль и скрипты на jquery.

Code

Место вывода слайдера вставляем код, под $BODY$ можно, но не забываем что ширина слайдера более чем 700px.

Code

<div id="featured">
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1">
<a href="#fragment-1"><img src="http://ucozon.ru/SCRIN7/2/00121/js/sl-1.jpg" alt="uCozOn.ru" width="65"><span>Sparks Шаблон для UCoz</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2">
<a href="#fragment-2"><img src="http://ucozon.ru/SCRIN7/2/00121/js/sl-2.jpg" alt="uCozOn.ru" width="65"><span>GameMania Шаблон для UCoz</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3">
<a href="#fragment-3"><img src="http://ucozon.ru/SCRIN7/2/00121/js/sl-3.jpg" alt="uCozOn.ru" width="65"><span>Gears Шаблон для UCoz</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4">
<a href="#fragment-4"><img src="http://ucozon.ru/SCRIN7/2/00121/js/sl-4.jpg" alt="uCozOn.ru" width="65"><span>Red Line Шаблон для UCoz</span></a></li></ul>


<div id="fragment-1" class="ui-tabs-panel" style=""><img src=" http://ucozon.ru/SCRIN7/2/00121/js/sl-1.jpg " alt="" width="400"><div class="info"><h2>
<a href="http://ucozon.ru/dir/14-1-0-5541">Адаптация шаблона</a></h2><p>для UCoz</p></div></div>



<div id="fragment-2" class="ui-tabs-panel" style=""><img src=" http://ucozon.ru/SCRIN7/2/00121/js/sl-2.jpg " alt="uCozOn.ru" width="400"><div class="info"><h2>
<a href="http://ucozon.ru/dir/14">Адаптация шаблона</a></h2><p>для UCoz</p></div></div>


<div id="fragment-3" class="ui-tabs-panel" style=""><img src=" http://ucozon.ru/SCRIN7/2/00121/js/sl-3.jpg " alt="uCozOn.ru" width="400"><div class="info"><h2>
<a href="http://ucozon.ru/dir/14">Адаптация шаблона</a></h2><p>для UCoz</p></div></div>


<div id="fragment-4" class="ui-tabs-panel" style=""><img src=" http://ucozon.ru/SCRIN7/2/00121/js/sl-4.jpg " alt="uCozOn.ru" width="400"><div class="info"><h2>
<a href="http://ucozon.ru/dir/14-1-0-5542">Адаптация шаблона</a></h2><p>для UCoz</p></div></div></div>

Далее что на что заменить уже понятно.
ссылки http://ucozon.ru/dir/14-1-0-5542 на свой, на новость.
http://ucozon.ru/SCRIN7/2/00121/js/sl-4.jpg на свою картинку, опредленного размера иначе будет искажение формы

Если мы хотим использовать слайдер через информер, то это будет не легко, так как нужно использовать две формы.

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

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

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

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

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

4 IronStorm Дата: 21.07.2013 Время: 18:20 [№ 14843] [Материал]

Оууу... А как сделать так, что-бы он был в середине верхнего блока сайта? а то у меня он ушел в лево :)

3 alexejon Дата: 09.04.2012 Время: 13:12 [№ 12777] [Материал]

Подскажите как сделать что бы выводилась вся инфа при помощи информеров? Или ротаторов или как то еще? Что бы не писать в ручную постоянно. Думаю многие хотели бы так сделать. Уже давно ищу и не могу найти решения вопроса. Пытался сам, но что-то все не то выходит.