Dodamies: CP -> Customize design -> Web Polls -> Type of polling form -> kur doto kodu aizstājam ar šo kodu:
Code
<div class="pollBlock">
<div style="font:12px trebuchet ms;" class="pollTitle">$QUESTION$</div>
<div style="font:11px trebuchet ms;" class="pollAns">$ANSWERS$</div>
<div align="center">
</div>
<div class="pollTot" style="font:10px trebuchet ms;">Kopā aptaujā piedalījušies: <b>$TOTAL_VOTES$</b></div>
</div>
<style>
.pollTot {
border: 0;
background: rgb(114, 114, 114);
color: #fff;
padding: 5px 10px;
margin-top: 0px;
text-align:center;
font-size:12px;
}
.pollAns {
font-size:9pt;
text-align:left;
padding-bottom: 5px;
}
.pollTitle {
border: 0;
background: #1d9fde url('http://ucoz-script.do.am/poll_style/questionmark.png') 1px 0 repeat-y;
color: #fff;
padding: 4px 18px 4px 56px;
margin-top: 0px;
margin-bottom: 10px;
font-size: 12px;
max-height: 30px;
text-align: center;
}
.pollBut {
background:#9dd30b;
color: #fff;
cursor:pointer;
display:inline-block;
font-size: 11px;
padding: 6px 11px 7px;
position:relative;
outline:none;
border:none;
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 5px;
background: rgb(248, 248, 248);
border-left: 1px solid transparent;
border-right: 1px solid transparent;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.bb0 div div{
content: close-quote;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 18px !important;
background: rgb(204, 102, 255) url(http://ucoz-script.do.am/poll_style/progress.png) 0 0 repeat-x !important;
border-radius: 10px !important;
}
.bb1 div div{
content: close-quote;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 18px !important;
background: #85c440 url(http://ucoz-script.do.am/poll_style/progress.png) 0 0 repeat-x !important;
border-radius: 10px !important;
}
.bb2 div div{
content: close-quote;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 18px !important;
background: rgb(240, 114, 99) url(http://ucoz-script.do.am/poll_style/progress.png) 0 0 repeat-x !important;
border-radius: 10px !important;
}
.bb3 div div{
content: close-quote;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 18px !important;
background: #f0ad24 url(http://ucoz-script.do.am/poll_style/progress.png) 0 0 repeat-x !important;
border-radius: 10px !important;
}
.bb4 div div{
content: close-quote;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 18px !important;
background: rgb(89, 181, 238) url(http://ucoz-script.do.am/poll_style/progress.png) 0 0 repeat-x !important;
border-radius: 10px !important;
}
.progress0, .progress6 {
color: #ffffff!important;
text-align: center!important;
position: relative!important;
text-indent: -2000em!important;
height: 18px!important;
line-height: 16px!important;
display: block !important;
overflow: hidden!important;
}
.progress1, .progress7 {
color: #ffffff!important;
text-align: center!important;
position: relative!important;
text-indent: -2000em!important;
height: 18px!important;
line-height: 16px!important;
display: block!important;
overflow: hidden!important;
}
.progress2, .progress8 {
color: #ffffff!important;
text-align: center!important;
position: relative!important;
text-indent: -2000em!important;
height: 18px!important;
line-height: 16px!important;
display: block!important;
overflow: hidden!important;
}
.progress3, .progress9 {
color: #ffffff!important;
text-align: center!important;
position: relative!important;
text-indent: -2000em!important;
height: 18px!important;
line-height: 16px!important;
display: block!important;
overflow: hidden!important;
}
.progress4, .progress10 {
color: #ffffff!important;
text-align: center!important;
position: relative!important;
text-indent: -2000em!important;
height: 18px!important;
line-height: 16px!important;
display: block!important;
overflow: hidden!important;
}
.progress5, .progress11 {
color: #ffffff!important;
text-align: center!important;
position: relative!important;
text-indent: -2000em!important;
height: 18px!important;
line-height: 16px!important;
display: block!important;
overflow: hidden!important;
}
.answer {
color: black;
background-image: none;
background-repeat: no-repeat;
background-position: bottom left;
line-height: 22px;
display: block;
text-align: left;
}
.button_poll {
cursor:pointer;
display:inline-block;
font-size: 14px;
margin:0 10px 20px 0;
padding: 7px 11px 7px;
position:relative;
outline:none;
border:none;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.white {
background:#eaeaea;
color: #686868;
}
.white:hover {
color: #686868;
background:#d2d2d2;
}
.yellow {
background:#ffb141;
border:0 none;
color: #fff;
}
.yellow:hover {
color: #fff;
background:#fd9602;
}
.orange {
background:#fe7e17;
border:0 none;
color: #fff;
}
.orange:hover {
color: #fff;
background:#f77309;
}
.black {
background:#787878;
color: #ffffff;
}
.black:hover {
color: #ffffff;
background:#444;
}
.green {
background:#9dd30b;
color: #fff;
}
.green:hover {
color: #fff;
background:#8dbd0a;
}
.bleumarin {
background:#30b4c5;
color: #fff;
}
.bleumarin:hover {
background:#2b9fae;
color:#fff;
}
.rose {
background:#ee5051;
color: #fff;
}
.rose:hover {
color: #fff;
background:#d64849;
}
</style>
<script type="text/javascript" src="http://ucoz-script.do.am/poll_style/js/poll_js.js"></script>