Отправлено: 28.07.11 17:01. Заголовок: Свои медали на форуме (компонента)

Скрипт добавляет панель медалей к полям замечаний для вставки и отображает их на странице. Перед подключением компоненты нужно указать в OPT.data.medals пак медалей который вы будете использовать на своём форуме.

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

Общий вид:

OPT.data.medals = [ 
    ["код_медальки", "http://ссылка_на_изображение_медальки.gif", ширина, высота, "Подсказка"], 
    [":ms02:", "http://borda.ru/medals/SMALL_02.gif", 20, 35], 
 ];

В HTML-верх, перед закрывающим тегом </HEAD> добавляем таблицу стилей:

<link rel="stylesheet" href="//scripts.borda.ru/css/style.css" media="all">

В HTML-низ, перед закрывающим тегом </BODY>:

<script src="//scripts.borda.ru/opt.js" charset="utf-8"></script> 
 <script charset="utf-8"> 
 <!-- 
 //Добавляем медальки для форума 
 OPT.data.medals = [ 
    [":ms01:", "http://borda.ru/medals/SMALL_01.gif", 20, 35, "За кефир!"], 
    [":ms02:", "http://borda.ru/medals/SMALL_02.gif", 20, 35, "Просто"], 
    [":ms03:", "http://borda.ru/medals/SMALL_03.gif", 20, 35, "Маладец"], 
    [":ms04:", "http://borda.ru/medals/SMALL_04.gif", 20, 35, "За пиво"], 
    [":ms05:", "http://borda.ru/medals/SMALL_05.gif", 20, 35, "За таки да"], 
    [":ms06:", "http://borda.ru/medals/SMALL_06.gif", 20, 35], 
    [":ms07:", "http://borda.ru/medals/SMALL_07.gif", 20, 35], 
    [":ms08:", "http://borda.ru/medals/SMALL_08.gif", 20, 35], 
    [":ms09:", "http://borda.ru/medals/SMALL_09.gif", 20, 35], 
    [":ms10:", "http://borda.ru/medals/SMALL_10.gif", 20, 35] 
 ]; 
 //Добавляем компоненту 
     OPT.util.component.add("medals"); 
 --> 
 </script>

 Отправлено: 28.07.11 17:59. Заголовок: Очень интересно. Буд..

Очень интересно. Буду пробовать.

 Отправлено: 28.07.11 18:28. Заголовок: Ennio, большое спаси..

Ennio, большое спасибо, скрипт отлично работает.

 Отправлено: 28.07.11 20:58. Заголовок: Ennio пишет: изобра..

Ennio пишет:

цитата:

изображения медалей необходимо рисовать и загружать на хостинг самостоятельно.

Медалек нет. Нет медалек. Нет-нет-нет. Где их взять?

 Отправлено: 28.07.11 21:01. Заголовок: Коша в тапках пишет:..

Коша в тапках пишет:

цитата:

Где их взять?

Можно делать, как я: не сознаваясь в содеянном, коварно тащить понравившиеся картинки с чужих сайтов, заливать на картинкохранилища (в т.ч. и на http://pics.qip.ru, пользуясь кнопкой в панели инструментов сообщения), а потом крепить эти картинки в виде медалек на форум :)
Ну или рисовать самостоятельно, что тоже неплохо может получиться :)

 Отправлено: 28.07.11 22:55. Заголовок: Коша в тапках пишет:..

Коша в тапках пишет:

цитата:

Где их взять?

Сюда загляните
Я сама тут брала


http://kantor.forum24.ru/

 Отправлено: 28.07.11 23:24. Заголовок: Большущее спасибо!!!..

Большущее спасибо!!! Это то, что было надо и я очень рад теперь))) Все работает. Хотя у меня ощущение, что темы стали дольше грузиться. Но может мне только так кажется или я что-то накрутил)

 Отправлено: 29.07.11 10:17. Заголовок: Ennio, спасибо, но т..

Ennio, спасибо, но теперь немного неудобно. Теперь человек, поставивший кому-то награду, не сможет подписаться. Админ не узнает, кто кому поставил, дату тоже не поставить, свои слова тоже не написать, иначе как галочка отображается опять-таки.

 Отправлено: 29.07.11 11:04. Заголовок: Админ не узнает, кто..

цитата:

Админ не узнает, кто кому поставил, дату тоже не поставить, свои слова тоже не написать, иначе как галочка отображается опять-таки.

