Другая версия скрипта рейтинга как ВК для ucoz

1507
10 из 10
Проголосовало: 1






Другая версия скрипта рейтинга как ВК для ucoz, думаю все знают как работает рейтинг сайта социалистки Вконтакте, опять же народные умельцы решили переделать и создать подобие как на выше указанном сайте социальной сети Vkontakte.

Установка:

ПУ вашего сайта - персональная страница
Ищем там:

Code
$_AVATAR$


И после него ставим:

Code
<div id="rate"></div>   
  <script>   
  var rating=+$_REPUTATION$+0;   
  $('#rate').html('<span>'+rating+'</span>');   
  if(rating<31){$('#rate').addClass('rate0')} else if(rating>30 && rating<61) {$('#rate').addClass('rate0')} else if(rating>60 && rating<101) {$('#rate').addClass('rate1')} else if(rating>100 && rating<251) {$('#rate').addClass('rate2')} else if(rating>250) {$('#rate').addClass('rate3')}   
  </script>


В css вставляете:

Code
#rate{background:#DAE2E8;color:#8BA1BC;height:21px;border-top: 1px solid #C0CCD9;border-bottom: 1px solid #C0CCD9;border-left: 1px solid #C0CCD9;border-right: 1px solid #C0CCD9;}   
  .rate1{background:#F5EBBB !important;color:#AAA26C !important;height:21px;border-top: 1px solid #E2DAA6 !important;border-bottom: 1px solid #E2DAA6 !important;border-left: 1px solid #E2DAA6 !important;border-right: 1px solid #E2DAA6 !important;}   
  .rate2{background:#C9B36E !important;color:#FFF2C8 !important;height:21px;border-top: 1px solid #A59250 !important;border-bottom: 1px solid #A59250 !important;border-left: 1px solid #A59250 !important;border-right: 1px solid #A59250 !important;}   
  .rate3{background:#E1CC7E !important;color:#948239 !important;height:21px;border-top: 1px solid #C5B565 !important;border-bottom: 1px solid #C5B565 !important;border-left: 1px solid #C5B565 !important;border-right: 1px solid #C5B565 !important;}   
  .rate4{background:#E1CC7E !important;color:#948239 !important;height:21px;border-top: 1px solid #C5B565 !important;border-bottom: 1px solid #C5B565 !important;border-left: 1px solid #C5B565 !important;border-right: 1px solid #C5B565 !important;}   
  #rate span {display:block;line-height:21px;text-align:center;}   
  #rates{background:#DAE2E8;color:#000;height:30px;border-top: 1px solid #C0CCD9;border-bottom: 1px solid #C0CCD9;border-left: 1px solid #C0CCD9;border-right: 1px solid #C0CCD9;}   
  #rates1{background:#F5EBBB;color:#000;height:30px;border-top: 1px solid #E2DAA6;border-bottom: 1px solid #E2DAA6;border-left: 1px solid #E2DAA6;border-right: 1px solid #E2DAA6;}   
  #rates2{background:#C9B36E;color:#000;height:30px;border-top: 1px solid #A59250;border-bottom: 1px solid #A59250;border-left: 1px solid #A59250;border-right: 1px solid #A59250;}   
  #rates3{background:#E1CC7E;color:#000;height:30px;border-top: 1px solid #C5B565;border-bottom: 1px solid #C5B565;border-left: 1px solid #C5B565;border-right: 1px solid #C5B565;}
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 1

POZ1TIV4IK
0
POZ1TIV4IK написал: Написано 20 Декабря 2011 в 11:22
Комментарий №1
Супер)

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
    Последние темы
    Опрос
    475
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: