Добрый день, я полный профан в программировании форумов, так что прошу помощи...
Необходимо присваивать форумчанам награды но так чтобы в профиле было видно наградные планки, а при наведении на нее открывалось окно с увеличенным изображением награды и ее названием\описанием....
Помогите!!
Рисунки наград и соответствующих планок имеются!
Как сделать награды форума
Сообщений 1 страница 20 из 38
Поделиться1Вт, 30 Дек 2014 06:48:34
Поделиться2Вт, 30 Дек 2014 13:55:18
nonstop70
Дайте ссылку на ресурс с подобным, ибо по наведению не видел похожего(есть по клику)
либо чисто описание награды по наведению, без увеличения награды
Есть каталог: Каталог скриптов/CSS
Смотрите раздел
РЕЙТИНГИ, МЕДАЛЬКИ, ЗВЕЗДОЧКИ, ПОЗДРАВЛЯЛКИ, РАНГИ, РЕПУТАЦИЯ, РЕКОМЕНДАЦИИ/НРАВИТСЯ
Поделиться3Вт, 30 Дек 2014 16:04:46
Постараюсь найти подобный ресурс, вот вариант увеличения по клику мне бы очень подошел...
Буду очень признателен
Поделиться4Вт, 30 Дек 2014 16:25:46
Постараюсь найти подобный ресурс, вот вариант увеличения по клику мне бы очень подошел... Буду очень признателен
По клику есть не увеличение, а такое: Обновленные награды
Поделиться5Сб, 31 Янв 2015 19:24:56
Постараюсь найти подобный ресурс, вот вариант увеличения по клику мне бы очень подошел...
Буду очень признателен
к сожелению я ошибся, это не МуВВский форум был, на другом движке, жаль конечно
Поделиться6Сб, 31 Янв 2015 19:38:33
nonstop70
Дайте ссылку на сообщение с наградами(если получиться вставить), награды должны быть прописаны в одном из доп полей профиля,
Желательно так:
<img src="Ccылка на картинку" title="За что"/>
У Вас форум на mybb или нет ?
Если да - ссылку на подобное всё равно с какого ресурса
Поделиться7Сб, 31 Янв 2015 21:35:22
У Вас форум на mybb или нет ?
Если да - ссылку на подобное всё равно с какого ресурса
У меня форум на mybb вот ссылка http://kavalergard.mybb.ru/ сейчас награды реализованы как вы и сказали доп полями профиля. Но хтелось бы ка вот тут http://imtw.ru/topic/11602-северная-война-1700-1721-гг/ чтобы эффект от наведения на награды был как при наведении на город или любимую игру на форуме http://imtw.ru/topic/11602-северная-война-1700-1721-гг/
Поделиться8Сб, 31 Янв 2015 21:37:15
Ну если не получится, то хотя бы чтоб при нажатии на награду выбрасывало на страницу с описанием этой награды то есть так же как на том же форуме http://imtw.ru/topic/11602-северная-война-1700-1721-гг/
Поделиться9Сб, 31 Янв 2015 22:31:18
nonstop70
Сделайте скриншот - Под гостем я не вижу (или не соображу)
И скриншот эффекта тож
Поделиться11Вс, 1 Фев 2015 13:51:09
nonstop70
Ну вообщем нет ничего сложного
Создайте поле наград как описано тут Обновленные награды (Награды вставляйте большие)
Вставьте пяток наград в Доп поле одному из Юзеров,
дайте ссылку на сообщение с этим ником (клик по дате в сообщении)
Уменьшим награды в сообщении, с увеличением при наведении
Поделиться12Вс, 1 Фев 2015 14:56:59
Ну вообщем нет ничего сложного
Создайте поле наград как описано тут Обновленные награды (Награды вставляйте большие)
Вставьте пяток наград в Доп поле одному из Юзеров,
дайте ссылку на сообщение с этим ником (клик по дате в сообщении)
Уменьшим награды в сообщении, с увеличением при наведении
Вроде все сделал
вот ссылка на сообщение http://ingener.mybb.ru/viewtopic.php?id=1#p1
Все изображения наград и большие и уменьшенные у меня есть
Отредактировано nonstop70 (Вс, 1 Фев 2015 16:00:41)
Поделиться13Вс, 1 Фев 2015 16:29:16
nonstop70
К вечеру гляну, сейчас убегаю
Поделиться14Пн, 2 Фев 2015 01:09:20
nonstop70
Попробуйте текущий скрипт заменить на такой:
Награды с восстановлением размера при наведении
<!-- Награды 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>
Поделиться15Пн, 2 Фев 2015 09:50:34
Спасибо огромное все получилось замечательно!!!! Просто супер!!!!!
Если я это перенесу на рабочий форум, у меня там 35 наград.... что нужно сделать? просто как сделал раньше (создать награды) и ваш код прописать, или по другому что то? Там есть у некоторых форумчан по 8 наград уже, и будет больше. Будет это работать? И надо ли что то менять при добавлении наград в профиль или новой на форум?
Отредактировано nonstop70 (Пн, 2 Фев 2015 10:06:24)
Поделиться16Пн, 2 Фев 2015 13:03:26
nonstop70
Пробуйте просто заменить код скрипта
Поделиться17Пн, 2 Фев 2015 18:00:06
Все работает при добавление наград в профиль и при добавлении наград на форум, спасибо большое!!
вот ссылка на форум можете посмотреть http://ingener.mybb.ru/
Поделиться18Пн, 2 Фев 2015 18:06:13
извиняюсь, только сейчас заметил что половину рисунка увеличенного изображения награды (крайней) не видно
Поделиться19Пн, 2 Фев 2015 18:08:55
nonstop70
Можно добавить
к стилю:
.pa-fld1 .award-wrp{
margin-right:5px;
margin-bottom:10px;
}
Чтобы разрядить и уменьшить кол-во наград в строке
Поделиться20Пн, 2 Фев 2015 18:13:53
извиняюсь, только сейчас заметил что половину рисунка увеличенного изображения награды (крайней) не видно
Она слишком широка, поменяйте очередность, первую узкую сделать (Награда не может вылезти за профиль