Подсказка для наград (универсальный вариант)

Ниже предлагается способ, который позволяет использовать предложенный скрипт на форумах, не имеющих доступа к шаблонам (PHPBB3, INVISION).
Этот способ является универсальным и подходит для всех версий форума. Применяя его, вы также размещаете скрипт Javascript на вашем собственном форуме и таким образом не зависите от внешнего хостинга.

1.  Откройте  ПА > Модули > HTML & JavaSctipt > Управление кодами Javascript
Создать новый Javascript
Название:  любое, по вашему выбору (напр., Награды1)
Расположение:  В темах
Код Javascript:

Код:

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(9($){$.h.3=9(g){g=$.I({},$.h.3.Y,g);o 1.19(9(){d 7=$.h.3.O(1,g);$(1).18(9(){$.i(1,\'D.3\',17);d 4=$.i(1,\'A.3\');f(!4){4=$(\'<y S="3"><y S="3-N"/></y>\');4.c({16:\'1a\',1b:15});$.i(1,\'A.3\',4)}f($(1).k(\'5\')||p($(1).k(\'C-5\'))!=\'R\'){$(1).k(\'C-5\',$(1).k(\'5\')||\'\').1e(\'5\')}d 5;f(p 7.5==\'R\'){5=$(1).k(7.5==\'5\'?\'C-5\':7.5)}x f(p 7.5==\'9\'){5=7.5.T(1)}4.1d(\'.3-N\')[7.F?\'F\':\'1c\'](5||7.Z);d 6=$.I({},$(1).H(),{l:1.U,m:1.L});4.1f(0).14=\'3\';4.z().c({b:0,a:0,B:\'12\',P:\'M\'}).11(J.13);d q=4[0].U,t=4[0].L;d j=(p 7.j==\'9\')?7.j.T(1):7.j;1h(j.1q(0)){v\'n\':4.c({b:6.b+6.m,a:6.a+6.l/2-q/2}).r(\'3-1p\');u;v\'s\':4.c({b:6.b-t,a:6.a+6.l/2-q/2}).r(\'3-1r\');u;v\'e\':4.c({b:6.b+6.m/2-t/2,a:6.a-q}).r(\'3-1g\');u;v\'w\':4.c({b:6.b+6.m/2-t/2,a:6.a+6.l}).r(\'3-1o\');u}f(7.G){4.c({K:0,P:\'M\',B:\'Q\'}).1j({K:0.8})}x{4.c({B:\'Q\'})}},9(){$.i(1,\'D.3\',E);d 10=1;1u(9(){f($.i(1,\'D.3\'))o;d 4=$.i(10,\'A.3\');f(7.G){4.1i().1n(9(){$(1).z()})}x{4.z()}},1v)})})};$.h.3.O=9(W,g){o $.V?$.I({},g,$(W).V()):g};$.h.3.Y={G:E,Z:\'\',j:\'n\',F:E,5:\'5\'};$.h.3.1l=9(){o $(1).H().b>($(J).1m()+$(X).m()/2)?\'s\':\'n\'};$.h.3.1t=9(){o $(1).H().a>($(J).1s()+$(X).l()/2)?\'e\':\'w\'}})(1k);',62,94,'|this||tipsy|tip|title|pos|opts||function|left|top|css|var||if|options|fn|data|gravity|attr|width|height||return|typeof|actualWidth|addClass||actualHeight|break|case||else|div|remove|active|visibility|original|cancel|false|html|fade|offset|extend|document|opacity|offsetHeight|block|inner|elementOptions|display|visible|string|class|call|offsetWidth|metadata|ele|window|defaults|fallback|self|appendTo|hidden|body|className|100000|position|true|hover|each|absolute|zIndex|text|find|removeAttr|get|east|switch|stop|animate|jQuery|autoNS|scrollTop|fadeOut|west|north|charAt|south|scrollLeft|autoWE|setTimeout|100'.split('|'),0,{}))


2. На той же странице ПА > Модули > HTML & JavaSctipt > Управление кодами Javascript  создайте еще один файл:
Создать новый Javascript
Название:  любое, по вашему выбору (напр., Награды2)
Расположение:  В темах
Код Javascript:

Код:

$(function() {  
  $('.north').tipsy({gravity: 'n'});
  $('.south').tipsy({gravity: 's'});
  $('.east').tipsy({gravity: 'e'});
  $('.west').tipsy({gravity: 'w'});  
  });

Последующая часть в точности повторяет первый туториал:

3. Ставим в ПА > Оформление > Цвета > Каскадная таблица стилей CSS:

   

Код:

.tipsy {padding: 5px;font-size: 10px;opacity: 0.7;filter: alpha(opacity=70);background-repeat: no-repeat;background-image: url('http://i47.servimg.com/u/f47/15/87/05/58/tipsy10.gif');}
    .tipsy-inner {padding: 5px 8px 4px 8px;background-color: black;color: white;max-width: 200px;text-align: center;}
    .tipsy-inner {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
    .tipsy-north {background-position: top center;}
    .tipsy-south {background-position: bottom center;}
    .tipsy-east {background-position: right center;}
    .tipsy-west{background-position: left center;}

4.  Теперь создаем само поле с наградами

ПА > Пользователи & Группы > Профили > Поля профиля
Создать новое поле профиля  
Добавить поле:
Имя:  Награды
Тип поля: Блок текста
Просмотр:  Сообщения
(О создании наград см. подробно в туториале Как присваивать пользователям награды)

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

   

Код:

[table][tr]
    [td title="Огонь" class="north"][img]http://i26.servimg.com/u/f26/15/16/58/01/fire11.png[/img][/td]
    [td title="Молния" class="north"][img]http://i26.servimg.com/u/f26/15/16/58/01/lightn11.png[/img][/td]
    [td title="Ветер" class="north"][img]http://i26.servimg.com/u/f26/15/16/58/01/wind10.png[/img][/td]
    [td title="Земля" class="north"][img]http://i26.servimg.com/u/f26/15/16/58/01/earth10.png[/img][/td]
    [td title="Вода" class="north"][img]http://i26.servimg.com/u/f26/15/16/58/01/water10.png[/img][/td]
    [/tr][/table]

Если вы хотите чтоб подсказка появлялась сверху то смените класс north на south, если слева east и справа west.