Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Как сделать награды форума


Как сделать награды форума

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

1

Добрый день, я полный профан в программировании форумов, так что прошу помощи...
Необходимо присваивать форумчанам награды но так чтобы в профиле было видно наградные планки, а при наведении на нее открывалось окно с увеличенным изображением награды и ее названием\описанием....
Помогите!!
Рисунки наград и соответствующих планок имеются!

0

2

nonstop70
Дайте ссылку на ресурс с подобным, ибо по наведению не видел похожего(есть по клику)
либо чисто описание награды по наведению, без увеличения награды
Есть каталог: Каталог скриптов/CSS
Смотрите раздел

РЕЙТИНГИ, МЕДАЛЬКИ, ЗВЕЗДОЧКИ, ПОЗДРАВЛЯЛКИ, РАНГИ, РЕПУТАЦИЯ, РЕКОМЕНДАЦИИ/НРАВИТСЯ

0

3

Постараюсь найти подобный ресурс, вот вариант увеличения по клику мне бы очень подошел...
Буду очень признателен

0

4

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

Постараюсь найти подобный ресурс, вот вариант увеличения по клику мне бы очень подошел... Буду очень признателен

По клику есть не увеличение, а такое: Обновленные награды

0

5

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

Постараюсь найти подобный ресурс, вот вариант увеличения по клику мне бы очень подошел...
Буду очень признателен


к сожелению я ошибся, это не МуВВский форум был, на другом движке, жаль конечно

0

6

nonstop70
Дайте ссылку на сообщение с наградами(если получиться вставить), награды должны быть прописаны в одном из доп полей профиля,
Желательно так:

<img src="Ccылка на картинку" title="За что"/>

У Вас форум на mybb или нет ?
Если да - ссылку на подобное всё равно с какого ресурса

0

7

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

У Вас форум на mybb или нет ?
Если да - ссылку на подобное всё равно с какого ресурса

У меня форум на mybb вот ссылка http://kavalergard.mybb.ru/ сейчас награды реализованы как вы и сказали доп полями профиля. Но хтелось бы ка вот тут http://imtw.ru/topic/11602-северная-война-1700-1721-гг/ чтобы эффект от наведения на награды был как при наведении   на город или любимую игру на форуме http://imtw.ru/topic/11602-северная-война-1700-1721-гг/

0

8

Ну если не получится, то хотя бы чтоб при нажатии на награду выбрасывало на страницу с описанием этой награды то есть так же как на том же форуме http://imtw.ru/topic/11602-северная-война-1700-1721-гг/

0

9

nonstop70
Сделайте скриншот - Под гостем я не вижу (или не соображу)
И скриншот эффекта тож

0

10

вот скриншоты
http://se.uploads.ru/t/1DtUV.png
http://se.uploads.ru/t/zKhsW.png

0

11

nonstop70
Ну вообщем нет ничего сложного
Создайте поле наград как описано тут  Обновленные награды (Награды вставляйте большие)
Вставьте пяток наград в Доп поле одному из Юзеров,
дайте ссылку на сообщение с этим ником (клик по дате в сообщении)
Уменьшим награды в сообщении, с увеличением при наведении

0

12

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

Ну вообщем нет ничего сложного
Создайте поле наград как описано тут  Обновленные награды (Награды вставляйте большие)
Вставьте пяток наград в Доп поле одному из Юзеров,
дайте ссылку на сообщение с этим ником (клик по дате в сообщении)
Уменьшим награды в сообщении, с увеличением при наведении


Вроде все сделал
вот ссылка на сообщение http://ingener.mybb.ru/viewtopic.php?id=1#p1

Все изображения наград и большие и уменьшенные у меня есть

Отредактировано nonstop70 (Вс, 1 Фев 2015 16:00:41)

0

13

nonstop70
К вечеру гляну, сейчас убегаю

0

14

nonstop70
Попробуйте  текущий скрипт заменить на такой:
Награды с восстановлением размера при наведении
http://se.uploads.ru/GmaOM.jpg

Код:
<!-- Награды v3.1 by kozhilya transform -->
<style type="text/css">
.pa-fld1 .award-wrp{
  display:inline-block!important;
  position:relative;
  height:34px;
  vertical-align: bottom;
  text-align:center;
  cursor:pointer;
}
.pa-fld1 img {
  max-height:34px;
}
.pa-fld1{
  max-width:154px;
  margin:12px auto;
}
.pa-fld1 .award-wrp:hover {
  background:url(http://savepic.su/4852688.png) no-repeat 50% 1px;
}
.pa-fld1 .award-wrp:hover img{
  border-bottom:12px solid transparent;
  max-height:110px;
  position:absolute;
  z-index:100;
  margin-top:-115px;
  margin-bottom: -8px;
  margin-left:-23px;
}
.pa-fld1 .award-wrp{
  margin-top:5px;
  margin-left:8px;
  margin-bottom:5px;
}
</style>
<script>
$('.post li.pa-fld1>img').wrap('<span class="award-wrp">');
$('.post li.pa-fld1>.award-wrp').each(function() {$(this).width($(this).width());});
$('#pun-profile fieldset').each(function() { if ($(this).find('legend span').text() == 'Награды') { var h = '<table style="display: inline;">'; $(this).find('p.checkfield').each(function() { var alt = $(this).find('img').attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); h += '<tr><td><p class="checkfield">' + $(this).html() + '</p></td><td>Награда: <strong>'+name+'</strong><br>Описание: <strong>'+desc+'</strong></td></tr>' }); $(this).find('div.fs-box').html(h); $(this).find('div.fs-box').css({'display':'none'}); $(this).find('legend').after('<span onclick="$(this).parent().find(\'div.fs-box\').toggle(1000);">Выставить награды</span>'); }});
</script>

+1

15

Спасибо огромное все получилось замечательно!!!! Просто супер!!!!!
Если я это перенесу на рабочий форум, у меня там 35 наград.... что нужно сделать? просто как сделал раньше (создать награды) и ваш код прописать, или по другому что то? Там есть у некоторых форумчан по 8 наград уже, и будет больше. Будет это работать? И надо ли что то менять при добавлении наград в профиль или новой на форум?

Отредактировано nonstop70 (Пн, 2 Фев 2015 10:06:24)

0

16

nonstop70
Пробуйте просто заменить код скрипта

+1

17

Все работает при добавление наград в профиль и при добавлении наград на форум, спасибо большое!!
вот ссылка на форум можете посмотреть http://ingener.mybb.ru/

0

18

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

0

19

nonstop70
Можно добавить
к стилю:

.pa-fld1 .award-wrp{
  margin-right:5px;
  margin-bottom:10px;
}

Чтобы разрядить и уменьшить кол-во наград в строке

0

20

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

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

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

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Как сделать награды форума