Репутация в виде заполняющейся полоски

2250
6.6 из 10
Проголосовало: 12




  • Скачать с сервера
  • Скачать
  • Смотреть демо


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

Значения репутации и цвет полосок:

<0 -
0-20 -
20-100 -
100-200 -
200-500 -
>500 -

Установка:

1) Залейте все картинки из прикрепленного архива в папку rep в корне сайта.

2) Вставьте следующий код в нужное место в шаблоне Вид материалов Форума

Code
<?if($READ_REP_URL$)?>  

  <div align="center">  
  <div style="text-align:center;width:200px;">  
  <div align="<?if($REP_RATING$<0)?>right<?else?>left<?endif?>" style="width:200px;background:url(/rep/rbg.jpg) #fff;border-bottom:2px solid #dfdfdf;margin:4px 0 0 0;">  
  <div style="height:23px;width:<?if($REP_RATING$<-100)?>100<?else?><?if($REP_RATING$<0)?><?substr($REP_RATING$,1)?><?else?><?if($REP_RATING$<=20)?><?($REP_RATING$*5) ?><?else?><?if($REP_RATING$<=100)?><?(($REP_RATING$-20)*1.25)?><?else?><?if($REP_RATING$<=200)?><?(($REP_RATING$-100))?><?else?><?if($REP_RA TING$<=500)?><?(($REP_RATING$-200)/3)?><?else?><?if($REP_RATING$<=1000)?><?(($REP_RATING$-500)/5)?><?else?>100<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>%;background:url(/rep/<?if($REP_RATING$<0)?>0<?else?><?if($REP_RATING$<=20)?>1<?else?><?if($REP_RATING$<=100)?>2<?else?><?if($REP_RATING$<=200)?>3<?else?><?if($RE P_RATING$<=500)?>4<?else?><?if($REP_RATING$<=1000)?>5<?else?>5<?endif?><?endif?><?endif?><?endif?><?endif?><?endif?>bg.jpg);"></div>  
  </div>  

  <div style="position:relative;text-align:center;width:100%;text-align:center;">  
  <div style="width:200px;bottom:7px;text-shadow:0 1px 0 #f0f0f0;font-size:11px;position: absolute;top: -20px;"><a style="text-decoration:none;color:black;" href="$READ_REP_URL$">$REP_RATING$</a><?if($DO_REP_URL$)?><a style="text-decoration:none;color:black;" href="$DO_REP_URL$" title="Изменить репутацию">±</a><?endif?></div>  
  </div>  
  </div>  
  </div>  

  <?endif?>


всё!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://UnShame
  • Всего комментариев: 6

Fresh
Ответить
+3
Fresh написал: Написано 12 Марта 2012 в 21:44
Комментарий №6
Klasno!

Novak
Ответить
+2
Novak написал: Написано 12 Марта 2012 в 21:20
Комментарий №5
Кул для замечаний полоски были бы xD

SPECNAZik
Ответить
0
SPECNAZik написал: Написано 12 Марта 2012 в 18:46
Комментарий №4
Норм че. Я бы то ко цвета поменял с 200- 500 зеленым поставил бы, а так се окау. happy happy

Kelin
Ответить
-8
Kelin написал: Написано 12 Марта 2012 в 11:52
Комментарий №3
Не, так себе вид

Voker
Ответить
+6
Voker написал: Написано 12 Марта 2012 в 10:18
Комментарий №1
лучше бы было если бы +/- были по краях как здесь!
а вообщим не плохо!

doc74
Ответить
+5
doc74 написал: Написано 12 Марта 2012 в 11:42
Комментарий №2
Впринципе можно переделать happy

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

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

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    484
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: