Type of polling form pentru uCoz - 1 - Web Polls - Scripturi - RomCoz - Romanian uCoz Studio Design ,Teme uCoz

Statistica utiliza

» Înregistraţi pe site
Total: 325
De o lună: 1
De o săptămână: 0
De ieri: 0
Azi: 0
» Dintre care
Fondatori: 1
Administratori: 1
Moderatori: 0
V.I.P: 2
Utilizatori: 321
» Dintre care
Băeţi: 306
Fete: 19
------ Lista utilizatori online------


Parteneri

Free BackLink

Sondajul nostru

Ce ati dori mai mult pe site?
Total răspunsuri: 285

Mini-chat


romcoz.ucoz.ro


 
Voturi : 1  |  Rating: 5.0

 

Caracteristici:
- Alinierea casutelor de votare si rezultatelor
- Buton de votare personalizat
- Sunt adaugate 15 benzi noi de rezultat






Instalare :

1. Intram in CP->Design->Design management(template)->Polls->Type of polling form si adaugati :


Code

<div class="cell_poll">  
  <div class="poll_title">$QUESTION$</div>  
  <div class="poll_variant">$ANSWERS$</div>  
  <div class="poll_niz">  
  <div class="poll_left"><a href="$RESULTS_LINK$">Rezultate</a></div>  
  <div class="poll_right">Voturi: $TOTAL_VOTES$</div>  
  </div>  
</div>  
<script type="text/javascript">  
  var a = ['http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_01.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_02.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_03.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_04.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_05.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_06.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_07.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_08.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_09.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_10.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_11.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_12.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_13.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_14.png','http://yoyoyo.do.am/romcoz/polls/form1/Mini_Progress_15.png']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});}  
  $('div.answer span').each(function(){$(this).html($(this).html()+' ')});  
</script>


2. Intrati in CP->Design->Design Management(CSS) si adaugati codul de mai jos :

Code

/* Type of polling form  
  ------------------------------------------*/  
.cell_poll {  
  float:left;  
  color:#555;text-shadow: 1px 1px 1px #fff;  
  width:220px;  
  background: #fff;  
  border: 1px solid #D0D1D3;  
  padding: 0px 10px 5px 10px;  
}  

.poll_title {  
  text-align:center;  
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
  font-weight: bold;  
  padding: 5px 0px;  
  border-bottom: 1px solid #D0D1D3;  
  }  

  .poll_variant {  
  float:left;  
  width:220px;  
  padding: 5px 0px;  
  }  

  .poll_niz {  
  float:left;  
  font: 9px Verdana,Arial,Helvetica, sans-serif;  
  width:220px;  
  padding: 5px 0px;  
  border-top: 1px solid #D0D1D3;  
  }  

  .poll_left {float:left;}  
  .procent,  
  .poll_right {float:right;}  

  .answer {  
  background: #F6FBFC;  
  padding: 2px 5px 2px 5px;  
  margin: 7px 0px 7px 0px;  
  }  

  .answer input,  
  .answer label{  
  margin:0;  
  }  
  .answer div div {  
  height: 10px !important;  
  border: 1px solid #fff;  
  margin: 0px;  
  }  

  .answer div {  
  display: block;  
  position: relative;  
  padding: 0 !important;  
  border: 1px solid #B6B6B5;  
  background: #F4F5F6;  
  margin: 0px;  
  }  
  .procent {  
  background: #DCEDF0;  
  padding: 3px 5px;  
  }  

  .pollBut {  
  font: 11px Verdana,Arial,Helvetica, sans-serif!important; font-weight: bold;  
  color:#b17902!important; text-shadow:1px 1px 1px #fff!important;  
  background:#fed66c!important;  
  border:1px solid #e3b346!important;  
  padding: 4px 8px;  
  margin: 5px 0px 5px 0px;  
  }  

  .pollBut:hover {  
  background:#ffe49c!important;  
  }  
  /*------------------------------------------*/



Categorie: Web Polls | Adăugat de: YOYOYO (13.05.2012)
Vizualizări: 266 | Tag-uri: pentru, OF, Form, polling, uCoz, Type | Rating: 5.0/1
 
Nick/E-mail: Parola:
Ati intrat pe site ca ospete cu acces limitat. Va recomanda-m sa va autentificati sau sa va inregistrati. Daca ati uitat parola de acces, puteti sa o recuperati aici.