Красивое голосование 1.0

Данный плагин добавляет возможность изменять стиль голосования

  1. MOTO3BEPb
    Данный плагин добавляет возможность изменять стиль голосования.
    Возможная проблема - не отображаются изменения
    Открыть extra.css вашего стиля и добавить туда это:


    Код:
    <xen:if is="{$xenOptions.plugin_off_on}==1">
    </xen:if>
    <xen:if is="{$xenOptions.plugin_off_on}==0">
    <xen:if is="{$xenOptions.count_view}==0">
    .pollResult:nth-child(n) .barContainer {
         background-color:rgb(186, 219, 242);
        height: 16px;
         border-color:rgb(215, 237, 252);
        border-width:3px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border-style:solid;
        -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
    }
    
    .pollResult:nth-child(n) .bar {
        background-image:-moz-linear-gradient(1% 40% 0deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
        background-image:-webkit-gradient(linear,1% 40%,119% 40%,color-stop(0, rgb(255,128,0)),color-stop(0.01, rgb(255,128,0)),color-stop(0.99, rgb(255,201,38)),color-stop(1, rgb(255,201,38)));
        background-image:-webkit-linear-gradient(0deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
        background-image:-o-linear-gradient(0deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
        background-image:-ms-linear-gradient(0deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
        background-image:linear-gradient(0deg,rgb(255,128,0) 0%,rgb(255,128,0) 1%,rgb(255,201,38) 99%,rgb(255,201,38) 100%);
        height:10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow:inset 0px 1px 2px rgb(153,67,0);
        -webkit-box-shadow:inset 0px 1px 2px rgb(153,67,0);
        box-shadow:inset 0px 1px 2px rgb(153,67,0);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff8000,endColorstr=#ffffc926,GradientType=1)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff8000,endColorstr=#ffffc926,GradientType=1);
    }
    </xen:if>
    <xen:if is="{$xenOptions.count_view}==1">
    .pollResult:nth-child(n) .barContainer {
         background-color:rgb(186, 219, 242);
        height: 16px;
         border-color:rgb(215, 237, 252);
        border-width:3px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border-style:solid;
        -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
    }
    
    .pollResult:nth-child(n) .bar {
        background-image:-moz-linear-gradient(1% 40% 0deg,rgb(200,0,0) 0%,rgb(200,0,0) 1%,rgb(255,145,158) 99%,rgb(255,145,158) 100%);
        background-image:-webkit-gradient(linear,1% 40%,119% 40%,color-stop(0, rgb(200,0,0)),color-stop(0.01, rgb(200,0,0)),color-stop(0.99, rgb(255,145,158)),color-stop(1, rgb(255,145,158)));
        background-image:-webkit-linear-gradient(0deg,rgb(200,0,0) 0%,rgb(200,0,0) 1%,rgb(255,145,158) 99%,rgb(255,145,158) 100%);
        background-image:-o-linear-gradient(0deg,rgb(200,0,0) 0%,rgb(200,0,0) 1%,rgb(255,145,158) 99%,rgb(255,145,158) 100%);
        background-image:-ms-linear-gradient(0deg,rgb(200,0,0) 0%,rgb(200,0,0) 1%,rgb(255,145,158) 99%,rgb(255,145,158) 100%);
        background-image:linear-gradient(0deg,rgb(200,0,0) 0%,rgb(200,0,0) 1%,rgb(255,145,158) 99%,rgb(255,145,158) 100%);
        height:10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow:inset 0px 1px 2px rgb(153,67,0);
        -webkit-box-shadow:inset 0px 1px 2px rgb(153,67,0);
        box-shadow:inset 0px 1px 2px rgb(153,67,0);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff8000,endColorstr=#ffffc926,GradientType=1)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff8000,endColorstr=#ffffc926,GradientType=1);
    }
    </xen:if>
    <xen:if is="{$xenOptions.count_view}==2">
    .pollResult:nth-child(n) .barContainer {
         background-color:rgb(186, 219, 242);
        height: 16px;
         border-color:rgb(215, 237, 252);
        border-width:3px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border-style:solid;
        -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
    }
    
    .pollResult:nth-child(n) .bar {
        background-image:-moz-linear-gradient(1% 40% 0deg,rgb(0,128,255) 0%,rgb(0,128,255) 1%,rgb(0,191,255) 99%,rgb(0,191,255) 100%);
        background-image:-webkit-gradient(linear,1% 40%,99% 40%,color-stop(0, rgb(0,128,255)),color-stop(0.01, rgb(0,128,255)),color-stop(0.99, rgb(0,191,255)),color-stop(1, rgb(0,191,255)));
        background-image:-webkit-linear-gradient(0deg,rgb(0,128,255) 0%,rgb(0,128,255) 1%,rgb(0,191,255) 99%,rgb(0,191,255) 100%);
        background-image:-o-linear-gradient(0deg,rgb(0,128,255) 0%,rgb(0,128,255) 1%,rgb(0,191,255) 99%,rgb(0,191,255) 100%);
        background-image:-ms-linear-gradient(0deg,rgb(0,128,255) 0%,rgb(0,128,255) 1%,rgb(0,191,255) 99%,rgb(0,191,255) 100%);
        background-image:linear-gradient(0deg,rgb(0,128,255) 0%,rgb(0,128,255) 1%,rgb(0,191,255) 99%,rgb(0,191,255) 100%);
        height:10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow:inset 0px 1px 3px rgb(32,73,112);
        -webkit-box-shadow:inset 0px 1px 3px rgb(32,73,112);
        box-shadow:inset 0px 1px 3px rgb(32,73,112);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0080ff,endColorstr=#ff00bfff,GradientType=1)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0080ff,endColorstr=#ff00bfff,GradientType=1);
    }
    </xen:if>
    <xen:if is="{$xenOptions.count_view}==3">
    .pollResult:nth-child(n) .barContainer {
         background-color:rgb(186, 219, 242);
        height: 16px;
         border-color:rgb(215, 237, 252);
        border-width:3px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border-style:solid;
        -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
    }
    
    .pollResult:nth-child(n) .bar {
        background-image:-moz-linear-gradient(1% 40% 0deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(217,242,153) 99%,rgb(217,242,153) 100%);
        background-image:-webkit-gradient(linear,1% 40%,99% 40%,color-stop(0, rgb(92,181,25)),color-stop(0.01, rgb(92,181,25)),color-stop(0.99, rgb(217,242,153)),color-stop(1, rgb(217,242,153)));
        background-image:-webkit-linear-gradient(0deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(217,242,153) 99%,rgb(217,242,153) 100%);
        background-image:-o-linear-gradient(0deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(217,242,153) 99%,rgb(217,242,153) 100%);
        background-image:-ms-linear-gradient(0deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(217,242,153) 99%,rgb(217,242,153) 100%);
        background-image:linear-gradient(0deg,rgb(92,181,25) 0%,rgb(92,181,25) 1%,rgb(217,242,153) 99%,rgb(217,242,153) 100%);
        height:10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow:inset 0px 1px 2px rgb(52,84,18);
        -webkit-box-shadow:inset 0px 1px 2px rgb(52,84,18);
        box-shadow:inset 0px 1px 2px rgb(52,84,18);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5cb519,endColorstr=#ffd9f299,GradientType=1)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5cb519,endColorstr=#ffd9f299,GradientType=1);
    }
    </xen:if>
    <xen:if is="{$xenOptions.count_view}==4">
    .pollResult:nth-child(n) .barContainer {
         background-color:rgb(186, 219, 242);
        height: 16px;
         border-color:rgb(215, 237, 252);
        border-width:3px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border-style:solid;
        -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
    }
    
    .pollResult:nth-child(n) .bar {
        background-image:-moz-linear-gradient(1% 40% 0deg,rgb(109,134,160) 0%,rgb(109,134,160) 1%,rgb(157,184,207) 99%,rgb(157,184,207) 100%);
        background-image:-webkit-gradient(linear,1% 40%,99% 40%,color-stop(0, rgb(109,134,160)),color-stop(0.01, rgb(109,134,160)),color-stop(0.99, rgb(157,184,207)),color-stop(1, rgb(157,184,207)));
        background-image:-webkit-linear-gradient(0deg,rgb(109,134,160) 0%,rgb(109,134,160) 1%,rgb(157,184,207) 99%,rgb(157,184,207) 100%);
        background-image:-o-linear-gradient(0deg,rgb(109,134,160) 0%,rgb(109,134,160) 1%,rgb(157,184,207) 99%,rgb(157,184,207) 100%);
        background-image:-ms-linear-gradient(0deg,rgb(109,134,160) 0%,rgb(109,134,160) 1%,rgb(157,184,207) 99%,rgb(157,184,207) 100%);
        background-image:linear-gradient(0deg,rgb(109,134,160) 0%,rgb(109,134,160) 1%,rgb(157,184,207) 99%,rgb(157,184,207) 100%);
        height:10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow:inset 0px 1px 2px rgb(67,79,93);
        -webkit-box-shadow:inset 0px 1px 2px rgb(67,79,93);
        box-shadow:inset 0px 1px 2px rgb(67,79,93);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6d86a0,endColorstr=#ff9db8cf,GradientType=1)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6d86a0,endColorstr=#ff9db8cf,GradientType=1);
    }
    </xen:if>
    <xen:if is="{$xenOptions.count_view}==5">
    .pollResult:nth-child(n) .barContainer {
         background-color:rgb(186, 219, 242);
        height: 16px;
         border-color:rgb(215, 237, 252);
        border-width:3px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        border-style:solid;
        -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
        box-shadow:0px 1px 0px rgba(255,255,255,0.25) ,inset 0px 1px 2px rgba(0,0,0,0.5);
    }
    
    .pollResult:nth-child(n) .bar {
        background-image:-moz-linear-gradient(1% 40% 0deg,rgb(0,0,0) 0%,rgb(10,10,10) 1%,rgb(129,129,129) 99%,rgb(0,0,0) 100%);
        background-image:-webkit-gradient(linear,1% 40%,99% 40%,color-stop(0, rgb(104,118,123)),color-stop(0.01, rgb(104,118,123)),color-stop(0.99, rgb(130,141,145)),color-stop(1, rgb(130,141,145)));
        background-image:-webkit-linear-gradient(0deg,rgb(0,0,0) 0%,rgb(10,10,10) 1%,rgb(129,129,129) 99%,rgb(0,0,0) 100%);
        background-image:-o-linear-gradient(0deg,rgb(0,0,0) 0%,rgb(10,10,10) 1%,rgb(129,129,129) 99%,rgb(0,0,0) 100%);
        background-image:-ms-linear-gradient(0deg,rgb(0,0,0) 0%,rgb(10,10,10) 1%,rgb(129,129,129) 99%,rgb(0,0,0) 100%);
        background-image:linear-gradient(0deg,rgb(0,0,0) 0%,rgb(10,10,10) 1%,rgb(129,129,129) 99%,rgb(0,0,0) 100%);
        height:10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow:inset 0px 1px 2px rgb(0,0,0);
        -webkit-box-shadow:inset 0px 1px 2px rgb(0,0,0);
        box-shadow:inset 0px 1px 2px rgb(0,0,0);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff68767b,endColorstr=#ff828d91,GradientType=1)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff68767b,endColorstr=#ff828d91,GradientType=1);
    }
    </xen:if>
    </xen:if>
    602002eede.png
Поделиться этой страницей в