Дизайн сайта Главная Гостевая О сайте Скрипты Новости Статьи Новинки Связь Дизайн сайта

Форма входа
 
Категории раздела
 
Сколько материала вы добавили на сайт?
Всего ответов: 102
faq
  • Как скачать шаблон с сайта?
  • Как установить загруженный шаблон?
  • Что такое Ucoz?
  • Что такое шаблон?
  •  
    Статистика
    Пользователей которые уже скачали готовые

    уникальные шаблоны для ucoz

    4139

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
     
     
     
    Главная » Статьи » Скрипты для ucoz

    Рейтинг материала как на ютубе

    Описание: 
    Скрипт рейтинга файлов в стиле как на ютубе. Ведет учет лайков и дизлайков , все это отображается в полоске в процентном соотношении. 
    Установка: 
    1) В таблицу стилей вставляем:

    #ratBody {width:134px;margin:10px;} 
    #ratBody .voterating a {text-decoration: none;} 
    #ratBody .voterating .vote {display: block; height: 33px; background-image: url(http://csomsk.ru/1-ucoz/rip/votey-1-.png); background-repeat: no-repeat; overflow: hidden; cursor: pointer; position: relative; zoom: 1; float: left;} 

    #ratBody .sparkbar {width: 132px;} 

    #ratBody .sparkbar div {float: left; background: url() 0 0 no-repeat; height: 0px;} 

    #ratBody .sparkbar .sparkbar-likes{ border-right: 1px solid #141414; position: relative; margin-left: -1px; zoom: 1;} 

    #ratBody .sparkbar .sparkbar-dislikes { background-position: 100% -4px;} 
    #ratBody .voterating .voted { padding-top: 30px; font-size: 10px; color: #aaa; white-space: nowrap; } 

    span#vote-good {background-position: 0 0; margin: -5px 0 0 -4px; width: 107px;} 
    span#vote-good.active, 
    span#vote-good:hover { background-position: 0 -33px;;} 
    span#vote-good:active { background-position: 0 -66px;;} 
    span#vote-good span {display: block; line-height: 33px; color: #000; padding-left: 33px;} 

    span#vote-bad {width: 31px; background-position: -107px 0; text-indent: -99999px; overflow: hidden; margin-top: -5px;} 

    span#vote-bad.active, 
    span#vote-bad:hover{ background-position: -107px -33px;; } 
    span#vote-bad:active { background-position: -107px -66px;;} 

    .u-star-rating-12 {background: url("http://csomsk.ru/1-ucoz/rip/csomsk-1-.png") repeat-x; height: 12px !important; list-style: none outside none; margin: 0px; padding: 0px; position: relative; width: 130px !important; border: 1px solid #404040; border-radius: 2px;}

     


    2) В каталоге файлов (скрипт под раздел /load) на странице материалов и комментариев к нему вставляем код: 

      
    <div id="ratBody">  
    <div class="ratings">  
    <div class="voterating">  
    <div class="vote-button-holder">  
    <a href="javascript://" id="ucozua" onclick="$.get('/load/0-1-5-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали этот материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Позитивная оценка принята!','Проголосовали!',{w:270,h:60,t:8000})};});">  
    <span class="vote png" id="vote-good">  
    <span>Нравится</span></span></a>  
    <a href="javascript://" id="ucozua" onclick="$.get('/load/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали этот материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Негативная оценка принята!','Проголосовали!',{w:270,h:60,t:8000})};});">  
    <span class="vote png" id="vote-bad">Не нравится</span></a>  
    </div>  
    <div class="clearfix"></div>  
    <div class="voted">  
    <div class="sparkbar">  
    <?$RSTARS$('12','http://csomsk.ru/1-ucoz/rip/csomsk-1-.png','0','float')?>  
    </div></div></div></div></div>

     

     

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

     

     

    Категория: Скрипты для ucoz | Добавил: pastar (13.12.2014)
    Просмотров: 992 | Теги: скрипты для сайта, рейтинг как на ютубе, скрипты для юкоз, Рейтинг для сайта, рейтинг для материалов, Скрипт для uCoz | Рейтинг: 5.0/1
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
     
     
    Поиск
     
               

    На нашем сайте собраны лучшие новые шаблоны для ucoz: уникальные шаблоны для ucoz, бесплатные шаблоны ucoz. Мы постарались подобрать только качественные и уникальные шаблоны для UCOZ. Все шаблоны для UCOZ чётко разделены по своим категориям таким как : CS шаблоны, варез порталы, для дизайн студий, для простых сайтов, а так же шаблоны известных игр, блогов и другие интересные категории, поэтому найти нужный шаблон особой проблемы, для Вас не составит. Все готовые ucoz шаблоны загружены к нам на сервер в формате zip и rar, и имеют подробное описание по его установке внутри архива. С нашего сервера можно скачать бесплатно шаблоны для ucoz сделав один клик. Все ucoz шаблоны принадлежат их владельцам. templatesbox - не несёт ответственности за скачанные материалы с сайта.

    Карта сайта | Шаблоны для Ucoz

                          Шаблоны для сайта

    Вверх

    1
    Свернуть
    Развернуть чат
    Необходима авторизация
    0