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

Поделиться21Пн, 2 Фев 2015 18:17:46

Автор: nonstop70
Заслуженный
Зарегистрирован: Чт, 25 Дек 2014
Сообщений: 54
Уважение: 0
Позитив: +3
Последний визит:
Вт, 10 Окт 2017 21:37:28

вроде добавил стало хуже.... теперь крайнюю награду не видно и у второго перса

Поделиться22Пн, 2 Фев 2015 18:18:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

Вот так даж лучше:

Код:

<!-- Награды 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 .award-wrp:hover {
  background:url(http://savepic.su/4852688.png) no-repeat 50% 1px;
}
.pa-fld1 .award-wrp:hover img{
  border-bottom:8px solid transparent;
  max-height:110px;
  position:absolute;
  z-index:100;
  margin-top:-110px;
  margin-bottom: -8px;
  margin-left:-20px;
}
.pa-fld1 .award-wrp{
  margin-left:5px;
  margin-bottom:10px;
}
</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>

0

Поделиться23Пн, 2 Фев 2015 18:22:56

Автор: nonstop70
Заслуженный
Зарегистрирован: Чт, 25 Дек 2014
Сообщений: 54
Уважение: 0
Позитив: +3
Последний визит:
Вт, 10 Окт 2017 21:37:28

вставил, к сожалению все равно часть последней не видно

0

Поделиться24Пн, 2 Фев 2015 18:24:31

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

nonstop70
Cделайте скриншот, укажите браузер поправим

0

Поделиться25Пн, 2 Фев 2015 18:29:32

Автор: nonstop70
Заслуженный
Зарегистрирован: Чт, 25 Дек 2014
Сообщений: 54
Уважение: 0
Позитив: +3
Последний визит:
Вт, 10 Окт 2017 21:37:28

Отредактировано nonstop70 (Пн, 2 Фев 2015 18:30:50)

0

Поделиться26Пн, 2 Фев 2015 18:42:13

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

Да - не то...
При скролле страницы награды уезжают

0

Поделиться27Пн, 2 Фев 2015 18:44:41

Автор: nonstop70
Заслуженный
Зарегистрирован: Чт, 25 Дек 2014
Сообщений: 54
Уважение: 0
Позитив: +3
Последний визит:
Вт, 10 Окт 2017 21:37:28

получается вот что

меняю красное ездит погоризонту

0

Поделиться28Пн, 2 Фев 2015 19:15:57

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

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>

0

Поделиться29Пн, 2 Фев 2015 20:23:16

Автор: nonstop70
Заслуженный
Зарегистрирован: Чт, 25 Дек 2014
Сообщений: 54
Уважение: 0
Позитив: +3
Последний визит:
Вт, 10 Окт 2017 21:37:28

попробовал, вот результат

самый первый вариант кажется самый лучший получился, может размер крупного рисунка чуть уменьшить...?

Отредактировано nonstop70 (Пн, 2 Фев 2015 20:33:57)

0

Поделиться30Пн, 2 Фев 2015 20:38:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

nonstop70
Запретите на форуме - Администрирование - Настройки -

Стиль пользователя Да Нет

Ибо я смотрю всё время под иным дизайном!
Лучше настраивать сразу под нужный, ибо потом опять будет та же песня

0

Поделиться31Пн, 2 Фев 2015 20:45:36

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

У меня такая картинка: http://i64.fastpic.ru/big/2015/0202/0e/ … ec450e.jpg

0

Поделиться32Пн, 2 Фев 2015 22:03:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

:glasses:
Иной Вариант вставки:

Код:

<!-- Награды v3.1 by kozhilya transform -->
<style type="text/css">
.pa-fld1 .award-wrp{
  display:inline-block!important;
  vertical-align: bottom;
  text-align:center;
  cursor:pointer;
  margin:4px;
}
.pa-fld1 img {
  max-height:34px;
}
.pa-fld1{
  max-width:80%;
  margin:12px auto;
}
.post-author {
 position:relative;
}
.pa-fld1 .award-wrp .awr-div {
  left:3px;
  background:rgba(102,112,121,.77);/*Фон большой награды и прозрачность*/
  padding:3px 0 6px 0;
  border-radius:23px;
  position:absolute;
  z-index:100;
  display:none;
  margin-top:-177px;
  margin-bottom: 0;
  width:97%;
  border-bottom:#aaa solid 2px;
}
.pa-fld1 .award-wrp:hover .awr-div{
  display:block;
}
.pa-fld1 .award-wrp .awr-div img{
  border-bottom:12px solid transparent;
  max-height:110px;
}
.awr-div .xwost{
  margin:auto;
  top:100%;
  margin-top:-3px;
  margin-left:-3px;
  position:absolute;
  /*outline:red 1px solid;*/
  height:34px;
}
</style>
<script>
$('.post li.pa-fld1>img').wrap('<span class="award-wrp"></span>');
$('.post li.pa-fld1>.award-wrp').each(function() {var img=$(this).find('img'),tit=img.attr('title'),left=($(this).offset().left-$(this).parents('.post-author').offset().left);img.removeAttr('title'); $(this).find('img').clone().appendTo($('<div class=awr-div><img class=xwost src="/i/blank.gif"></div>').attr('title',tit).appendTo(this));});$('.award-wrp').one('mouseenter',function(){left=($(this).offset().left-$(this).parents('.post-author').offset().left);$(this).find('img.xwost').css({'width':$(this).width()+'px','left':+left+'px'});});$('.post-author .awr-div[title]').tipsy({fade: true, gravity: 's'});
$('#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>

0

Поделиться33Вт, 3 Фев 2015 11:18:49

Автор: nonstop70
Заслуженный
Зарегистрирован: Чт, 25 Дек 2014
Сообщений: 54
Уважение: 0
Позитив: +3
Последний визит:
Вт, 10 Окт 2017 21:37:28

спасибо так очень здорово, можно ли (но если только возможно....) чтобы у изображение увеличеной награды окошко было совсем прозрачным, чтобы его не было видно?
тестовый форум привел в соответствие с действующим...
http://ingener.mybb.ru/

0

Поделиться34Вт, 3 Фев 2015 14:47:30

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

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

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

Лучше цвет подобрать как у форума:

.pa-fld1 .award-wrp .awr-div {
left:3px;
background:rgba(77,75,73,.87);

0

Поделиться35Вт, 3 Фев 2015 16:34:07

Автор: nonstop70
Заслуженный
Зарегистрирован: Чт, 25 Дек 2014
Сообщений: 54
Уважение: 0
Позитив: +3
Последний визит:
Вт, 10 Окт 2017 21:37:28

да получается гораздо лучше, спасибо огромное

0

Поделиться36Вт, 9 Май 2017 08:09:52

Автор: Кулибинович
Заслуженный
Зарегистрирован: Пн, 25 Апр 2016
Сообщений: 19
Уважение: +3
Позитив: 0
Последний визит:
Пт, 26 Июн 2020 03:02:23

Здравствуйте. Подскажите пожалуйста как сделать что бы награждаемому приходило сообщение, о том что его наградили, в личку?

Отредактировано Кулибинович (Вт, 9 Май 2017 08:12:23)

0

Поделиться37Вт, 9 Май 2017 14:47:53

Автор: audaciousGodsend
cobaltCorsair
Зарегистрирован: Сб, 30 Апр 2016
Сообщений: 164
Уважение: +164
Позитив: +84
Пол: Женский
Последний визит:
Пт, 5 Фев 2021 12:05:32

Кулибинович, в личку - никак. Либо отправлять самостоятельно, либо (если форум не на rusff) ставить "Уведомления" и "Награды" от http://labx.rusff.ru/ - раздавать награды через них, и тогда оповещение о награждении будет приходить в раздел "Уведомления" каждому награжденному юзеру персонально.

+1

Поделиться38Вс, 9 Июл 2017 23:04:24

Автор: aristarh
Заблокирован
Зарегистрирован: Пт, 7 Июл 2017
Сообщений: 19
Уважение: 0
Позитив: 0
Последний визит:
Пт, 20 Янв 2023 11:21:48

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

0

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

Меню навигации

Пользовательские ссылки

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

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

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

Поделиться21Пн, 2 Фев 2015 18:17:46

Поделиться22Пн, 2 Фев 2015 18:18:01

Поделиться23Пн, 2 Фев 2015 18:22:56

Поделиться24Пн, 2 Фев 2015 18:24:31

Поделиться25Пн, 2 Фев 2015 18:29:32

Поделиться26Пн, 2 Фев 2015 18:42:13

Поделиться27Пн, 2 Фев 2015 18:44:41

Поделиться28Пн, 2 Фев 2015 19:15:57

Поделиться29Пн, 2 Фев 2015 20:23:16

Поделиться30Пн, 2 Фев 2015 20:38:16

Поделиться31Пн, 2 Фев 2015 20:45:36

Поделиться32Пн, 2 Фев 2015 22:03:21

Поделиться33Вт, 3 Фев 2015 11:18:49

Поделиться34Вт, 3 Фев 2015 14:47:30

Поделиться35Вт, 3 Фев 2015 16:34:07

Поделиться36Вт, 9 Май 2017 08:09:52

Поделиться37Вт, 9 Май 2017 14:47:53

Поделиться38Вс, 9 Июл 2017 23:04:24