24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Каталог CSS|JS » Награды на форум


Награды на форум

Сообщений 1 страница 12 из 12

1

Скрипт наград.

Возможности:

- Вы можете давать медали в любом количестве
- При нажатии на медаль всплывает окно с описанием
- Увеличивается количество наград под аватарой
- Окошко в стиле форума ( лично созданный не сработает ).

ВСТАВЛЯЕМ В HTML-НИЗ.

Код:
<script type="text/javascript">
function awardsOpen(str)
{
var awardsn = new Array();

awardsn["moder"] = new Array("Лучший модератор", "http://www.iconsearch.ru/uploads/iconlib/linspireclear/128x128/filesystems/trashcan_empty.png", "За модераторскую помощь")
awardsn["helper"] = new Array("Помощник месяца", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/apps/khelpcenter.png", "Неоценимая помощь форуму")
awardsn["money"] = new Array("Банкир форума", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/actions/db_add.png", "За материальную помощь форуму")



str = str.split(",")
if(str[str.length-1].substring(str[str.length-1].length-1, str[str.length-1].length)==" "){str[str.length-1]=str[str.length-1].substring(0, str[str.length-1].length-1)}
var msg = new String("");
msg = "<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1251\" /><link rel=\"stylesheet\" type=\"text/css\" href=\"http://forum.mybb.ru/style/"+BoardStyle+"/"+BoardStyle+".css\" /><title>Награды пользователя</title>"
msg+= "<style type=\"text/css\">html, body, #pun, #pun-main {background-image: none; margin: 2px 2px; width: 99%;}</style><body>"
msg+="<div id=\"pun\" class=\"punbb\"><div id=\"pun-main\" class=\"main\">"
msg+="<table class=\"container\"><tr><th width=\"25%\">Название</th><th width=\"25%\">Иконка</th><th>За что</th></tr>";
for(i=0;i<str.length;i++){
	msg+="<tr><td align=\"center\"><span>"+awardsn[str[i]][0]+"</span></td><td align=\"center\"><img width=\"100px\" height=\"100px\" src=\""+awardsn[str[i]][1]+"\" /></td><td align=\"center\"><span>"+awardsn[str[i]][2]+"</span></td></tr>";
}
msg+="</table>";
msg+="</div></div></body></html>";
popup = window.open("", "", "height=300, width=700, top=300, left=300, scrollbars=1")
popup.document.write(msg)
popup.document.close()
return false
}
var li = document.getElementsByTagName("li");
for(z=0;z<li.length;z++){
if(li[z].className=="pa-fld2"){
nag = li[z].innerHTML.substring(li[z].innerHTML.indexOf(": ")+2)
nag1 = nag.split(",");
nag1 = nag1.length;
li[z].innerHTML = "Награды: <a href=\"javascript: //\" onclick=\"awardsOpen('"+nag+"');\" title=\"Показать награды пользователя\">"+nag1+"</a>"
}
}
</script>

Чтобы добавить свою награду вставляйте:

Код:
awardsn["Ключ"] = new Array("Название", "Ссылка_на_иконку", "Описание")

Это и заменяйте на своё, перед:

Код:
var awardsn = new Array();

Где написано "Ключ" - меняем на уникальное название награды ( латиницой ).
Где написано "Ссылка_на_иконку", там вставляем url медали.
Где написано "Описание",  там вставляем описание награды.

Как настроить награды?
Создаем в Администрирование - Поля новое поле
Обзываем его как Награды
Регистрация Нет
Сообщения Да
Профиль Да
Заполнение Нет

В скрипте ищем "pa-fld2" и вместо 2 пишем номер поля

Как выдавать награды?
Идем в профиль любому пользователю и пишем через запятую (без пробелов и любых других символов) ключи наград.
В данном случае, из скрипта выше, можно написать следующее: moder,money
Тогда на странице сообщений у пользователя отобразится Награды: 2. По клику на "2" откроется окно с табличкой его 2х наград.

Обращаю Ваше внимание:
Что в скрипте уже есть набор медалек
Что не надо в проффайле пользователя писать url наградки, а лишь ключ , который Вы написали.
Что надо вставлять в HTML-НИЗ
Что надо создать дополнительное поле.

+2

2

У меня появился такой вопрос: Я ставлю картинку в награду, а она расширяется,становится больше и не красивая,что делать?

0

3

А у меня почему-то не работает.
В профиле появляется "Награды: 2", а вот почему-то когда переходишь по ссылке - ни чего нет. Просто пустая страница.

0

4

Olga написал(а):

Я ставлю картинку в награду, а она расширяется,становится больше и не красивая,что делать?

У меня та же проблема.

0

5

Вы поможете или нет?

0

6

Olga написал(а):

У меня появился такой вопрос: Я ставлю картинку в награду, а она расширяется,становится больше и не красивая,что делать?

самый простой вариант, если все награды одного размера: задать точный размер в пикселях по размеру картинок

Код:
<img width=\"100px\" height=\"100px\" src=\""+awardsn[str[i]][1]+"\" />

если разные по размеру, то пробуйте задать в процентах.

0

7

Lina-Lay Roll написал(а):

А у меня почему-то не работает.
В профиле появляется "Награды: 2", а вот почему-то когда переходишь по ссылке - ни чего нет. Просто пустая страница.

Та же проблема(

0

8

`incarnazione
Ссылку на форум пожалуйста) Мы мысли читать не умеем))

0

9

У меня вместо цифр со ссылками в поле профиля пишет только название ключа. Может, с нумерацией ошиблась? Помогите. http://colormate.ru/wp-content/uploads/2011/03/clover.gif

0

10

Elle, вместо двойки в "pa-fld2" вставляешь единицу, если это твое первое дополнительное поле, оставляешь двойку - если второе, 3 - если третье... и так дальше.

0

11

remy, когда я задавала значения в процентах по этому коду

Код:
<img width=\"100%\" height=\"100%\" src=\""+awardsn[str[i]][1]+"\" />

получилась чрезмерно растянутая картинка. возможно, проблема в исходных изображениях. но стоило мне убрать первое значение width, как все пришло в норму http://www.10pix.ru/img1/600667/3475845.gif

Код:
<img height=\"100%\" src=\""+awardsn[str[i]][1]+"\" />

может, кому-нибудь поможет)

0

12

roll написал(а):

А у меня почему-то не работает.В профиле появляется "Награды: 2", а вот почему-то когда переходишь по ссылке - ни чего нет. Просто пустая страница.

тоже самое

0


Вы здесь » COLOR MATE » Каталог CSS|JS » Награды на форум