Каталог файлов

Рейтинг:4.5
Категория: Скрипты для Ucoz
 
Данная модификация добавит на персональную страницу пользователей
Медальки за разные достижения на сайте.


После установки данного скрипта, хотя скриптом это назвать сложно :D,
После установки данной модификации, на личных страницах пользователей сайта
Появятся 12 медалей
(конечно вы можете по добавлять свои, или по удалять, но по умолчанию их 12).



При наведении на медальку показывается краткое описание,
А при нажатии, снизу справа вылазит ajax-окошко с информацией, за что даётся награда.



Установка:

1) Скачивает архив, прилагаемый к материалу и заливаем папку img к себе на сайт.
2) Далее заходим в
ПУ -> Управление дизайном -> Персональная страница пользователя
И ставим в любое место, где хотим видеть иконки:

Код
<style>
.MedalImg a:hover img { opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=70); }
.MedalImg a img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
</style>
<div class="MedalImg" style="background:#fff; min-height:40px; padding:5px; color: #555;">
<a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>регистрацию на сайте</b>','Медалька #1',{w:400,h:60,tm:3500,close:1})" title="Всем привет!))"><img src="/img/medal/1y.png"></a> <a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>10 комментариев или 10 постов на форуме</b>','Медалька #2',{w:400,h:60,tm:3500,close:1})" title="Я дома..))"><img src="<?if(($_COM_ENTRIES$>10) || ($_FORUM_ENTRIES$>10))?>/img/medal/2y.png<?else?>/img/medal/2.png<?endif?>"></a>
<a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>репутацию больше 25</b>','Медалька #3',{w:400,h:60,tm:3500,close:1})" title="Осваиваюсь"><img src="<?if(($_REPUTATION$>25))?>/img/medal/3y.png<?else?>/img/medal/3.png<?endif?>"></a> <a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>группу выше пользователя</b>','Медалька #4',{w:400,h:60,tm:3500,close:1})" title="Ты кого минуснуть хочешь?!"><img src="<?if(($_GROUP_ID$!=1)&&($_GROUP_ID$!=255))?>/img/medal/4y.png<?else?>/img/medal/4.png<?endif?>"></a>
<a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>количество наград больше 10</b>','Медалька #5',{w:400,h:60,tm:3500,close:1})" title="Люблю подарки"><img src="<?if(($AWARDS$>10))?>/img/medal/5y.png<?else?>/img/medal/5.png<?endif?>"></a> <a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>количество загр. файлов больше 10</b>','Медалька #6',{w:400,h:60,tm:3500,close:1})" title="Местный поставщик"><img src="<?if($_LOAD_ENTRIES$>10)?>/img/medal/6y.png<?else?>/img/medal/6.png<?endif?>"></a>
<a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>замечания более 80%</b>','Медалька #7',{w:400,h:60,tm:3500,close:1})" title="Моя жизнь на волоске"><img src="<?if(($_BAN_PERCENT$>79))?>/img/medal/7y.png<?else?>/img/medal/7.png<?endif?>"></a> <a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>50 комментариев или 100 постов</b>','Медалька #8',{w:400,h:60,tm:3500,close:1})" title="Я слишком много говорил..."><img src="<?if(($_COM_ENTRIES$>50) || ($_FORUM_ENTRIES$>100))?>/img/medal/8y.png<?else?>/img/medal/8.png<?endif?>"></a>
<a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>100 комментариев и больше</b>','Медалька #9',{w:400,h:60,tm:3500,close:1})" title="Комментатора вызывали?"><img src="<?if(($_COM_ENTRIES$>100))?>/img/medal/9y.png<?else?>/img/medal/9.png<?endif?>"></a> <a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>красивый <font color=#895662>ID</font></b>','Медалька #10',{w:400,h:60,tm:3500,close:1})" title="Красавчик 8)"><img src="<?if((($_USER_ID$>0)&&($_USER_ID$<10))||($_USER_ID$%10==0))?>/img/medal/10y.png<?else?>/img/medal/10.png<?endif?>"></a>
<a href="javascript://" onclick="new _uWnd.alert('Медалька за <b>50 наград</b>','Медалька #11',{w:400,h:60,tm:3500,close:1})" title="Награди меня полностью :D"><img src="<?if(($AWARDS$>50))?>/img/medal/11y.png<?else?>/img/medal/11.png<?endif?>"></a> <a href="javascript://" onclick="new _uWnd.alert('Медалька за <b><font color=#895662>250</font> комментариев и <font color=#895662>250</font> постов</b>','Медалька #12',{w:400,h:60,tm:3500,close:1})" title="Сайт и я - одно целое"><img src="<?if(($_COM_ENTRIES$>250) && ($_FORUM_ENTRIES$>250))?>/img/medal/12y.png<?else?>/img/medal/12.png<?endif?>"></a>
</div>


Если у вас ширина блока более 700px, то вы можете строчку в коде:

Код
<div class="MedalImg" style="background:#fff; min-height:40px; padding:5px; color: #555;">


Изменить на эту строчку:

Код
<div class="MedalImg" style="background:url('/img/medal/medal_polzovatelei.png') no-repeat #fff;background-position: right bottom; min-height:40px; padding:5px; color: #555; border:1px solid #eee;">


Чтобы красиво выглядело)

Установка окончена
 
 
 
Источник: http://updatesite.ru
 
 2 комментариев  1004 просмотров  дата: 24.04.2024  автор: admin  загрузок: 104
 
 
Советую взглянуть:
  • Расширенная онлайн статистика для ucoz без php
  • Музыкальный плеер для Ucoz
  • Скрипт кнопки выдвижного чата uCoz
  • Новогодняя елочка в png формате
  •  
     
    Всего комментариев: 2

    OFFLINE
    16.12.2013 17:05 Понедельник | №1 Спам
    1
    а как сделать так , чтобы отображалось только у опр айди! а у других нет
     

    OFFLINE
    16.12.2013 17:26 Понедельник | №2 Спам
    0
    всмысле у администратора или у другой группы?
     
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход

    Меню сайта

    Мини чат

    Последние комментарии


    Опрос сайта

    Нужно ли изменять у себя на сайте стандарты Ucoz
    Всего ответов: 9

    Статистика

    Кол-во зареганных: 2908 (+0)
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сейчас на сайте:

    Нас посетили: