Скрипты для ucoz - Скачать файлы - Каталог файлов - Заказать раскрутку сайта 100% гарантия продвижения
Гарантирую вывод в топ Яндекса и Google! Заказать сайт либо его продвижение можно здесь >>
Каталог файлов
Главная | Регистрация | Вход

Заказать сайт вебмастеру можно здесь

сайт турфирмы Юник

Раскрутка unique-travel.ru - сайта о турах и экскурсиях по всему миру

История продвижения сайта - Перейти на сайт турфирмы.

www.orlovsky-fun.ru - сайт караоке клуба Кадиллак

Поддержка и продвижение с августа 2012 года История продвижения сайта - Перейти на сайт клуба Кадиллак.

Продвижение visitscope.ru - русское экскурсионное бюро в Париже

Продвижение с 2012 года История продвижения сайта - Перейти на сайт экскурсионного бюро.

www.webpublication.ru - французская компания Интернет публикаций

Продвижение с июня 2013 года История продвижения сайта - Заказать интерактивную публикацию.

Комбинированные туры в Италию

www.italiano-tour.ru - Комбинированные туры в Италию

Создание и продвижение с февраля 2014 года История продвижения сайта - Комбинированные туры в Италию

Раскрутка сайта www.gifprikol.com - Анимационные приколы.

Создание и продвижение с февраля 2012 года Лучшие GIF приколы

Создание и продвижение сайта newhit.org - Новые mp3 рингтоны

Создание и продвижение с мая 2014 года. История продвижения сайта - Новинки хит парадов

Раскрутка и создание сайта о лекарствах - citofarma.ru

Создание и продвижение с февраля 2012 года Бесполезные лекарства

  • unknown master
  • unknown master
  • unknown master
  • unknown master
  • unknown master
  • GIF приколы
  • рингтоны новинки
  • Лекарства
Заказать раскрутку сайта

Популярные материалы

[09.10.2013][Белые каталоги]
Доски объявлений без регистрации для раскрутки сайта (2)
[11.09.2012][Белые каталоги]
Список белых каталогов для раскрутки сайта скачать бесплатно (4)
[22.10.2012][Белые каталоги]
Белые каталоги для раскрутки сайтов Скачать списком (2)
[12.03.2014][Скрипты для ucoz]
Красивый Слайдер для ucoz сайтов (0)
[07.12.2012][Скрипты для ucoz]
Скрипт переводчика для ucoz скачать (1)

Последние новости

[23.09.2015][Скрипты для ucoz]
Красивый Слайдер для ucoz c демо (0)
[28.07.2014][Шаблоны для ucoz]
Шаблон бизнес сайта для ucoz (0)
[29.07.2014][Шаблоны для ucoz]
Шаблон музыкального сайта с плейлистами скачать (0)
[13.08.2014][Шаблоны для ucoz]
Шаблон для ucoz c рабочим конструктором (1)
[14.08.2014][Шаблоны для ucoz]
Шаблон для ucoz тема игры и развлечения (0)

Форма входа

Меню сайта

Статистика


Онлайн всего: 11
Гостей: 11
Пользователей: 0

Главная » Файлы » Скачать файлы » Скрипты для ucoz

В категории материалов: 10
Показано материалов: 1-10
Страницы:

Сортировать по: Дате · Названию · Рейтингу · Комментариям · Загрузкам · Просмотрам

Рабочий слайдер для ucoz сайта + демо

Демо слайдера

Возможные изменения в слайдере

Не исключено что эта информация может пригодится:
1.Вопрос: Как сделать слайдер не фиксированным по ширине, а на всю свободную ширину?
1.Ответ: Заменить в стилях (max-width:600px;) на (max-width:100%;) и убрать функцию в скрипте (itemWidth:600,). Имейте в виду что элементы слайдов должны иметь одинаковый размер, иначе будет корявово.
2.Вопрос: Как убрать расположение слайдера по центру?.
2.Ответ: По умолчанию слайдер будет центрироваться, чтобы сделать расположение свободным уберите в стилях строку (margin:0 auto;).
3.Вопрос: Как убрать пустой промежуток между слайдами?
3.Ответ: Измените в стилях строку (margin-right: 5px !important;) на (margin-right: 0 !important;) и удалите функцию в скрипте (itemMargin:5,).

Слайдер с адаптивными свойствами будет изменять свои размеры относительно свободного пространства окна. Изначальные размеры изображений не имеют значения и будут масштабироваться согласно устанавливаемым размерам по месту. FlexSlider может использоваться как слайдер для видео, применяя в качестве слайдов видео проигрыватели. Резиновый слайдер имеет большое количество настроек, при помощи которых Вы сможете настроить воспроизведение на своё усмотрение. По умолчанию, готовый код для установки полностью настроен, Вам останется поместить его в требуемое место, изменить путь к используемым слайдам и радовать посетителей своими творениями. Форма комментариев ВКонтакте предназначена для краткого диалога о материале, для получения дополнительной информации технического характера нужно использовать стандартную форму комментариев.

 




Функциональные настройки FlexSlider

Описаны основные функции и применяемые значения в слайдере, Вы можете на свой вкус настроить работу FlexSlider для отображения изображений или видео проигрывателей. Там где значения прописываются без кавычек, изменяйте без них, а где значения указаны в кавычках, при изменении указывайте в кавычках. И обратите внимание что после каждой вписанной функции со значением стоит запятая, её нет только последней функции.

 

Функция Описание функции
animation: "slide",

Применяемый тип анимации для смены слайдов, можно применить значение fade.

slideshow: true,

Автовоспроизведение слайдов, по умолчанию включено, можно отключить значением false.

easing: "linear",

Функция изменения поведения анимации, подробнее о возможностях и применяемых значениях Вы можете узнать из статьи:

direction: "horizontal",

Вы можете установить направление движения изображений горизонтально или вертикально используя значение vertical.

reverse: false,

Реверсивное движение изображений, по умолчанию отключено, чтобы включить измените на true.

startAt: 0,

Слайдер может начинать показ изображений с любого указанного в числе, по умолчанию ноль, значит с первого в коде.

slideshowSpeed: 3000,

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

animationSpeed: 600,

Скорость интенсивности анимации указанное в миллисекундах.

randomize: false,

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

pauseOnAction: true,

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

pauseOnHover: false,

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

useCSS: true,

Разрешить использование свойств CSS3 для добавления индивидуальных особенностей, не рекомендуется изменять, но если есть желание, тогда меняем на false.

touch: true,

Разрешить сенсорную навигацию на поддерживаемых устройствах, не стоит менять, но раз надо, меняем на false.

video: false,

Функция использования видеопроигрывателя вместо изображений, по умолчанию отключено, если собираетесь использовать слайдер для видео, нужно включить значением true во избежание грфических глюков.

controlNav: true,

Использование элементов управления для смены индивидуального слайда, для отключения используйте false

directionNav: true,

Элементы управления сменой слайдов вперёд\назад, по умолчанию включены, для отключения используйте false.

prevText: "<",

Использование текста в элементе управления кнопки назад\предыдущий, по умолчанию используется стралочка но можно изменить по своему усмотрению.

nextText: ">",

Использование текста в элементе управления кнопки вперёд\следующий, по умолчанию используется стралочка но можно изменить по своему усмотрению.

keyboard: true,

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

itemWidth: 600,

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

itemMargin: 5,

Внешний отступ между слайдами, при отсутствии промежутков установить значение ноль, выше в стилях так же установить значение 0 (ноль).



Установка слайдера

Скрипты для ucoz | Просмотров: 242 | Загрузок: 13 | Дата: 23.09.2015

Красивый Слайдер для ucoz c демо

Для тех кто ищет красивый слайдер для своего сайта могу порекомендовать следующий - демо версия слайдера

Как он будет смотреться на сайте можно посмотреть здесь

Установка слайдера:

1. Скачиваете архив с моего сайта.

Создаете папку images и закачиваете в нее картинки - названия картинок должны быть аналогичны тем, которые вы найдете в архиве.

2. В css добавляем код из файла css.txt

3. Код слайдера размещаете на страницу.

Я рекомендую ставить слайдер на отдельную странице а на сайт вставлять его при помощи iframe

Пример такого кода

<center><IFRAME src="http://rusmarket.ucoz.net/slaider.htm" width="900" height="320" scrolling="no" frameborder="0"></IFRAME></center>

Как видете все довольно просто.

Рабочий демо вариант страницы так же лежит в архиве.

Скрипты для ucoz | Просмотров: 581 | Загрузок: 56 | Дата: 23.09.2015

Слайдер для ucoz смена слайдов по клику

 

Установка слайдера

Шаг 1. JavaScript:

Необходимо установить на нужные страницы сайта, после закрывающего тега head, следующие скрипты:
 
Код
<script type="text/javascript" src="/js/slides.js"></script>
<script type="text/javascript">
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'loading.gif',
play: 5000,
pause: 2500,
hoverPause: true,
animationStart: function(current){
$('.caption').animate({
bottom:-35
},100);
if (window.console && console.log) {
console.log('animationStart on slide: ', current);
};
},
animationComplete: function(current){
$('.caption').animate({
bottom:0
},200);
if (window.console && console.log) {
console.log('animationComplete on slide: ', current);
};
},
slidesLoaded: function() {
$('.caption').animate({
bottom:0
},200);
}
});
});</script>


