Шаблоны для ucoz
Понедельник, 13.07.2020, 21:50
Меню сайта
Главная страница Новости Галерея Статьи Форум Друзья сайта

uCoz

Скрипты для uCoz Шаблоны для uCoz Иконки для форума Иконки для групп

Counter-Strike 1.6

Скачать Counter-Strike 1.6 Модели оружия CS 1.6 Модели игроков CS 1.6 Другие модели CS 1.6 Готовые серверы CS 1.6 Другие сервера CS 1.6 Руссификаторы CS 1.6 Background CS 1.6 Программы для CS 1.6 Античиты CS 1.6 Спрайты CS 1.6 Конфиги CS 1.6 Плагины CS 1.6 Патчи CS 1.6 Моды CS 1.6 Карты CS 1.6 Боты CS 1.6

Counter-Strike: Source

Cкачать CSS Перчатки для CSS Руки для CSS Модели игроков для CSS Модели оружия для CSS Готовые сервера для CSS Руссификаторы для CSS Темы меню для CSS Античиты для CSS Плагины для CSS Карты для CSS Моды для CSS Боты для CSS
Категории:
Наши баннеры

Наши баннеры
Наш опрос
Как вам сайт?


Архив
Результаты
Всего голосовало: 1870
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум WEB Мастеров » Система uCoz » Другие скрипты для uCoz » Слайдер изображений
Слайдер изображений
GrandmanДата: Суббота, 15.05.2010, 13:34 | Сообщение # 1

Генералиссимус

ICQ:438433580

Сообщений: 977


[ ]


Нет на месте

Шаг 1:
Ниже приведенный код вставьте внутри тега <body>:

Code
<!-- By For24.ru~--> <div id="header">  
<div class="wrap">  
<div id="slide-holder">  
<div id="slide-runner">  
<a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>  
<a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>  
<a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>  
<a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>  
<a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>  
<a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>  
<a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a>  
<div id="slide-controls">  
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>  
<p id="slide-desc" class="text"></p>  
<p id="slide-nav"></p>  
</div>  
</div>  
</div>  
</div>  
</div><!-- By For24.ru~-->

Шаг 2:
Подключаем стили css:

Code
*{  
margin:0;  
padding:0;  
}  
html{  
height:100%;  
}  
body{  
height:100%;  
color:#a4a4a4;  
cursor:default;  
font-size:11px;  
line-height:16px;  
text-align:center;  
background-color:#000;  
background-position:50% 0;  
background-repeat:no-repeat;  
font-family:Tahoma,sans-serif;  
}  
a:link,a:visited{  
color:#fff;  
text-decoration:none;  
}  
a img{  
border:0;  
}  
div.wrap{  
width:993px;  
margin:0 auto;  
text-align:left;  
}  
div#top div#nav{  
float:left;  
clear:both;  
width:993px;  
height:52px;  
margin:22px 0 0;  
background:url url(images/nav-bg.png) 0 0 no-repeat;  
}  
div#top div#nav ul{  
float:left;  
width:700px;  
height:52px;  
list-style-type:none;  
}  
div#nav ul li{  
float:left;  
height:52px;  
}  
div#nav ul li a{  
border:0;  
height:52px;  
display:block;  
line-height:52px;  
text-indent:-9999px;  
}  
div#header{  
margin:-1px 0 0;  
}  
div#video-header{  
height:683px;  
margin:-1px 0 0;  
}  
div#header div.wrap{  
height:299px;  
background:url(images/header-bg.png) 50% 0 no-repeat;  
}  
div#header div#slide-holder{  
z-index:40;  
width:993px;  
height:299px;  
position:absolute;  
}  
div#header div#slide-holder div#slide-runner{  
top:9px;  
left:9px;  
width:973px;  
height:278px;  
overflow:hidden;  
position:absolute;  
}  
div#header div#slide-holder img{  
margin:0;  
display:none;  
position:absolute;  
}  
div#header div#slide-holder div#slide-controls{  
left:0;  
bottom:228px;  
width:973px;  
height:46px;  
display:none;  
position:absolute;  
background:url(images/slide-bg.png) 0 0;  
}  
div#header div#slide-holder div#slide-controls p.text{  
float:left;  
color:#fff;  
display:inline;  
font-size:10px;  
line-height:16px;  
margin:15px 0 0 20px;  
text-transform:uppercase;  
}  
div#header div#slide-holder div#slide-controls p#slide-nav{  
float:right;  
height:24px;  
display:inline;  
margin:11px 15px 0 0;  
}  
div#header div#slide-holder div#slide-controls p#slide-nav a{  
float:left;  
width:24px;  
height:24px;  
display:inline;  
font-size:11px;  
margin:0 5px 0 0;  
line-height:24px;  
font-weight:bold;  
text-align:center;  
text-decoration:none;  
background-position:0 0;  
background-repeat:no-repeat;  
}  
div#header div#slide-holder div#slide-controls p#slide-nav a.on{  
background-position:0 -24px;  
}  
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}  
div#nav ul li a{background:url(images/nav.png) no-repeat;}

Шаг 3:простой JavaScript для Jquery ползунков:
Скопируйте и вставьте следующий код для Jquery ползунков после HTML BODY.

Code
<script type=" text="" javascript="">  
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];  
</script><!-- By For24.ru~-->

Обязательно скачайте архив

[azel]архив[/azel]


Icq 438433580
Форум WEB Мастеров » Система uCoz » Другие скрипты для uCoz » Слайдер изображений
  • Страница 1 из 1
  • 1
Поиск:
Поиск по сайту
Статистика
Онлайн:


Зарег. на сайте:
Всего: 25645
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов: 2
Модераторов: 1
Дизайнеров:
Файловиков: 1
Журналистов: 0
Проверенных: 24
Обычных: 25617
Забаненых: 0
Из них:
Парней: 2095
Девушек: 67
Счетчики:
Сегодня нас посетили:
Друзья сайта
Мы в TOP'ax
Свободно Свободно Свободно
СвободноСвободно Свободно
|