Добрый день, я полный профан в программировании форумов, так что прошу помощи...
Необходимо присваивать форумчанам награды но так чтобы в профиле было видно наградные планки, а при наведении на нее открывалось окно с увеличенным изображением награды и ее названием\описанием....
Помогите!!
Рисунки наград и соответствующих планок имеются!
Как сделать награды форума
Сообщений 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
извиняюсь, только сейчас заметил что половину рисунка увеличенного изображения награды (крайней) не видно
Она слишком широка, поменяйте очередность, первую узкую сделать (Награда не может вылезти за профиль
Похожие темы
как сделать награды для пользователей? | Архив | Чт, 13 Дек 2007 |
Как спрятать награды под картинку? | Корзина | Пт, 19 Окт 2012 |
Как сделать такой блок??? | Корзина | Пн, 3 Дек 2007 |
Как сделать отдельную страницу для наград и медалей? | Корзина | Чт, 16 Окт 2008 |
Инструкции по Администрированию форума FAQ | Справочная | Сб, 16 Май 2009 |