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

2805
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 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    258
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 3
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: