НАМ 10 ЛЕТ
беЛн.бу
- Белорусский, народный портал






Реклама

Купить ссылку здесь за руб.
Поставить к себе на сайт

Реклама



Вход на портал

Для просмотра профиля, войдите на портал как пользователь.

Меню портала

Погода

GISMETEO: Погода по г.Минск
Погода в других городах

Категории раздела

Скрипты для uCoz [32]Шаблоны для uCoz [2]
Видео уроки по ucoz [0]Иконки для ucoz [0]
Кнопки для ucoz [2]Php скрипты для ucoz [0]

Полезные ссылки

Статистика портала

соц.сети

Облако тегов

Мы принимаем



ТОП РЕЙТИНГ

Скрипты (CMS) и Программы (SOFT)

Скрипты (CMS) и Программы (SOFT) » Для UCOZ » Скрипты для uCoz

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

Знаки отличия будут стимулировать пользователя на различные действия на сайте. В нашем примере один знак дается за добавленный файл, другой за комментарий, третий за пост на форуме и т.д. По аналогии вы можете усложнить код, сделать отдельные награды за первый пост на форуме, за 10, за 20 и т.д.

Ранее на известном сайте Center-DM предлагалась целая стенка из наград, которые как бы нужно разблокировать, некий квест. Идея даже интересная, но наш вариант представляет собой монументальные знаки отличия, пользователь за небольшое время может собрать 5 штук и успокоиться. Сделали новый скрипт по аналогии с нашими наградами, только добавили анимацию при наведении.

Установка

Вставьте код на персональную страницу пользователя в том месте где хотите видеть знаки отличия:

<div class="signsOver">
<?if($_LOAD_ENTRIES$><div class="signOne sLoad"><span><i>Знак выдается за первый файл</i></span></div><?endif?>
<?if($_COM_ENTRIES$><div class="signOne sComments"><span><i>Знак выдается за коммен-<br>тарии</i></span></div><?endif?>
<?if($_FORUM_ENTRIES$><div class="signOne sForum"><span><i>Знак выдается за активность на форуме</i></span></div><?endif?>
<?if($_REPUTATION$><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:100px;height:100px;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(0,0,0,0.7);color:#FFF;font-size:11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.signOne span i {font-style:normal;padding:10px;display:block}
.sLoad {background:url('http://s10.beln.by/cms_skripts/kar/02/61832.png') center no-repeat}
.sComments {background:url('http://s10.beln.by/cms_skripts/kar/02/61833.png') center no-repeat}
.sForum {background:url('http://s10.beln.by/cms_skripts/kar/02/61834.png') center no-repeat}
.sReputation {background:url('http://s10.beln.by/cms_skripts/kar/02/61835.png') center no-repeat}
.sProtect {background:url('http://s10.beln.by/cms_skripts/kar/02/61836.png') center no-repeat}
.sAvatar {background:url('http://s10.beln.by/cms_skripts/kar/02/61837.png') center no-repeat}
</style>

Рекомендуется загрузить изображения в стилях на свой сайт, а стили поместить в ваш CSS-файл.

Демо

Результат работы кода выше выглядит так:

 

Знак выдается за первый файл
Знак выдается за коммен-
тарии
Знак выдается за активность на форуме
Знак выдается за хорошую репутацию
Знак выдается за установку аватара
Знак выдается за подтверж-
денный
E-Mail

 

Отличные плоские иконки были найдены на IconFinder, мы упоминали этот и другие сервисы иконок. Советуем использовать изображения с размером 64x64.



Внимание!!! Скачивание файла доступно, только для групп "Пользователи", "VIP" и "Я, Online".
Категория: Скрипты для uCoz | Добавил: rinhed (23.10.2015)
Просмотров: 107 | Теги: скрипты для Ucoz, странице, персональной, uCoz, на, отличия, знаки
Всего комментариев: 0
Имя *:
Email:
Код *:


Внимание!
В комментариях запрещено размещать ссылки, рекламу сторонних ресурсов(сайтов). Если Вы разместили ссылку или рекламу, то комментарий будет удален автоматически.

Реклама

Корзина

Ваша корзина пуста

Переводчик

Выберите язык портала

Поиск по порталу

Поиск от яндекс

Анекдоты...

[15.03.2017][Разные]

Заглянуть в холодильник – это рефлекс.
Жрать не хотим, но открыть надо.

(0)

Видео

00:01:43

Enjoykin — Москва - Ленинград

  • Просмотры:
  • Всего комментариев: 0
  • Рейтинг: 0.0
00:02:15

RoelBeat Ft. Sevenever - Waiting For You

  • Просмотры:
  • Всего комментариев: 0
  • Рейтинг: 0.0
00:03:00

Маша и медведь - МАША ПОЗДРАВЛЯЕТ С НОВЫМ ГОДОМ!

  • Просмотры:
  • Всего комментариев: 0
  • Рейтинг: 0.0
00:07:42

Маша и Медведь - Квартет плюс (Cерия 68)

  • Просмотры:
  • Всего комментариев: 0
  • Рейтинг: 0.0
00:03:37

ПРЕМЬЕРА ПЕСНИ!!! Саша Айвазов - И снова выпадет снег

  • Просмотры:
  • Всего комментариев: 0
  • Рейтинг: 0.0

Получить бонус

Еще бонусы тут

Моментальный обмен WebMoney

Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки

Кошелек
Код Защитный код

Обмен Webmoney

Бонус

BAKSGRAD.RU
Обновить Код.

Сейчас в эфире