Значки функций на ПС пользователя uCoz - Форум

Новые сообщения
Участники
Правила форума
Поиск
RSS

Страница 1 из 1
1

Форум » Веб-разработка » HTML + CSS — коды » Значки функций на ПС пользователя uCoz

Значки функций на ПС пользователя uCoz

Kosten

Суббота, 27 Мая 2017 | Сообщение 1

Администраторы

Сообщений:44356

Награды: 70

« 554 »

Всегда нужно пользователя заинтересовывать, а то он может просто уйти сайта. И вот скажем один такой стимулятор, как персональные значки, которые вы будете получать. Первый из них вы получите, как зарегистрируетесь на сайте. А вот дальше, все зависит будет только от вас, если вы очень позитивный человек и всегда помогаете на сайте или в общение, то думаю у вам на персональной страницу будет много знаков отличия, которые вы по мнению того, кто вам его присвоил, это за заслугу.

Награды могут быть всякие, вы можете свои придумать по своей тематике, нужно только код для этого. К примеру если игровой портал, то соответственно и награды будут свои. Найти можно на этом сайте, там представлено очень много хорошего и выбор огромный, но по умолчанию будут идти эти.

Теперь сам скрипт, который нужно установить в персональной странице и он будет выводить для каждого.

Код

<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($_FORUM_ENTRIES$>0)?><div class="signOne sForum"><span><i>Знак выдается за активность на форуме</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>

<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://zornet.ru/zorner_ru_1/aves/63354628.png') center no-repeat}
.sComments {background:url('http://zornet.ru/zorner_ru_1/aves/45575411.png') center no-repeat}
.sForum {background:url('http://zornet.ru/zorner_ru_1/aves/47909650.png') center no-repeat}
.sReputation {background:url('http://zornet.ru/zorner_ru_1/aves/32575082.png') center no-repeat}
.sProtect {background:url('http://zornet.ru/zorner_ru_1/aves/45136495.png') center no-repeat}
.sAvatar {background:url('http://zornet.ru/zorner_ru_1/aves/15996736.png') center no-repeat}
</style>

Размер их 64x64 и на сайте, что вам представил, находим картинку и она идет во многих размерах, и находим тот и копируем.

Пользователь, что оставил пост под этим материалом:

1. Всегда приятно получать подарок, но нужно думаю с начало свой ресурс поднять, чтоб на нем было общение, хотя можно думаю за хороший материал и подарить.

2. Больше подходит под социальные сайты, но и не нужно забывать форумы, где общение постоянно идет.

3. Очень любопытно, в персональной страницы много место и как думаю на стандартную они подойдут.

4. Код идет сразу со стилями, там в статье очень хороший сайт прописал, заходим с переводчиком, это может браузер Хром, чтоб быстрее найти ту категорий, где могут быть подарки. Но значков там реально много и под любую тематику, вам не нужно качать архив, нашли нужную иконку или знак, жмем на его, и открывается сразу не помню, но где то пять разных размеров, от большой и до самой маленькой.

6. Поставил на простую страницу, все можно подогнать и сделать под себя.

7. Всегда хочется чтоб твой сайт отличался от других. Можно взять, только все картинки свои переустановить, так будет и по теме и по дизайну. А значок, который будет автоматически появляться, можно поставить рукопожатие, а для слабого полу бы сделать так, чтоб были цветы, вот это не предусмотрено.

8. Под тематику Stalker, можно столько подарков сделать, это хорошая задумка

9. На любую тематику найдется много интересных значков, но игровая, там думаю больше выбора, а если детская, то вообще завал.

10. Можно выводить их на специальном стенде, но здесь нужно дорабатывать. Но и для того конструктор, чтоб изменять и править как вам угодно, система в этом случай гибкая как не когда.

11. По мне так это просто лишний код, хотя кто то будет с удовольствием устраивать и раздаривать подарки.

12. Найдите надпись вид материал и комментариев к нему "Всего комментариев" и перед ней можно установить этот код.

Прикрепления: 0637711.png (17.3 Kb)

Страна: (RU)