Достижения пользователя для профиля ucoz
Рейтинг 0.0
По мнению пользователей
Описание Как установить?
Очень красивый вид достижения, в интернете их очень много и очень старые и не впечатляют, а данный вид достижения очень красивый и сделанный в стиле Flat

Это ставим в место где хотим видеть достижения:

Код
<div align="center">
<div class="signsOver">
<?if($_LOAD_ENTRIES$>0)?><div class="signOne sLoad"><span><i>За первый файл</i></span></div> <?endif?>
<?if($_COM_ENTRIES$>0)?><div class="signOne sComments"><span><i>За коммен-<br>тарии</i></span></div> <?endif?>
<?if($_REPUTATION$>0)?><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>
</div>


А это в свой CSS:

Код
.signsOver {width:100%;padding-bottom:10px;}
.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:80px;height:80px;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.35);color:#fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) inset;font-size:11px;-webkit-border-radius: 20%;-moz-border-radius: 20%;border-radius: 20%;}
.signOne span i {font-style:normal;padding:12px;display:block}
.sLoad {background:url('http://escode.ru/is/111.png') center no-repeat}
.sComments {background:url('http://escode.ru/is/222.png') center no-repeat}
.sReputation {background:url('http://escode.ru/is/333.png') center no-repeat}
.sProtect {background:url('http://escode.ru/is/444.png') center no-repeat}
.sAvatar {background:url('http://escode.ru/is/555.png') center no-repeat}

p.s. картинки желательно себе в фм залить.

Для того чтобы скачивать без рекламы и на максимальной скорости, надо зарегистрироваться или войти »
Проблемы с модом? И так если у вас вдруг не работает мод, или выскакивает какая нибудь ошибка, мы попробуем Вам помочь тут Обратная связь
Пожаловаться
Нашли ошибку? Или хотите пожаловаться?

Популярные шаблоны

Больше шаблонов

Комментариев 0
Alt

RU556 - Штурмовая винтовка-Для Fallout 4

Alt

Информационный блок меняющийся каждый день

Alt

Шаблон Skygamers для Ucoz

Alt

Вид персональной страницы для сайта соц сеть

Информация о материале
F1z140K Гости
...
  • Опубликовано Понедельник, 17:51
  • Категория Скрипты
  • Просмотры 171
  • Источник Не указан
Мини-чат
Последние комментарии
Опрос по сайту
Оцените мой сайт
Статистика Сайта
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня нас посетило
Все права на шрифты, представленные на uPCode принадлежат их законным владельцам.
uPCode © 2016 uCoz, Автор дизайна: F1z140K | Верстка:Rollo