Знаки отличия на персональной странице uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

Знаки отличия на персональной странице uCoz


Описание:

Знаки отличия для персональной страницы пользователя от будут стимулировать пользователя на различные действия на сайте + красиво и гармонично будут вписываться в ваш дизайн.

Награды будут выдаваться пользователям при условии:

  • 1) Если он подтвердит свой E-mail адрес
  • 2) Если он загрузит свою аватарку
  • 3) Если пользователь оставит 1 комментарий
  • 4) Если пользователь добавит материал в Ваш каталог
  • 5) Если пользователь оставит 1 сообщение на форуме
  • 6) Если пользователю повысят репутацию 1 раз
По аналогии вы можете усложнить код, сделать отдельные награды за первый пост на форуме, за 10, за 20 и т.д.

Установка скрипта:

Заходим в ПУ - Управление дизайном - модуль Пользователи - Персональная страница пользователей и ставим данный код в то место где хотите видеть знаки отличия:
Код
<div class="signsOver">                   
<?if($_LOAD_ENTRIES$>10)?><div class="signOne sLoad"><span><i>Знак выдается за 10 добавленных файлов</i></span></div><?endif?>                   
<?if($_COM_ENTRIES$>5)?><div class="signOne sComments"><span><i>Знак выдается за 5 коммен-<br>тариев</i></span></div><?endif?>                   
<?if($_FORUM_ENTRIES$>1)?><div class="signOne sForum"><span><i>Знак выдается за активность на форуме</i></span></div><?endif?>                   
<?if($_REPUTATION$>1)?><div class="signOne sReputation"><span><i>Знак выдается за хорошую репутацию</i></span></div><?endif?>                   
<?if($_AVATAR$)?><div class="signOne sAvatar"><span><i>Знак выдается за установку аватара</i></span></div><?endif?>                   
<?if($_EMAIL_IS_VERIFIED$)?><div class="signOne sProtect"><span><i>Знак выдается за подтверж-<br>денный<br>E-Mail</i></span></div><?endif?>                   
</div>                   
                          
<style type="text/css">                   
.signsOver {width:100%;}                   
.signsOver * {transition: all linear .2s; -moz-transition: all linear .2s; -webkit-transition: all linear .2s; -o-transition: all linear .2s;}                   
.signOne {display:inline-block;width:90px;height:90px;position:relative}                   
.signOne:hover span {opacity:1;margin-top:0px}                   
.signOne span {opacity:0;margin-top:20px;cursor:help;width:100%;height:100%;top:0;left:0;position:absolute;background:rgba(178, 121, 0, 0.7);color:#FFF;font-size:11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 50px;}                   
.signOne span i {font-style:normal;padding:10px;display:block}                   
.sLoad {background:url('http://webmaster-ucoz.ru/ucoz/1/dost/n2/load.png') center no-repeat}                   
.sComments {background:url('http://webmaster-ucoz.ru/ucoz/1/dost/n2/comment.png') center no-repeat}                   
.sForum {background:url('http://webmaster-ucoz.ru/ucoz/1/dost/n2/forum.png') center no-repeat}                   
.sReputation {background:url('http://webmaster-ucoz.ru/ucoz/1/dost/n2/reputation.png') center no-repeat}                   
.sProtect {background:url('http://webmaster-ucoz.ru/ucoz/1/dost/n2/email.png') center no-repeat}                   
.sAvatar {background:url('http://webmaster-ucoz.ru/ucoz/1/dost/n2/photo.png') center no-repeat}                   
</style>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 27.01.2016 в 13:00
Материал просмотрен: 1735 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 6 комментариев

Пожаловаться
Сказать спасибо
Источник

6 комментариев


YaVi
Виктор @YaVi 02.08.2015 19:182
+1
Да отлично сделано) angel
Profi
Отлично! Супер! Работает у всех 5000 пользователей моего сайта!!!! like
schoolonly
небольшие баги с текстом в картинках,но так-норм
avatar
Большое спасибо, все работает. Хотела добавить свои знаки, дополнительные. Не получилось. Как можно это сделать, если не секрет?
Ромчик
Задавайте вопрос на форуме, там и отвечу
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта