Уникальный Слайдер uCoz (версия 2.0) (специально для webo4ka)


Уникальный Слайдер uCoz (версия 2.0) (специально для webo4ka)

2642
10 из 10
Проголосовало: 5






Что нового в этой версии?:
-добавлен фон в слайдер
-изменены стрелки
-слайдер стал компактнее
-исходники брались с другого сайта
Установка очень проста, приступим к ней!
УСТАНОВКА

1) Создаем информер с такими данными:



2) Код Шаблона Информера Заменяем На:

Code
<li class="image" id="">  
  <a style="background-image: url($IMG_SMALL_URL1$); width:60; height:60" href="$ENTRY_URL$">  
  <img width="90" height="60" src="$IMG_SMALL_URL1$" class="attachment-90x60 wp-post-image" alt="$ENTRY_NAME$" title="$ENTRY_NAME$" /></a></li>


3) Где Хотим Видеть Слайдер:

Quote
<style>div#submenu-wrapper{clear:both;height:auto;min-height:41px;padding:5px 5px 0 5px;}
* html div#submenu-wrapper{height:39px;}
div.expanded#submenu-wrapper{background-position:0 -46px;}
div#submenu-wrapper{background:transparent url(http://nick.com/nick-assets/navigation/primary/shownav_bg.png) repeat-x;margin:0 auto;height:44px;padding:2px 0 0 0;position:relative;width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div#submenu-wrapper .cap{height:39px;width:5px;display:inline-block;overflow:hidden;vertical-align:middle;position:relative;top:-2px;}
.ie7 div#submenu-wrapper .cap{zoom:1;display:inline;}
div#submenu-wrapper .hidden.cap{display:none;}
div#submenu-wrapper #startcap{background:transparent url(http://nick.com/nick-assets/navigation/primary/shownav_startcap.png) top left no-repeat;}
div#submenu-wrapper #endcap{background:transparent url(http://nick.com/nick-assets/navigation/primary/shownav_endcap.png) top right no-repeat;}
#submenu{background:none;height:36px;margin:0 auto;position:relative;overflow:hidden;width:100%;display:inline-block;vertical-align:middle;}
.ie7 #submenu{zoom:1;display:inline;}
#submenu ul{background:none;}
#submenu li a{background-repeat:no-repeat;}
#submenu-wrapper div.ctrl{background-position:left bottom;background-color:transparent;background-repeat:no-repeat;cursor:pointer;display:inline-block;width:24px;height:36px;vertical-align:middle;text-indent:-9999em;overflow:hidden;}
#submenu-wrapper div.ctrl.hidden{display:none;}
.ie7 #submenu-wrapper div.ctrl{zoom:1;display:inline;}
#submenu-wrapper div.ctrl:hover{background-position:0 -35px;}
#submenu-wrapper div.ctrl.end{background-position:left top;cursor:default;}
#submenu-wrapper div#navPrevious{background-image:url(http://nick.com/nick-assets/navigation/primary/left_arrow_showpage.png);}
#submenu-wrapper div#navNext{background-image:url(http://nick.com/nick-assets/navigation/primary/right_arrow_showpage.png);}
#submenu li{float:left;}
#submenu img{position:absolute;right:0;top:0;z-index:1;pointer-events:none;display:none;}
#submenu li a{background-position:0 bottom;border:1px solid white;display:inline-block;height:70px;margin:0 2px;outline:none;text-indent:-9999em;width:62px;}
.ie7 #submenu li a{display:inline;font-size:0;line-height:0;text-indent:0;}
#submenu li a:hover{background-position:0 top;}
div#club-submenu-wrapper{margin-top:5px;background:url("http://nick.com/assets/Backgrounds/content_frame.png") no-repeat scroll 0 0 transparent;clear:both;height:auto;min-height:41px;padding:5px 5px 0;width:985px;}
#home-page div#submenu-wrapper{background:transparent url(http://nick.com/nick-assets/navigation/primary/hpnav_bg.png) no-repeat;padding:4px;width:986px;}
#home-page #submenu{height:42px;width:926px;position:relative;left:26px;}
#home-page div#submenu-wrapper #startcap,#home-page div#submenu-wrapper #endcap{background:none;}
#home-page #submenu-wrapper div.ctrl{background-position:bottom;background-repeat:no-repeat;border:none;display:block;height:45px;position:absolute;text-indent:-9999em;top:3px;width:30px;z-index:1;}
#home-page #submenu-wrapper div:hover.ctrl{background-position:0 -44px;}
#home-page #submenu-wrapper div.ctrl.end{background-position:top;}
#home-page #submenu-wrapper div#navPrevious{background-image:url(http://nick.com/nick-assets/navigation/primary/left_arrow.png);left:5px;margin-right:1px;}
#home-page #submenu-wrapper div#navNext{background-image:url(http://nick.com/nick-assets/navigation/primary/right_arrow.png);right:5px;}
#mainmenu-wrapper ul,#submenu-wrapper ul{margin:0;padding:0;}
#mainmenu-wrapper li,#submenu-wrapper li{list-style-type:none;}
div#header-external div#submenu-wrapper{clear:both;background:transparent url(http://nick.com/assets/Backgrounds/content_frame.png) no-repeat 0 0;_background-image:url(http://nick.com/assets/Backgrounds/content_frame.gif);height:auto;min-height:41px;padding:5px 5px 0 5px;width:986px;}
* html div#header-external div#submenu-wrapper{height:41px;}
div#header-external div.expanded#submenu-wrapper{background-position:0 -46px;}
div#header-external div.expanded#submenu-wrapper td#submenu-more{background-color:#e9eaea;height:38px;line-height:36px;}
div#header-external div.expanded#submenu-wrapper{margin-bottom:0;}
div#header-external div.expanded#submenu-wrapper td#submenu-more a{color:#707D8E;}
div#header-external div.expanded#submenu-wrapper td#submenu-more a:hover{background-image:none;}</style>
<script src="http://nick.com/js/jquery/jquery.tooltip.js" language="javascript" type="text/javascript"></script>
<script src="http://nick.com/js/min/base.js" language="javascript" type="text/javascript"></script>
<br><br>
<div id="submenu-wrapper"><div class="cap hidden" id="startcap"></div><div class="ctrl end hidden" id="navPrevious">Previous</div><div id="submenu"><ul style="position: relative; width: 2688px" class="clearfix">$MYINF_3$</ul><img src="http://nick.com/nick-assets/navigation/primary/thumb_fade.png"/></div><div class="ctrl end hidden" id="navNext">Next</div>


То, что выделенно красным заменяем. Установка Завершена!
Автор публикации: Загрузка
Загрузка
Maestro, это его n материал
Источник: http://webo4ka.ru
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 7
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: