Обсуждение Шаблон terraserial. помогите найти

[Winston?!]

Здравствуйте коллеги) Может у кого есть шаблон TERRASERIAL от Webrambo? Понравился там рейтинг, а ради него не хочу покупать весь шаб)))) Кто может поделится?)

 

[Ботяра]

Вот рейтинг из шаблона, взято на https://www.nulled.cc/threads/285462/

Оценка по 10-бальной шкале, раздельные лайки и дизлайки, живая круговая диаграмма — все это работает на базе стандартного длешного рейтинга нравится-не нравится.
Так как все шаблоны были слиты, думаю автор не обидится.

HTML

[rating-type-3]
    <div class="frate">
        <div class="fr-likes icon-l">
            <div class="rate-plus ps" id="ps-{news-id}" onclick="doRateLD('plus', '{news-id}');"><span class="fa fa-thumbs-up"></span></div>
            <div class="rate-minus ms" id="ms-{news-id}" onclick="doRateLD('minus', '{news-id}');"><span class="fa fa-thumbs-down"></span></div>
        </div>
        <div class="fr-count"></div>
        <div class="fr-votes">
            {rating}
            {vote-num}
        </div>
    </div>
[/rating-type-3]

JS

function doRateLD(a, b) {
    ShowLoading(""), $.get(dle_root + "engine/ajax/rating.php", {
        go_rate: a,
        news_id: b,
        skin: dle_skin
    }, function(a) {
        if (HideLoading(""), a.success) {
            var c = a.rating;
            c = c.replace(/&lt;/g, "<"), c = c.replace(/&gt;/g, ">"), c = c.replace(/&amp;/g, "&"), $("#ratig-layer-" + b).html(c), $("#vote-num-id-" + b).html(a.votenum);
            var d = parseInt($(c).text()),
                e = (a.votenum - d) / 2,
                f = a.votenum - e,
                g = Math.round((a.votenum - (a.votenum - d) / 2) / a.votenum * 100) / 10;
            $("#ps-" + b).children(".psc").text(f), $("#ms-" + b).children(".msc").text(e), $(".fr-count > div").html(g + "<div>" + titlesArr[0] + "</div>"), $(".fr-count").circleProgress({
                value: g / 10
            })
        } else a.error && DLEalert(a.errorinfo, dle_info)
    }, "json")
}
$(document).ready(function() {
       titlesArr = ["Оценка"];
       $(".fr-count").each(function() {
            var a = $(this),
                b = a.next(),
                c = parseInt(b.find(".ratingtypeplusminus").text()),
                d = parseInt(b.find("span[id]:last").text());
            if (d >= c && d > 0) var e = Math.round((d - (d - c) / 2) / d * 100) / 10;
            else var e = 0;
            a.append("<div>" + e + "<div>" + titlesArr[2] + "</div></div>"), setTimeout(function() {
                a.circleProgress({
                    size: 60,
                    startAngle: -1.5,
                    lineCap: "round",
                    value: e / 10,
                    emptyFill: "#f5f5f5",
                    fill: {
                        gradient: ["#53baee", "#2995cd"]
                    }
                })
            }, 400)
        });

       $(".fr-likes").each(function() {
            var a = $(this),
                b = a.next().next(),
                c = parseInt(b.find(".ratingtypeplusminus").text()),
                d = parseInt(b.find("span[id]:last").text());
            if (d >= c) {
                var e = (d - c) / 2,
                    f = d - e;
                a.find(".ps").append('<span class="psc">' + f + "</span>"), a.find(".ms").append('<span class="msc">' + e + "</span>")
            }
        }),
});
/*
* jquery-circle-progress - jQuery Plugin to draw animated circular progress bars:
* http://kottenator.github.io/jquery-circle-progress/
*/
!function(i){"function"==typeof define&&define.amd?define(["jquery"],i):"object"==typeof module&&module.exports?module.exports=function(t,e){return void 0===e&&(e="undefined"!=typeof window?require("jquery"):require("jquery")(t)),i(e),e}:i(jQuery)}(function(i){function t(i){this.init(i)}t.prototype={value:0,size:100,startAngle:-Math.PI,thickness:"auto",fill:{gradient:["#3aeabb","#fdd250"]},emptyFill:"rgba(0, 0, 0, .1)",animation:{duration:1200,easing:"circleProgressEasing"},animationStartValue:0,reverse:!1,lineCap:"butt",insertMode:"prepend",constructor:t,el:null,canvas:null,ctx:null,radius:0,arcFill:null,lastFrameValue:0,init:function(t){i.extend(this,t),this.radius=this.size/2,this.initWidget(),this.initFill(),this.draw(),this.el.trigger("circle-inited")},initWidget:function(){this.canvas||(this.canvas=i("<canvas>")["prepend"==this.insertMode?"prependTo":"appendTo"](this.el)[0]);var t=this.canvas;if(t.width=this.size,t.height=this.size,this.ctx=t.getContext("2d"),window.devicePixelRatio>1){var e=window.devicePixelRatio;t.style.width=t.style.height=this.size+"px",t.width=t.height=this.size*e,this.ctx.scale(e,e)}},initFill:function(){function t(){var t=i("<canvas>")[0];t.width=e.size,t.height=e.size,t.getContext("2d").drawImage(g,0,0,r,r),e.arcFill=e.ctx.createPattern(t,"no-repeat"),e.drawFrame(e.lastFrameValue)}var e=this,a=this.fill,n=this.ctx,r=this.size;if(!a)throw Error("The fill is not specified!");if("string"==typeof a&&(a={color:a}),a.color&&(this.arcFill=a.color),a.gradient){var s=a.gradient;if(1==s.length)this.arcFill=s[0];else if(s.length>1){for(var o=a.gradientAngle||0,l=a.gradientDirection||[r/2*(1-Math.cos(o)),r/2*(1+Math.sin(o)),r/2*(1+Math.cos(o)),r/2*(1-Math.sin(o))],h=n.createLinearGradient.apply(n,l),c=0;c<s.length;c++){var d=s[c],u=c/(s.length-1);i.isArray(d)&&(u=d[1],d=d[0]),h.addColorStop(u,d)}this.arcFill=h}}if(a.image){var g;a.image instanceof Image?g=a.image:(g=new Image,g.src=a.image),g.complete?t():g.onload=t}},draw:function(){this.animation?this.drawAnimated(this.value):this.drawFrame(this.value)},drawFrame:function(i){this.lastFrameValue=i,this.ctx.clearRect(0,0,this.size,this.size),this.drawEmptyArc(i),this.drawArc(i)},drawArc:function(i){if(0!==i){var t=this.ctx,e=this.radius,a=this.getThickness(),n=this.startAngle;t.save(),t.beginPath(),this.reverse?t.arc(e,e,e-a/2,n-2*Math.PI*i,n):t.arc(e,e,e-a/2,n,n+2*Math.PI*i),t.lineWidth=a,t.lineCap=this.lineCap,t.strokeStyle=this.arcFill,t.stroke(),t.restore()}},drawEmptyArc:function(i){var t=this.ctx,e=this.radius,a=this.getThickness(),n=this.startAngle;i<1&&(t.save(),t.beginPath(),i<=0?t.arc(e,e,e-a/2,0,2*Math.PI):this.reverse?t.arc(e,e,e-a/2,n,n-2*Math.PI*i):t.arc(e,e,e-a/2,n+2*Math.PI*i,n),t.lineWidth=a,t.strokeStyle=this.emptyFill,t.stroke(),t.restore())},drawAnimated:function(t){var e=this,a=this.el,n=i(this.canvas);n.stop(!0,!1),a.trigger("circle-animation-start"),n.css({animationProgress:0}).animate({animationProgress:1},i.extend({},this.animation,{step:function(i){var n=e.animationStartValue*(1-i)+t*i;e.drawFrame(n),a.trigger("circle-animation-progress",[i,n])}})).promise().always(function(){a.trigger("circle-animation-end")})},getThickness:function(){return i.isNumeric(this.thickness)?this.thickness:this.size/14},getValue:function(){return this.value},setValue:function(i){this.animation&&(this.animationStartValue=this.lastFrameValue),this.value=i,this.draw()}},i.circleProgress={defaults:t.prototype},i.easing.circleProgressEasing=function(i,t,e,a,n){return(t/=n/2)<1?a/2*t*t*t+e:a/2*((t-=2)*t*t+2)+e},i.fn.circleProgress=function(e,a){var n="circle-progress",r=this.data(n);if("widget"==e){if(!r)throw Error('Calling "widget" method on not initialized instance is forbidden');return r.canvas}if("value"==e){if(!r)throw Error('Calling "value" method on not initialized instance is forbidden');if("undefined"==typeof a)return r.getValue();var s=arguments[1];return this.each(function(){i(this).data(n).setValue(s)})}return this.each(function(){var a=i(this),r=a.data(n),s=i.isPlainObject(e)?e:{};if(r)r.init(s);else{var o=i.extend({},a.data());"string"==typeof o.fill&&(o.fill=JSON.parse(o.fill)),"string"==typeof o.animation&&(o.animation=JSON.parse(o.animation)),s=i.extend(o,s),s.el=a,r=new t(s),a.data(n,r)}})}});

CSS

.frate {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f7f7f7;
    height: 80px;
}
.fr-likes {
    width: 100px;
}
.fr-count {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f7f7f7;
    box-shadow: inset 0 0 0 5px #ccc;
}
.fr-count>div {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    color: #1172a6;
    display: block;
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    font-weight: 700;
}
.fr-count>div div {
    font: 11px Arial, Helvetica, sans-serif;
    color: #888;
    margin-top: 0px;
    font-weight: 400;
}
.fr-votes {
    display: none;
}
.rate-plus,
.rate-minus {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #888;
    text-align: left;
}
.rate-plus .fa {
    color: #33a42d;
}
.rate-minus .fa {
    color: #dd4d1b;
}

Автор: redissx

 

[Winston?!]

Вот рейтинг из шаблона - https://www.nulled.cc/threads/285462/

Ты как всегда на высоте) А самого шаблона на нулледе нету?)

 

[fannik]

Ты как всегда на высоте) А самого шаблона на нулледе нету?)

сам шаблон есть у автора за деньги 😵

 

[Ботяра]

Ты как всегда на высоте) А самого шаблона на нулледе нету?)

Шаблон в паблик не был слит ещё!

 

[Bashmak]

Ты как всегда на высоте) А самого шаблона на нулледе нету?)

Ну так чё, работает этот рейтинг? Месяц назад пробовал ставить по такой же инструкции на форуме киномастера, но оба рейтинга были нерабочими.

 

[Ботяра]

Ну так чё, работает этот рейтинг? Месяц назад пробовал ставить по такой же инструкции на форуме киномастера, но оба рейтинга были нерабочими.

если на 11.3 ставил, то надо ещё это делать! на 11,2 и ниже он работает без каких либо правок кода.

 

[shevket007]

Ты как всегда на высоте) А самого шаблона на нулледе нету?)

Так тебе же сам шаб не нужен

 

[Serg]

Я себе на одном из сайтов Ucoz поставил, пользователям понравился такой вид рейтинга)

 

[Winston?!]

Так тебе же сам шаб не нужен

Клевый шаб, можно под статейник передалать)

 

[General]

Бабло и у автора купить, росплодилось мразей, то им дай, там им покажи, охуели блать, платить за все надо!!!!!!!!!

 

[Ботяра]

Бабло и у автора купить, росплодилось мразей, то им дай, там им покажи, охуели блать, платить за все надо!!!!!!!!!

Не надо ругаться! Если ему нужен только рейтинг - то зачем покупать шаблон? Рейтинг был выложен уже давно со стилями и кодом из шаблона...

 

[kinouser]

Я себе на одном из сайтов Ucoz поставил, пользователям понравился такой вид рейтинга)

покажи как правильно сделал html пожалуйста...

 

[Winston?!]

Cделал как написано, но стало как-то криво http://base-road.ru/restoration_work/657-nakatochnoe-oborudovanie.html
Кто может помочь плз

 

[igrovik]

Cделал как написано, но стало как-то криво http://base-road.ru/restoration_work/657-nakatochnoe-oborudovanie.html
Кто может помочь плз

Если стало криво значить где-то накосячил и сделал не верно.

 

[Winston?!]

Если стало криво значить где-то накосячил и сделал не верно.

Так все сделал как написано. Стили видит, js в свой файл залил... Смотрел консоль, там пишет вот такое

Uncaught SyntaxError: Unexpected token } в libs.js:136

 

[igrovik]

Так все сделал как написано. Стили видит, js в свой файл залил... Смотрел консоль, там пишет вот такое

Uncaught SyntaxError: Unexpected token } в libs.js:136

Непойманные синтаксис ошибка: неожиданный знак } в библиотеки в libs.js:136

Ищи у себя файл libs.js и смотри в нем 136 строку в ней лишний знак }

 

[igrovik]

Так все сделал как написано. Стили видит, js в свой файл залил... Смотрел консоль, там пишет вот такое

Uncaught SyntaxError: Unexpected token } в libs.js:136

Да и еще такой вопрос а доп поле [rating-type-3] ты в админке создал???

 

[LisER07]

Да и еще такой вопрос а доп поле [rating-type-3] ты в админке создал???

Это не доп поле ! Это стандартный тег dle

 

[Winston?!]

Это не доп поле ! Это стандартный тег dle

А почему DLE выводит его текстом?