В последнем скрипте имеются настройки вывода слайдов:
play: 5000 → цифра задаёт время, через которое будет происходить смена слайдов;
hoverPause: true → если оставить значение true, то при наведении мыши на слайд, прокрутка слайдов будет прекращена, если false при наведении мыши на слайд не произойдет ничего;
preload: true → по аналогии, true - выводится gif-картинка предзагрузки изображений, false - картинка не будет выводиться;
effect: 'fade' → эффект перехода изображений (его в скрипте нет, можно добавить на своё усмотрение).

Шаг 2. CSS:
Код
.container {width:580px;padding:10px;margin:0 auto;position:relative;z-index:0;}
#example {width:600px;height:350px;position:relative;}
#ribbon {position:absolute;top:-3px;left:-15px;z-index:500;}
#frame {position:absolute;z-index:0;width:739px;height:341px;top:-3px;left:-80px;}
#slides {position:absolute;top:15px;left:4px;z-index:100;}
.slides_container {width:570px;overflow:hidden;position:relative;display:none;}
.slides_container div.slide {width:570px;height:270px;display:block;}
#slides .next, #slides .prev {position:absolute;top:107px;left:-39px;width:24px;height:43px;display:block;z-index:101;}
#slides .next {left:585px;}
.pagination {margin:26px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(paginati.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
.caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0, 0, 0, .5);width:540px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;}
.slide{position: absolute; top: 0px; left: 570px; display: none; z-index: 0;}


Шаг 3. HTML:
Устанавливаем следующий код в то место, где будет сам слайдер:
Код
<div class="container" id="example"><div id="slides"><div class="slides_container">

<div class="slide">
<a href="#"><img src="slide-10.jpg" width="570" height="270" alt="Slide 1"></a>
<div class="caption" style="bottom:0"><p>Логотип uCoz</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-20.jpg" width="570" height="270" alt="Slide 2"></a>
<div class="caption">
<p>Тут описание</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-30.jpg" width="570" height="270" alt="Slide 3"></a>
<div class="caption">
<p>Opa Gangnam Style :D</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-40.jpg" width="570" height="270" alt="Slide 4"></a>
<div class="caption">
<p>Описание текста, представим, что тут много текста.</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-50.jpg" width="570" height="270" alt="Slide 5"></a>
<div class="caption">
<p>Описание</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-60.jpg" width="570" height="270" alt="Slide 6"></a>
<div class="caption">
<p>Логотип uCoz'a</p>
</div></div>

<div class="slide">
<a href="#"><img src="slide-70.jpg" width="570" height="270" alt="Slide 7"></a>
<div class="caption">
<p>Логотип uCoz'a</p>
</div></div>

</div>

<a href="#" class="prev"><img src="arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="arrow-next.png" width="24" height="43" alt="Arrow Next"></a>

</div>
<img src="example-.png" width="739" height="341" alt="Example Frame" id="frame">
</div>
Скрипты для ucoz | Просмотров: 261 | Загрузок: 10 | Дата: 21.09.2015

Скрипт простой слайдер для ucoz

Устанавливать слайдер рекомендую на отдельную страницу, а выводить при помощи iframe

В архиве папки которые нужно залить на сервер, картинки и описание разумеется можно поменять на свои

Скрипты для ucoz | Просмотров: 271 | Загрузок: 8 | Дата: 21.09.2015

 

Обычно эту галерею ставят в шапку - поэтому эта страница у меня разъехалась...

 

Пример работы скрипта смотрите здесь

 

 

Скрипты для ucoz | Просмотров: 2811 | Загрузок: 158 | Дата: 10.04.2014

 

Красивый дизайн сайта для ucoz сайтов

Мне тут случайно попался довольно приятный дизайн сайта Сергея Григорьева - довольно приятная гамма

- решил перенести его на ucoz - результат смотрите по ссылке с картинки :)

Как это сделать?

Довольно просто - смотрите код страницы - сохраняете его в текстовом файле - далее для надежности, чтобы не зависеть от работы чужого сайта, загружаете картинки на свой сайт

и прописываете абсолютный путь к плееру и mp3 файлам, чтобы не загружать к себе mp3 файлы - после чего  сохраняете эту страничку с расширением htm и загружаете ее на свой сайт

Теперь страничка вашего кумира у вас на сайте :)

Скрипты для ucoz | Просмотров: 1391 | Загрузок: 0 | Дата: 03.04.2014

Красивый Слайдер для ucoz сайтов скачать


Установка скрипта
1. В html редакторе вставляете код скрипта и сохраняете как html страницу, например я назвал свой файл slader2.htm

Далее закачиваете ее на свой сайт - мой слайдер установлен на странице: http://seoclub.ucoz.ru/slaider2.htm

2. Вставлять на страницу рекомендуется с помощью фрейма

<center><iframe src="http://seoclub.ucoz.ru/slaider2.htm" frameborder="0" height="400" width="800"></iframe></center>

 

 

3. Картинки разумеется можно заменить на свои. В архиве со скриптом так же прилагаются вспомогательные картинки (стрелки, фон) которые желательно загрузить на свой сайт, и прописать их адреса в своем файле слайдера.

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


Код скрипта:

<style>
#content {
width:600px;
margin:0px;
}
.slider {
float:left;
width:600px;
height:350px;
position:relative;
padding-bottom:26px;
background:url(http://seoclub.ucoz.ru/slaider2/bottom_shadow.png) no-repeat bottom center;
}
.sliderContent {
float:left;
width:600px;
height:350px;
clear:both;
position:relative;
overflow:hidden;
}
.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(http://seoclub.ucoz.ru/slaider2/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}
.prev {
background-position:0 0;
left:15px;
}
.prev:hover {
background-position:0 -44px;
}
.next {
right:15px;
background-position:-44px 0;
}
.next:hover {
background-position:-44px -44px;
}
.sliderContent .item {
position:absolute;
width:600px;
height:350px;
background:#fff;
}
.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}
.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(http://seoclub.ucoz.ru/slaider2/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position:0 -11px;
}
.sliderContent a {
outline:none;
}
</style>
</head>
<body>
<div class="slider dsslider">
<div class="sliderContent">
<div class="item">
<img src="http://seoclub.ucoz.ru/slaider2/img/001.jpg" alt="" />
</div>
<div class="item">
<img src="http://seoclub.ucoz.ru/slaider2/img/002.jpg" alt="" />
</div>
<div class="item">
<img src="http://seoclub.ucoz.ru/slaider2/img/003.jpg" alt="" />
</div>
<div class="item">
<img src="http://seoclub.ucoz.ru/slaider2/img/004.jpg" alt="" />
</div>
<div class="item">
<img src="http://seoclub.ucoz.ru/slaider2/img/005.jpg" alt="" />
</div>
<div class="item">
<img src="http://seoclub.ucoz.ru/slaider2/img/006.jpg" alt="" />
</div>
</div>
</div>
<script type="text/javascript" src="http://s36.ucoz.net/src/jquery-1.7.2.js"></script>
<script src="http://seoclub.ucoz.ru/slaider2/mobilyslider.js" type="text/javascript"></script>
<script type="text/javascript">
$('.dsslider').mobilyslider({
transition: 'fade',
animationSpeed: 800,
autoplay: true,
autoplaySpeed: 3000,
pauseOnHover: true,
bullets: true,
arrowsHide: true
});
</script>

 

 

 

 

 

 

 

 

Скрипты для ucoz | Просмотров: 3584 | Загрузок: 259 | Дата: 12.03.2014

Скачать список битых ссылок для сайта
Скрипты для ucoz | Просмотров: 425 | Загрузок: 70 | Дата: 03.07.2013

Скрипт добавляет ссылку при копировании материалов сайта.

Проверить работу скрипта очень просто -
Попробуйте скопировать любой текст на сайте http://seoclub.ucoz.ru
и после этого вставить его либо в поле для комментариев или любой текстовой файл.

Скрипт который вы скачаете нужно вставить в редакторе между тегам <head> и </head>

 

 

 

Скрипты для ucoz | Просмотров: 548 | Загрузок: 158 | Дата: 21.02.2013

 

Скрипт переводчика для ucoz скачать




переводчик для сайта

Скрипт переводчика для сайта ucoz скачать

 
Работу этого переводчика вы можете видеть на моем сайте. Для установки его на свой сайт вам нужно скачать архив где находятся скрипты и папка с картинками. Порядок установки скрипта на сайт следующий.

1. В файловом менеждере создаем папку translation в нее закачиваем папку с images и два скрипта из скаченного вами архива.

2. Создаете новый блок, куда вставляете код переводчика - он так же находится в скаченном архиве.

3. Если что непонятно смотрите видео. http://youtu.be/LUjtg76eKzw
 
 
 
 
 



 
Скрипты для ucoz | Просмотров: 3344 | Загрузок: 492 | Дата: 07.12.2012

Поиск

Я на Facebook

Будь вконтакте

Задать вопрос

200

Кто на сайте?


Выбрать язык / Choose language:
Ukranian
English
French
German
Japanese
Italian
Portuguese
Spanish
Danish
Chinese
Korean
Arabic
Czech
Estonian
Belarusian
Latvian
Greek
Finnish
Serbian
Bulgarian
Turkish