Форум » Скрипты кастомизации для форумов » Свои медали на форуме (компонента) » Ответить
Свои медали на форуме (компонента)
Ennio: Скрипт добавляет панель медалей к полям замечаний для вставки и отображает их на странице. Перед подключением компоненты нужно указать в OPT.data.medals пак медалей который вы будете использовать на своём форуме. Ссылки, на картинки, указанные в примере неработоспособны и даны только для примера. Для использования скрипта изображения медалей необходимо рисовать и загружать на хостинг самостоятельно. Общий вид: [pre]OPT.data.medals = [ ["код_медальки", "http://ссылка_на_изображение_медальки.gif", ширина, высота, "Подсказка"], [":ms02:", "http://borda.ru/medals/SMALL_02.gif", 20, 35], ];[/pre] В HTML-верх, перед закрывающим тегом </HEAD> добавляем таблицу стилей: [pre]<link rel="stylesheet" href="//scripts.borda.ru/css/style.css" media="all">[/pre] В HTML-низ, перед закрывающим тегом </BODY>: [pre]<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>[/pre]
Ответов - 53, стр:
1 2 3 All
Pinguin: Очень интересно. Буду пробовать.
Кантор: Ennio, большое спасибо, скрипт отлично работает.
Коша в тапках: Ennio пишет: изображения медалей необходимо рисовать и загружать на хостинг самостоятельно.Медалек нет. Нет медалек. Нет-нет-нет. Где их взять?
ТехнОкраТ: Коша в тапках пишет: Где их взять? Можно делать, как я: не сознаваясь в содеянном, коварно тащить понравившиеся картинки с чужих сайтов, заливать на картинкохранилища (в т.ч. и на http://pics.qip.ru, пользуясь кнопкой в панели инструментов сообщения), а потом крепить эти картинки в виде медалек на форум :) Ну или рисовать самостоятельно, что тоже неплохо может получиться :)
Кантор: Коша в тапках пишет: Где их взять? Сюда загляните Я сама тут брала http://kantor.forum24.ru/
Странник: Большущее спасибо!!! Это то, что было надо и я очень рад теперь))) Все работает. Хотя у меня ощущение, что темы стали дольше грузиться. Но может мне только так кажется или я что-то накрутил)
Кэт: Ennio, спасибо, но теперь немного неудобно. Теперь человек, поставивший кому-то награду, не сможет подписаться. Админ не узнает, кто кому поставил, дату тоже не поставить, свои слова тоже не написать, иначе как галочка отображается опять-таки.
Странник: Админ не узнает, кто кому поставил, дату тоже не поставить, свои слова тоже не написать, иначе как галочка отображается опять-таки. Ааа... вот, почему у меня все равно галочка отображалась - я просто подписывал, как обычно это делаю. Да... это не очень удобно...(
Ennio: Спасибо за критику, в будущем доработаем скрипт
marazman: Вроде всё вставил как положено а медалек чот нет
Морриконе: У меня гостевая, и этот скрипт не срабатывает. Скажите, это должно работать на гостевых, или только для форумов? Где и как добавляются награды? в профиле юзеров? кто может добавлять награды участникам?
ТехнОкраТ: Морриконе пишет: Где и как добавляются награды? Медальки - это улучшенная версия наград, поэтому добавляются они точно так же, как добавляются награды - необходимо воспользоваться открывающимся меню замечаний-наград после нажатия на галочку. Если компонента медалек была установлена на форум правильно, то под сообщением пользователя покажется нечто похожее на это: На скриншоте только одна медалька, потому что только одну я на форум и поставил :) Дальше нужно отметить галочкой, что добавить пользователю нужно не замечание, а награду. А чтобы награда выглядела, как медалька, нужно эту медальку выбрать, просто нажав на её изображение. В результате получится вот так: Осталось нажать кнопку, подтвердив своё решение, - и под аватаркой пользователя в сообщениях будет красоваться медалька! (На скриншоте видно, что при подведении к медальке курсора отображается всплывающая подсказка, текст которой - заданное в скрипте из стартового поста описание медальки) кто может добавлять награды участникам? Добавлять награды-медальки может как администратор, так и модератор :)
Морриконе: А работает ли это на гстевой? Или только в формате форума?
Натулик: Спасибо большое за скрипт! Но я не могу понять вот это: ТехнОкраТ пишет: а потом крепить эти картинки в виде медалек на форум :) Можно объяснить подробней?
Asha: Ennio большое спасибо за интересную и нужную информацию! Как только смогу попасть на свой форум. обязательно опробую ;)
ТехнОкраТ: Натулик пишет: Можно объяснить подробней? Можно :) В первом посте показан "Общий вид" того, как выглядит объявление каждой медальки на форуме: [pre]OPT.data.medals = [ ["код_медальки", "http://ссылка_на_изображение_медальки.gif", ширина, высота, "Подсказка"], [":ms02:", "http://borda.ru/medals/SMALL_02.gif", 20, 35], ];[/pre] Первая и последняя строчки - они обозначают начало и конец блока, в котором объявляются медальки, их трогать не нужно. Медальки добавляются внутрь этого блока по шаблону: [pre] ["код_медальки", "http://ссылка_на_изображение_медальки.gif", ширина, высота, "Подсказка"], [/pre] (У последней медальки запятая в конце объявления должна отсутствовать) Таким образом, всё, что нужно, чтобы добавить медальку - это знать адрес её картинки и придумать ей код и описание. Например, если мы хотим, чтобы на форуме была медалька с изображением шагающего синего исполина в белом тумане, то нужно сначала найти эту картинку и куда-то (на любой хостинг картинок, например) её загрузить, а потом получить на неё ссылку. Я ленивый, картинку никуда не загружал, а просто стянул с одного портала :) - http://sc2tv.ru/chat/cougar.gif Далее нужно придумать код медальки, который будет вставляться при нажатии на её изображение, когда нужно будет назначить пользователю награду. Разумно использовать какой-нибудь шаблон, скажем, medalXX, где XX - порядковый номер медали. Так просто легче ориентироваться в будущем в медальках, мне кажется :) Всё. Теперь ссылку и код медальки нужно подставить в шаблон выше - получится нечто похожее: [pre]OPT.data.medals = [ [":medal01:", "http://sc2tv.ru/chat/cougar.gif", 25, 25, "SC2 Champion"] ]; [/pre] Если нужно добавить вторую медальку, то в конец строки последней медальки добавится запятая "," и со следующей строки должен будет повториться тот же шаблон, но заполненный уже другими значениями - такими, которые нужны для второй медальки. Например, так: [pre]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"] ]; [/pre] Примерный вид того, что может получиться, если медалек много, показан в стартовом посте в блоке, который нужно поместить в HTML-низ :)
Натулик: ТехнОкраТ,спасибо огромное!!!Оказалось всё легко и просто!!! Ещё раз спасибо!!!!
Натулик: Получилось поставить,Но...всего 10 медалек,а когда добавляешь ещё хоть одну,то и те 10 уже не видно. Больше нельзя добавлять,да? И ещё вместо медалек всё равно только галочки стоят.
ТехнОкраТ: Натулик пишет: а когда добавляешь ещё хоть одну,то и те 10 уже не видно. У последней объявленной медальки запятая в конце строки не нужна. На всех остальных она обязательно должна быть. Об этом нужно помнить :) Так будет выглядеть добавление новой медальки в конец списка: [pre] 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] ];[/pre] А так - в его начало (чтобы не следить за запятыми :) ) [pre] 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] ];[/pre]
Натулик: ТехнОкраТ,спасибо огромное за пояснение. Всё это классно,но медалек не видно,когда подписываешь за что была награда,а вот без подписи всё видно...
полная версия страницы