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

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

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


Вы здесь » Единый форум поддержки » Форум для новичков » Оценка поста как на этом форуме


Оценка поста как на этом форуме

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

1

Ни как не могу найти тему о том как сделать так что бы в постах всплывало окошко с авами тех кто поставил плюс1 или минус.
Очень интересно смотрится  :flag:

0

2

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

Panz
Дык оно вроде уже стоит на всём сервисе ?
Просто нужно иметь пользователя которому Вы ткнёте плюс на Вашем форуме или он Вам (и тогда будет всплывать

Видимо без скрипта Новые возможности с применением API (тест) не показывает, кто сказал, у меня на тестовом другом форуме, не показывает!

+2

3

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

Дык оно вроде уже стоит на всём сервисе ?

на всём сервисе стоит быстрое оценивание постов без перезагрузки страницы, а Просмотр репутации поста а-ля Вконтакте v.2.2 пока нет, или я что-то пропустил?

+2

4

Romych
Не пропустил (Я желаемое за действительное (уже запутался)
===================
Ну реально скрипт хорош, ну чего не поставить то, и юзеров бы привлёк в момент ... блин.. опять лечу впереди паровоза

+2

5

Deff
Скрипт хороший, правда нашёл один баг на мобилке: контейнер со всеми оценившими уползает за видимую область.
https://imgur.com/tAguxvx

Ещё дело вкуса, но иконки плюсов/минусов бы без "объемного" эффекта

PS:

Часто сижу в последнее время с мобилки тут, и очень было бы неплохо сделать векторными иконки меню форума.

К сожалению не знаю, каков будет эффект с компьютера, но на Retina-дисплее артефакты видны.

https://imgur.com/LYc9sTo

0

6

C3La-NS
Мон на мобильном поправить:
Прижать к правому краю

@media screen and (max-width: 540px) {
  .jGrowl.top-right {
    left:auto!important;
    margin-left:auto!important;
    margin-right:-30px!important;
  }
}

0

7

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

Ну реально скрипт хорош, ну чего не поставить то, и юзеров бы привлёк в момент ... блин.. опять лечу впереди паровоза

Да, скрипт смотрится хорошо и его уже можно поставить на сервис, только нужно сперва протестировать на мобильных экранах и внести соответствующие исправления.

+4

8

И еще надо дать возможность редактировать оформление

0

9

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

только нужно сперва протестировать на мобильных экранах и внести соответствующие исправления.

Постараюсь на днях сделать необходимые правки (Чот попробовал - сходу не получилось,  - там придется и скрипт править под ширину экрана < 540px

0

10

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

Видимо без скрипта Новые возможности с применением API (тест) не показывает, кто сказал, у меня на тестовом другом форуме, не показывает!

А куда ставить?
Я скопировал код первого из предложенных ,( в теме ссылки) и поставил в хтмл верх - и без результата.
А здесь на форуме работает отлично.

0

11

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

А куда ставить?
Я скопировал код первого из предложенных ,( в теме ссылки) и поставил в хтмл верх - и без результата.
А здесь на форуме работает отлично.

Низ HTML, из верха соответственно убрать! Там же написано куда.... и Лучше ставить последнюю версию Просмотр репутации поста а-ля Вконтакте v.2.2

Код
Код:
<style>
/* таблица во всплывающей подсказке */
#respect td{vertical-align:top;}
#respect figure{margin:2px;word-wrap:break-word;width:44px;}
#respect figure:hover img.vote{display:none;}
#respect figcaption{font-size:0.8em;margin-top:-5px;}
/* стиль окна а-ля вКонтакте */
.jGrowl .rating_theme {opacity: 1;padding: 3px;text-align:center;width: 485px !important;} 
.jGrowl .rating_theme .jGrowl-message {background: #fff; padding: 2px;}
.jGrowl .rating_theme .jGrowl-header {background: #597ba5;font-size: 1.09em;height: 22px;}
.jGrowl .rating_theme .person{width:78px; height:78px; }
/* стиль изображения оценки */
.vote{position:absolute;border-radius: 9em;box-shadow:0 3px 5px 1px #000000;-webkit-box-shadow:0 3px 5px 1px #000000;}
/* таблица в окне а-ля вКонтакте */
#vse tbody{max-height:520px!important;display:block;overflow-y:auto;overflow-x:hidden;}
#vse td{vertical-align:top;}
#vse figure{margin:5px;word-wrap:break-word;width:82px; -webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;}
#vse figure:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#597ba5;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#vse figure:hover img.vote{display:none;}
#vse figure:hover:before,#vse figure:focus:before,#vse figure:active:before{left:0;right:0;}
#vse figcaption{color: #2b587a;font-size:0.9em;}
/* настройки всплывающей подсказки */
.tipsy-inner {min-width : 40px!important;max-width : 800px!important;}
.tipsy-inner .person {width:36px; height:36px; border-radius:2px;}
.tipsy-inner .prof {color:#fff !important;}
.tipsy-inner .prof:hover{ text-decoration:underline!important;}
.tipsy-se .tipsy-arrow {left:100%!important;margin-left:-22px;}
.prof {text-decoration: none !important;}
</style>
<!--Репутация поста v.2.2-->
<script type="text/javascript">
$('div.post').map(function()
{var PostID=$(this).find('div.post-content').attr('id').slice(1,-8);var tyt=$(this).find('.post-rating p');var tmp_abort,timer,ava,vote,kr=[];function cl(){$('.tipsy').fadeOut(200);setTimeout(function(){$('.tipsy').remove();},200);};function ton(){timer=setTimeout(function(){cl();},500)}$(tyt).on('mouseenter',function(){$(this).tipsy({fade:!0,gravity:'se',trigger:'manual',html:!0});var w='<table id="respect"><tr><td style="font-weight:bolder"> Oценили: </td></tr><tr>';var f='<table id="vse"  width="100%"><tr>';tmp_abort=setTimeout(function(){$.get('/api.php',{method:'post.getVotes',sort_dir:'desc',limit:100,post_id:PostID,fields:'user_id,username,avatar,value,datetime'},function(data){var x=data.response.votes;for(var i in x){var v=x[i];vote=v.value;if(vote==1){vote='http://petushki-city.ru/files/0002/10/47/26356.png';}else{vote='http://petushki-city.ru/files/0002/10/47/46689.png';};ava=v.avatar;if(ava==''){ava='https://forumstatic.ru/files/0000/14/1c/20038.jpg'};kr[i]='<td><figure><img class="vote" src="'+vote+'"><a class="prof" href="/profile.php?id='+v.user_id+'"><img class="person" src="'+ava+'" title="'+v.datetime+'"><figcaption><p>'+v.username+'</p></figcaption></a></figure></td>';}w+=kr.slice(0,5).join(' ');w+='</tr></table>';if(kr.length>=6){w+='<p id="showt" style="cursor:pointer;font-weight:bold;margin:5px;"> Показать всех </p>';}$(tyt).attr('original-title',w).tipsy('show');for(var k=0;k<kr.length;k++){f+=kr[k];if(k%5==4){f+='</tr><tr>';}}f+='</tr></table>';$('#showt').on('click',function(){cl();$.jGrowl(f,{sticky:!0,position:'center',header:kr.length+' оценили',theme:'rating_theme'});});},'json');},600);}).on('mouseleave',function(){clearTimeout(tmp_abort);ton();$('.tipsy').on('mouseover',function(){clearTimeout(timer);});$('.tipsy').on('mouseout',function(){ton();});});$('body').on('click',function(){$('.rating_theme .jGrowl-close').trigger('click');});
});
</script>

Отредактировано mihka1980 (Чт, 12 Май 2016 10:30:10)

+2

12

Вставил в низ
Под счётчики лив и Яндекс.
Результат ноль.

0

13

Panz
Ссылку на форум с проблемой

0

14

Ссылку отправил.
Спасибо за участие.

0

15

Panz
Дайте тестовый Ник - Пароль (лучше с админ правами)  и ссылку на пост с репутацией, - посмотрю
Чот у Вас весь код сжат (зачем ?) - возможно, с ошибками

0

16

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

Panz
Дайте тестовый Ник - Пароль (лучше с админ правами)  и ссылку на пост с репутацией, - посмотрю
Чот у Вас весь код сжат (зачем ?) - возможно, с ошибками

Как это весь код сжат ?
Извиняюсь, но ещё не все понимаю в техтерминах.

0

17

Panz
Замените весь HTML низ, отпишитесь

Код:
<style>
/* таблица во всплывающей подсказке */
#respect td{vertical-align:top;}
#respect figure{margin:2px;word-wrap:break-word;width:44px;}
#respect figure:hover img.vote{display:none;}
#respect figcaption{font-size:0.8em;margin-top:-5px;}
/* стиль окна а-ля вКонтакте */
.jGrowl .rating_theme {opacity: 1;padding: 3px;text-align:center;width: 485px !important;} 
.jGrowl .rating_theme .jGrowl-message {background: #fff; padding: 2px;}
.jGrowl .rating_theme .jGrowl-header {background: #597ba5;font-size: 1.09em;height: 22px;}
.jGrowl .rating_theme .person{width:78px; height:78px; }
/* стиль изображения оценки */
.vote{position:absolute;border-radius: 9em;box-shadow:0 3px 5px 1px #000000;-webkit-box-shadow:0 3px 5px 1px #000000;}
/* таблица в окне а-ля вКонтакте */
#vse tbody{max-height:520px!important;display:block;overflow-y:auto;overflow-x:hidden;}
#vse td{vertical-align:top;}
#vse figure{margin:5px;word-wrap:break-word;width:82px; -webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;}
#vse figure:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#597ba5;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#vse figure:hover img.vote{display:none;}
#vse figure:hover:before,#vse figure:focus:before,#vse figure:active:before{left:0;right:0;}
#vse figcaption{color: #2b587a;font-size:0.9em;}
/* настройки всплывающей подсказки */
.tipsy-inner {min-width : 40px!important;max-width : 800px!important;}
.tipsy-inner .person {width:36px; height:36px; border-radius:2px;}
.tipsy-inner .prof {color:#fff !important;}
.tipsy-inner .prof:hover{ text-decoration:underline!important;}
.tipsy-se .tipsy-arrow {left:100%!important;margin-left:-22px;}
.prof {text-decoration: none !important;}
</style>
<!--Репутация поста v.2.2-->
<script type="text/javascript">
$('div.post').map(function()
{var PostID=$(this).find('div.post-content').attr('id').slice(1,-8);var tyt=$(this).find('.post-rating p');var tmp_abort,timer,ava,vote,kr=[];function cl(){$('.tipsy').fadeOut(200);setTimeout(function(){$('.tipsy').remove();},200);};function ton(){timer=setTimeout(function(){cl();},500)}$(tyt).on('mouseenter',function(){$(this).tipsy({fade:!0,gravity:'se',trigger:'manual',html:!0});var w='<table id="respect"><tr><td style="font-weight:bolder"> Oценили: </td></tr><tr>';var f='<table id="vse"  width="100%"><tr>';tmp_abort=setTimeout(function(){$.get('/api.php',{method:'post.getVotes',sort_dir:'desc',limit:100,post_id:PostID,fields:'user_id,username,avatar,value,datetime'},function(data){var x=data.response.votes;for(var i in x){var v=x[i];vote=v.value;if(vote==1){vote='http://petushki-city.ru/files/0002/10/47/26356.png';}else{vote='http://petushki-city.ru/files/0002/10/47/46689.png';};ava=v.avatar;if(ava==''){ava='https://forumstatic.ru/files/0000/14/1c/20038.jpg'};kr[i]='<td><figure><img class="vote" src="'+vote+'"><a class="prof" href="/profile.php?id='+v.user_id+'"><img class="person" src="'+ava+'" title="'+v.datetime+'"><figcaption><p>'+v.username+'</p></figcaption></a></figure></td>';}w+=kr.slice(0,5).join(' ');w+='</tr></table>';if(kr.length>=6){w+='<p id="showt" style="cursor:pointer;font-weight:bold;margin:5px;"> Показать всех </p>';}$(tyt).attr('original-title',w).tipsy('show');for(var k=0;k<kr.length;k++){f+=kr[k];if(k%5==4){f+='</tr><tr>';}}f+='</tr></table>';$('#showt').on('click',function(){cl();$.jGrowl(f,{sticky:!0,position:'center',header:kr.length+' оценили',theme:'rating_theme'});});},'json');},600);}).on('mouseleave',function(){clearTimeout(tmp_abort);ton();$('.tipsy').on('mouseover',function(){clearTimeout(timer);});$('.tipsy').on('mouseout',function(){ton();});});$('body').on('click',function(){$('.rating_theme .jGrowl-close').trigger('click');});
});
</script>

<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t58.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter37247785 = new Ya.Metrika({
                    id:37247785,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    webvisor:true,
                    ecommerce:"dataLayer"
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/37247785" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

0

18

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

Panz
Дайте тестовый Ник - Пароль (лучше с админ правами)  и ссылку на пост с репутацией, - посмотрю
Чот у Вас весь код сжат (зачем ?) - возможно, с ошибками

Ник и пароль в ЛС.

0

19

Заменил.
Результат ноль.
Плюс внизу сайта вылезла часть какого то кода.

0

20

Panz
Заменил HTML низ, - у мну все заработало, пробуйте
Как-то Вы вставляли криво (Не с планшета случаем ?

+1


Вы здесь » Единый форум поддержки » Форум для новичков » Оценка поста как на этом форуме