Знаки отличия на персональной странице
  • 732 просмотра
  • 0 комментариев
  • 29.03.2016 в 12:53
  • ILNUROFF
Знаки отличия на персональной странице
Знаки отличия для персональной страницы пользователя от будут стимулировать пользователя на различные действия на сайте + красиво и гармонично будут вписываться в ваш дизайн.

Награды будут выдаваться пользователям при условии:
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('/img/proficon/load.png') center no-repeat}  
.sComments {background:url('/img/proficon/comment.png') center no-repeat}  
.sForum {background:url('/img/proficon/forum.png') center no-repeat}  
.sReputation {background:url('/img/proficon/reputation.png') center no-repeat}  
.sProtect {background:url('/img/proficon/email.png') center no-repeat}  
.sAvatar {background:url('/img/proficon/photo.png') center no-repeat}  
</style>

Случайный материал
Шаблон ParadiseCloud
Дизайн сделан в светло синем и белом тоне.
Отличный шаблон который по...
Ограничиваем длину заголовка д...
Многие рано или поздно начинают искать ответ на вопрос как же можно ограничи...
Шаблон ВКонтакте для uCoz v2
Социальная сеть ВКонтакте уже многое время радует пользователей интернета св...
Комментарии к материалу
Популярные материалы
Жалоба на пользователя для uCoz
630 просмотров
0 комментариев
Страница ошибки 404 в стиле flat для uCoz
748 просмотров
0 комментариев
Шаблон ВКонтакте для uCoz v2
1053 просмотра
0 комментариев
Игровой шаблон gamepolis.ru
885 просмотров
0 комментариев
Рекламное объявление
Комментарии
При копировании материала, автора и источник указывать обязательно.
Шаблон YOU-PS для uCoz
Проверка комментариев
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0