Ааа... вот, почему у меня все равно галочка отображалась - я просто подписывал, как обычно это делаю. Да... это не очень удобно...(

 Отправлено: 29.07.11 12:38. Заголовок: Спасибо за критику, ..

Спасибо за критику, в будущем доработаем скрипт

 Отправлено: 31.07.11 13:08. Заголовок: Вроде всё вставил ка..

Вроде всё вставил как положено а медалек чот нет

 Отправлено: 31.07.11 13:08. Заголовок: Морриконе

У меня гостевая, и этот скрипт не срабатывает. Скажите, это должно работать на гостевых, или только для форумов?
Где и как добавляются награды? в профиле юзеров?
кто может добавлять награды участникам?

 Отправлено: 31.07.11 17:03. Заголовок: Морриконе пишет: Гд..

Морриконе пишет:

цитата:

Где и как добавляются награды?

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

Скрытый текст


Если компонента медалек была установлена на форум правильно, то под сообщением пользователя покажется нечто похожее на это:

Скрытый текст


На скриншоте только одна медалька, потому что только одну я на форум и поставил :)
Дальше нужно отметить галочкой, что добавить пользователю нужно не замечание, а награду. А чтобы награда выглядела, как медалька, нужно эту медальку выбрать, просто нажав на её изображение. В результате получится вот так:

Скрытый текст


Осталось нажать кнопку, подтвердив своё решение, - и под аватаркой пользователя в сообщениях будет красоваться медалька!

Скрытый текст


(На скриншоте видно, что при подведении к медальке курсора отображается всплывающая подсказка, текст которой - заданное в скрипте из стартового поста описание медальки)

цитата:

кто может добавлять награды участникам?

Добавлять награды-медальки может как администратор, так и модератор :)

 Отправлено: 01.08.11 19:56. Заголовок: А работает ли это на..

А работает ли это на гстевой? Или только в формате форума?

 Отправлено: 01.08.11 21:56. Заголовок: Спасибо большое за с..

Спасибо большое за скрипт!
Но я не могу понять вот это:
ТехнОкраТ пишет:
[quote] а потом крепить эти картинки в виде медалек на форум :)
Можно объяснить подробней?

 Отправлено: 01.08.11 22:38. Заголовок: Ennio большое спаси..

Ennio большое спасибо за интересную и нужную информацию! Как только смогу попасть на свой форум. обязательно опробую ;)

 Отправлено: 01.08.11 23:37. Заголовок: Натулик пишет: Можн..

Натулик пишет:

цитата:

Можно объяснить подробней?

Можно :)

В первом посте показан "Общий вид" того, как выглядит объявление каждой медальки на форуме:

OPT.data.medals = [  
     ["код_медальки", "http://ссылка_на_изображение_медальки.gif", ширина, высота, "Подсказка"],  
     [":ms02:", "http://borda.ru/medals/SMALL_02.gif", 20, 35],  
  ];

Первая и последняя строчки - они обозначают начало и конец блока, в котором объявляются медальки, их трогать не нужно.
Медальки добавляются внутрь этого блока по шаблону:

    ["код_медальки", "http://ссылка_на_изображение_медальки.gif", ширина, высота, "Подсказка"], 

(У последней медальки запятая в конце объявления должна отсутствовать)
Таким образом, всё, что нужно, чтобы добавить медальку - это знать адрес её картинки и придумать ей код и описание.
Например, если мы хотим, чтобы на форуме была медалька с изображением шагающего синего исполина в белом тумане, то нужно сначала найти эту картинку и куда-то (на любой хостинг картинок, например) её загрузить, а потом получить на неё ссылку.
Я ленивый, картинку никуда не загружал, а просто стянул с одного портала :) - http://sc2tv.ru/chat/cougar.gif
Далее нужно придумать код медальки, который будет вставляться при нажатии на её изображение, когда нужно будет назначить пользователю награду. Разумно использовать какой-нибудь шаблон, скажем, medalXX, где XX - порядковый номер медали. Так просто легче ориентироваться в будущем в медальках, мне кажется :)

Всё. Теперь ссылку и код медальки нужно подставить в шаблон выше - получится нечто похожее:

OPT.data.medals = [  
     [":medal01:", "http://sc2tv.ru/chat/cougar.gif", 25, 25, "SC2 Champion"] 
 ]; 

Если нужно добавить вторую медальку, то в конец строки последней медальки добавится запятая "," и со следующей строки должен будет повториться тот же шаблон, но заполненный уже другими значениями - такими, которые нужны для второй медальки. Например, так:

OPT.data.medals = [  
     [":medal01:", "http://sc2tv.ru/chat/cougar.gif", 25, 25, "SC2 Champion"], 
     [":medal02:", "http://sc2tv.ru/chat/voOlchik1.png", 25, 25, "HoMM Fan"] 
 ]; 

Примерный вид того, что может получиться, если медалек много, показан в стартовом посте в блоке, который нужно поместить в HTML-низ :)

 Отправлено: 02.08.11 00:29. Заголовок: ТехнОкраТ,спасибо ог..

ТехнОкраТ,спасибо огромное!!!Оказалось всё легко и просто!!! Ещё раз спасибо!!!!

 Отправлено: 02.08.11 08:40. Заголовок: Всё получилось,класс..

Получилось поставить,Но...всего 10 медалек,а когда добавляешь ещё хоть одну,то и те 10 уже не видно. Больше нельзя добавлять,да?
И ещё вместо медалек всё равно только галочки стоят.

 Отправлено: 02.08.11 10:07. Заголовок: Натулик пишет: а ко..

Натулик пишет:

цитата:

а когда добавляешь ещё хоть одну,то и те 10 уже не видно.

У последней объявленной медальки запятая в конце строки не нужна. На всех остальных она обязательно должна быть. Об этом нужно помнить :)

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

 OPT.data.medals = [  
     [":ms01:", "http://i047.radikal.ru/1108/c4/d2c3d2323af2.gif", 20, 35],  
     [":ms02:", "http://s53.radikal.ru/i141/1108/de/6c4ce0bafe83.png", 20, 35],  
     [":ms03:", "http://i018.radikal.ru/1108/cb/4cea932f6726.gif", 20, 35],  
     [":ms04:", "http://s16.radikal.ru/i190/1108/9b/35e8e2097a73.gif", 20, 35],  
     [":ms05:", "http://bestsmileys.ru/flom05035.gif", 20, 35],  
     [":ms06:", "http://i046.radikal.ru/1108/1f/59c1513f5786.gif", 20, 35],  
     [":ms07:", "http://s43.radikal.ru/i102/1108/e1/fac260d6f3bd.gif", 20, 35],  
     [":ms08:", "http://eset-club.at.ua/JoniDES/Medals/rat_200.gif", 20, 35],  
     [":ms09:", "http://s09.radikal.ru/i182/1108/29/292279a97615.gif", 20, 35],  
     [":ms10:", "http://eset-club.at.ua/JoniDES/Medals/250.gif", 20, 35], 
     [":ms11:", "http://sc2tv.ru/chat/cougar.gif", 35, 35] 
  ];

А так - в его начало (чтобы не следить за запятыми :) )

 OPT.data.medals = [  
     [":ms11:", "http://sc2tv.ru/chat/cougar.gif", 35, 35], 
     [":ms01:", "http://i047.radikal.ru/1108/c4/d2c3d2323af2.gif", 20, 35],  
     [":ms02:", "http://s53.radikal.ru/i141/1108/de/6c4ce0bafe83.png", 20, 35],  
     [":ms03:", "http://i018.radikal.ru/1108/cb/4cea932f6726.gif", 20, 35],  
     [":ms04:", "http://s16.radikal.ru/i190/1108/9b/35e8e2097a73.gif", 20, 35],  
     [":ms05:", "http://bestsmileys.ru/flom05035.gif", 20, 35],  
     [":ms06:", "http://i046.radikal.ru/1108/1f/59c1513f5786.gif", 20, 35],  
     [":ms07:", "http://s43.radikal.ru/i102/1108/e1/fac260d6f3bd.gif", 20, 35],  
     [":ms08:", "http://eset-club.at.ua/JoniDES/Medals/rat_200.gif", 20, 35],  
     [":ms09:", "http://s09.radikal.ru/i182/1108/29/292279a97615.gif", 20, 35],  
     [":ms10:", "http://eset-club.at.ua/JoniDES/Medals/250.gif", 20, 35] 
  ];

 Отправлено: 02.08.11 13:12. Заголовок: ТехнОкраТ,спасибо ог..

ТехнОкраТ,спасибо огромное за пояснение.

Всё это классно,но медалек не видно,когда подписываешь за что была награда,а вот без подписи всё видно...