• Lappuse 1 no 1
  • 1
Forums » uCoz sistēma » Vizuālie skripti » Aptaujas izskats #3 (Kāds šobrīd ir mums)
Aptaujas izskats #3
Spanky
Datums: Svētdiena, 18.01.2015, 11:12 | Ziņa # 1
Grupa: Administrators
Foruma posti: 543
Reputācija: 88

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>



Pielikumi: 1608013.png (14.1 Kb)
Forums » uCoz sistēma » Vizuālie skripti » Aptaujas izskats #3 (Kāds šobrīd ir mums)
  • Lappuse 1 no 1
  • 1
Meklēšana: