О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться

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


После установки данной модификации,
На личных страницах пользователей сайта появятся 14 медалей
(конечно вы можете по добавлять свои, или по удалять, но по умолчанию их 14)

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



Установка до боли проста. Всего нас ждет 2 этапа.

1 этап:

Скачиваем прилагаемый архив с иконками наград и вытаскиваем из него папку awards
И заливаем её в корень сайта:
- Можете через "Файловый менеджер" создать папку awards и в неё загружать png картинки
- Или через FTP-программу загрузчик (думаю разберётесь)

2 этап:

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


Рассмотрим одну медальку, что-бы вы могли с легкостью их редактировать.
Разберем вторую медальку, т.к. первая медалька даётся всем пользователям
За регистрацию, что-бы не сильно обидно было:
Код
<a class="north" 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))?>/awards/2.png<?else?>/awards/2a.png<?endif?>"></a>


1) "Медалька за 10 комментариев или 10 постов на форуме" - информация, выводимая в ajax-окне при нажатии на медальку;
2) "Медалька #2" - заголовок ajax-окна;
3) "Я дома.." - "подсказка при наведении на иконку;
4) "(($_COM_ENTRIES$>10) || ($_FORUM_ENTRIES$>10))" в условном операторе if означают, что при количестве комментариев больше 10 или больше 10 постов на форуме мы выводим изображение с яркой медали, иначе выводим полупрозрачную, т.е. ещё не заработанную пользователем (изменяем на свои)


Спонсор :



Источник: http://unaruto.ru
Всего голосов: ... | ... | ...

Нет комментариев

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Как вам дизайн сайта?

Всего ответов: 197
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <script type="text/javascript">  
      function setCatNumEnt(){  
      if(!window.uCatsOut)return;  
      $('div.naviglot a').each(function(){  
      var a=this,ah=a.href,cArr=window.uCatsOut;  
      if(!/\/photo\//.test(ah))return;  
      var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
      if(!isNaN(id)){  
      $.each(cArr,function(j){  
      if(cArr[j][0]==id){  
      a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
      }  
      });  
      };  
      });  
      };setCatNumEnt();
      </script>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков