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


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



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



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

Слайдер(кликабельный)

Слайдер(кликабельный) Слайдер, кликабельный, Бесплатно
Лёгенький слайдер,меняем ссылки на картинки и на новости(ссылки на файлы) на свои и всё.
Создаём глобальный блок SLIDER,вставляем код
В нужное место ставим $GLOBAL_SLIDER$
Code

<div align="center"><img src="http://slimyalta.net/Slider/imgrot/NawGames.png" alt="the description of image 2" />

<style type="text/css">  
<!--  
#slideshow {  
  position: relative;  
  padding: 0;  
  list-style: none;  
  width: 620px; /* the width of the container, change if necessary */  
  height: 300px; /* the height of the container, change if necessary */  
}  

#slideshow img {  
  border: none;  
}  

#slideshow .arrow {  
  width: 40px;  
  height: 70px;  
  display: block;  
  position: absolute;  
  top: 28%;  
  text-indent: -9999px;  
  overflow: hidden;  
  cursor: pointer;  
  z-index: 70;  
}  

#slideshow .arrowL {  
  background: url(http://slimyalta.net/Slider/imgrot/slideView_arrows.png) no-repeat 0px 30px;  
  left: 0px;  
  display:block;  
}  

#slideshow .arrowR {  
  background: url(http://slimyalta.net/Slider/imgrot/slideView_arrows.png) -40px 30px no-repeat;  
  right: 0px;  
   
}  
.slideView, .thumbList {  
  margin: 0;  
  padding: 0;  
  list-style: none;  
}  

.slideView {  
  height: auto;  
  position: relative;  
  top: 0;  
  left: 0;  
  overflow: hidden;  
  z-index: 0;  
}  

.slideView li {  
  width: 100%;  
  height: 274px; /* the height of the slideshow, change if necessary */  
  float: left;  
  margin: 0;  
  display: inline;  
}  
.slideView li a {  
  display: block;  
  width: 100%;  
  height: 100%;  
}  

#slideshow .wrap {  
  background: black;  
  position: absolute;  
  height: 75px;  
  bottom: 0;  
  left: 0px;  
  z-index: 90;  
}  

#slideshow .thumbList {  
  position: relative;  
  top: 0;  
  left: 0;  
  overflow: hidden;  
  z-index: 100;  
  width: auto;  
  display:none;  
}  

#slideshow .thumbList li {  
  width: 90px;  
  height: 100%;  
  display: inline;  
  float: left;  
  margin: 0;  
  display:none;  
}  

#slideshow .desc {  
  padding: 0px 20px 0px 16px;  
  width: 620px; /* the width of the desccription, change if necessary */  
  height: 30px;  
  background: white;  
  position: absolute;  
  top: 0px;  
  left: 0px;  
  color: black;  
  z-index: 200;  
  font-weight: bolder;  
  border-bottom: 1px solid Gray;  
  font-size: 12px;  
  line-height: 30px;  
  overflow: hidden;  
  display:none;  

}  
#slideshow .thumbList li a {  
  display: block;  
  width: 64px;  
  height: 47px;  
  margin-left: 9px;  
  margin-top: 9px;  
  border: 2px solid #17d2db;  
}  

#slideshow .thumbList li a:hover {  
  border-color: #f75514;  
}  
-->  
</style>  
<script src="http://slimyalta.net/Slider/js/slideView.js" type="text/javascript"></script>  
<script type="text/javascript">  
$(function() {  
  $("#slideshow").slideView();  
});  
</script>  
  <div id="slideshow">  
  <ul class="slideView">  
  <div class="bannertop"><div class="dleft"><div class="dright">
  <div id="bannertop">

  <li><a href="http://slimyalta.net/news/battlefield_bad_company_2_rus_eng_repack_video_obuchenie_fix/2010-03-01-2204"><img src="http://slimyalta.net/Slider/img/2.jpg" alt="the description of image 2" /></a></li>
  <li><a href="ССЫЛКА НА НОВОСТЬ"><img src="ССЫЛКА НА КАРТИНКУ" /></a></li>
  <li><a href="ССЫЛКА НА НОВОСТЬ"><img src="ССЫЛКА НА КАРТИНКУ" /></a></li>
  <li><a href="ССЫЛКА НА НОВОСТЬ"><img src="ССЫЛКА НА КАРТИНКУ" /></a></li>

  </ul>  
</div>
</div>
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 4459 | Комментарии: 7 | Рейтинг: 3.0/2 | |Категория: Скрипты информеры | Добавил: Ruslan_94 | Дата: 25.03.2010 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 7
7 master-rf   Дата: 29.07.2015  Время: 10:58   [№ 15474]
Как и куда блок вставлять???

6 ura79i   Дата: 01.01.2014  Время: 19:54   [№ 15142]
Не работает, исправьте своё детище.

+2   Спам
5 StraJ   Дата: 25.02.2011  Время: 22:52   [№ 6748]
неработает!!!

4 benimax7   Дата: 29.03.2010  Время: 22:51   [№ 2342]
Спасибо кульная вещь happy

3 twoels   Дата: 27.03.2010  Время: 00:19   [№ 2290]
Я вот не как не могу понять как поставить,если не трудно зделайте видеоурок по этой теме буду очень благодарен)

2 Hatestaad   Дата: 26.03.2010  Время: 21:11   [№ 2284]
Спасибо давно искал !! biggrin

1 NEs4aste   Дата: 25.03.2010  Время: 22:58   [№ 2259]
Спасибо ! Себе поставил


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

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


Поиск


На форуме

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

0

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

1

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

9

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

0

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

0

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

51

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

1

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

9

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

2

10 Уже все перепробовал )

1


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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