Знаки отличия пользователей

Дата25 Апр 16 в 18:09
Категория Скрипты для uCoz

Интересные знаки отличия которые есть у нас на сайте.

Сегодня хочу представить Вам знаки отличия которые есть у нас на сайте. Знаки состоят из 5 наград.

Первая награда выдается за то , что пользователь подтвердил свой e-mail.

Вторая награда выдается за первый материал.

Третья награда выдается за 10 добавленных материалов.

Четвертая награда выдается за активность в качестве комментатора.

И пятая награда выдается за большую активность на сайте.

И так переходим к Установки.

Переходим на "Персональную страницу пользователя" и в нужное место вставляем:

Код

<div class="nag">

<div class="nag_o">

<?if($_BLOG_ENTRIES$>20)?><div class="nag_ot "><img src="http://kanavas.at.ua/nag_o/final.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>За активность на сайте.</p></div></div><?else?><div class="nag_ot"><img src="/nag_o/no_nag.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>За активность на сайте.</p></div></div><?endif?>

  <?if($_COM_ENTRIES$>10)?><div class="nag_ot"><img src="http://kanavas.at.ua/nag_o/commentator.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>За активность в качестве комментатора.</p></div></div><?else?><div class="nag_ot"><img src="/nag_o/no_nag.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>За активность в качестве комментатора.</p></div></div><?endif?>

  <?if($_BLOG_ENTRIES$>10)?><div class="nag_ot"><img src="http://kanavas.at.ua/nag_o/f_material.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>За 10 материалов.</p></div></div><?else?><div class="nag_ot"><img src="/nag_o/no_nag.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>За 10 материалов.</p></div></div><?endif?>

  <?if($_BLOG_ENTRIES$>0)?><div class="nag_ot"><img src="http://kanavas.at.ua/nag_o/o_material.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>За первый материал.</p></div></div><?else?><div class="nag_ot"><img src="/nag_o/no_nag.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>За первый материал.</p></div></div><?endif?>

<?if($_EMAIL_IS_VERIFIED$)?> <div class="nag_ot"><img src="http://kanavas.at.ua/nag_o/email_check.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>Пользователь подтвердил свой e-mail адрес.</p></div></div><?else?><div class="nag_ot"><img src="/nag_o/email_check.png" alt="" align="absmiddle" border="0"><div class="more_info"><p>Пользователь подтвердил свой e-mail адрес.</p></div></div><?endif?>

  </div></div>

Вставить в CSS:

Код

.nag {padding: 15px;}

.nag_o {font-size:10px;color:#989898;margin-left:2px;height: 130px;}

.nag_ot {width: 123px;text-align:center;height:auto;overflow:hidden;float:left}

.nag_ot img {margin-bottom:5px;margin-top:8px;background-size: 90px !important;width: 90px;}

.nag_ot:hover .more_info {display: block;}

.nag_ot .more_info {display: none;position: absolute; z-index: 1;background: #fff;border: 1px solid #dfe2e3;width: 90px;padding: 10px;border-radius: 2px;}