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

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

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

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

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

Страница:   1 2

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

21

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

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

0

22

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12376
  • Последний визит:
    Сегодня 00:51:45

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

Код:
<!-- Награды 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

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

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

0

24

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12376
  • Последний визит:
    Сегодня 00:51:45

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

0

Перевести25

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

http://firepic.org/images/2015-02/02/arazrm5p5c15.png

http://firepic.org/images/2015-02/02/z9twk0os8k8x.png

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

0

26

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12376
  • Последний визит:
    Сегодня 00:51:45

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

0

27

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

получается вот что
http://firepic.org/images/2015-02/02/tmt8aelck2vl.png
меняю красное ездит погоризонту

0

28

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12376
  • Последний визит:
    Сегодня 00:51:45

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

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

попробовал, вот результат
http://firepic.org/images/2015-02/02/vx6hk437lzaq.png
самый первый вариант кажется самый лучший получился, может размер крупного рисунка чуть уменьшить...?

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

0

30

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12376
  • Последний визит:
    Сегодня 00:51:45

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

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

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

0

31

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12376
  • Последний визит:
    Сегодня 00:51:45

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

0

32

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12376
  • Последний визит:
    Сегодня 00:51:45

: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

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

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

0

34

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51745
  • Уважение: +15556
  • Позитив: +12376
  • Последний визит:
    Сегодня 00:51:45
nonstop70 написал(а):

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

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

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

0

35

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

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

0

36

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

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

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

0

37

  • Автор: audaciousGodsend
  • cobaltCorsair
  • Зарегистрирован: Сб, 30 Апр 2016
  • Сообщений: 168
  • Уважение: +165
  • Позитив: +87
  • Пол: Женский
  • Последний визит:
    Чт, 19 Июн 2025 10:03:18

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

+1

38

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

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

0

Страница:   1 2

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