Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
CSS stilizēts aptaujas izskats
Korijs
Otrdiena, 20.11.2012, 11:51:14 | Ieraksts #1
FORUMA DIKTATORS
Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Korijs raksta .. :

1. ADMINA PANELIS

2. Customize design - Web polls - Type of polling form

aizstājam visu ..

Code
<div class="pollBlock" style="font-family:Tahoma,Arial;">   
   <div class="titles">$QUESTION$ ?</div>   
   <div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div>   
   <center><button class="fbutton" href="$RESULTS_LINK$">Rezultāti</button>   
   <button class="fbutton" href="$ARCHIVE_LINK$">Arhīvs</button></center>   
   </div>   

   <script type="text/javascript">   
   var a = ['1','2','3','4','5','6','1','2','3','4','5','6'];   
   for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress'+[i]).css({marginTop: '-3px', marginBottom: '-3px',backgroundRepeat: 'repeat-x'});}   
   $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});   
   </script>


3. Customize design - Style sheet (CSS)

Code
  .progress {   
   overflow: hidden;   
   height: 15px;   
   margin-bottom: 5px;   
   background-color: #F7F7F7;   
   background-image: -moz-linear-gradient(top, whiteSmoke, #F9F9F9);   
   background-image: -ms-linear-gradient(top, whiteSmoke, #F9F9F9);   
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#F9F9F9));   
   background-image: -webkit-linear-gradient(top, whiteSmoke, #F9F9F9);   
   background-image: -o-linear-gradient(top, whiteSmoke, #F9F9F9);   
   background-image: linear-gradient(top, whiteSmoke, #F9F9F9);   
   background-repeat: repeat-x;   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);   
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);   
   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);   
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);   
   -webkit-border-radius: 4px;   
   -moz-border-radius: 4px;   
   border-radius: 4px;   
   }   
   .progress0 {   
   color: white;   
   text-align: center!important;   
   text-indent: -2000em!important;   
   height: 15px!important;   
   display: block!important;   
   overflow: hidden!important;   
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;   
   background: #0E90D2!important;   
   background-image: -moz-linear-gradient(top, #149BDF, #0480BE)!important;   
   background-image: -ms-linear-gradient(top, #149BDF, #0480BE)!important;   
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149BDF), to(#0480BE))!important;   
   background-image: -webkit-linear-gradient(top, #149BDF, #0480BE)!important;   
   background-image: -o-linear-gradient(top, #149BDF, #0480BE)!important;   
   background-image: linear-gradient(top, #149BDF, #0480BE)!important;   
   background-repeat: repeat-x;   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0)!important;   
   }   
   .progress1 {   
   color: white;   
   text-align: center!important;   
   text-indent: -2000em!important;   
   height: 15px!important;   
   display: block!important;   
   overflow: hidden!important;   
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;   
   background-color: #DD514C!important;   
   background-image: -moz-linear-gradient(top, #EE5F5B, #C43C35)!important;   
   background-image: -ms-linear-gradient(top, #EE5F5B, #C43C35)!important;   
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#C43C35))!important;   
   background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35)!important;   
   background-image: -o-linear-gradient(top, #EE5F5B, #C43C35)!important;   
   background-image: linear-gradient(top, #EE5F5B, #C43C35)!important;   
   background-repeat: repeat-x;   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0)!important;   
   }   
   .progress2 {   
   color: white;   
   text-align: center!important;   
   text-indent: -2000em!important;   
   height: 15px!important;   
   display: block!important;   
   overflow: hidden!important;   
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;   
   background-color: #5EB95E!important;   
   background-image: -moz-linear-gradient(top, #62C462, #57A957)!important;   
   background-image: -ms-linear-gradient(top, #62C462, #57A957)!important;   
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#57A957))!important;   
   background-image: -webkit-linear-gradient(top, #62C462, #57A957)!important;   
   background-image: -o-linear-gradient(top, #62C462, #57A957)!important;   
   background-image: linear-gradient(top, #62C462, #57A957)!important;   
   background-repeat: repeat-x!important;   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0)!important;   
   }   
   .progress3 {   
   color: white;   
   text-align: center!important;   
   text-indent: -2000em!important;   
   height: 15px!important;   
   display: block!important;   
   overflow: hidden!important;   
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;   
   background-color: #4BB1CF!important;   
   background-image: -moz-linear-gradient(top, #5BC0DE, #339BB9)!important;   
   background-image: -ms-linear-gradient(top, #5BC0DE, #339BB9)!important;   
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#339BB9))!important;   
   background-image: -webkit-linear-gradient(top, #5BC0DE, #339BB9)!important;   
   background-image: -o-linear-gradient(top, #5BC0DE, #339BB9)!important;   
   background-image: linear-gradient(top, #5BC0DE, #339BB9)!important;   
   background-repeat: repeat-x!important;   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0)!important;   
   }   
   .progress4 {   
   color: white;   
   text-align: center!important;   
   text-indent: -2000em!important;   
   height: 15px!important;   
   display: block!important;   
   overflow: hidden!important;   
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;   
   background-color: #FAA732!important;   
   background-image: -moz-linear-gradient(top, #FBB450, #F89406)!important;   
   background-image: -ms-linear-gradient(top, #FBB450, #F89406)!important;   
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406))!important;   
   background-image: -webkit-linear-gradient(top, #FBB450, #F89406)!important;   
   background-image: -o-linear-gradient(top, #FBB450, #F89406)!important;   
   background-image: linear-gradient(top, #FBB450, #F89406)!important;   
   background-repeat: repeat-x!important;   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0)!important;   
   }   
     
   .progress5 {   
   color: white;   
   text-align: center!important;   
   text-indent: -2000em!important;   
   height: 15px!important;   
   display: block!important;   
   overflow: hidden!important;   
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;   
   background: #0E90D2!important;   
   background-image: -moz-linear-gradient(top, #149BDF, #0480BE)!important;   
   background-image: -ms-linear-gradient(top, #149BDF, #0480BE)!important;   
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149BDF), to(#0480BE))!important;   
   background-image: -webkit-linear-gradient(top, #149BDF, #0480BE)!important;   
   background-image: -o-linear-gradient(top, #149BDF, #0480BE)!important;   
   background-image: linear-gradient(top, #149BDF, #0480BE)!important;   
   background-repeat: repeat-x;   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0)!important;   
   }   
   .answer {   
   color: black;   
   background-image: none;   
   background-repeat: no-repeat;   
   background-position: bottom left;   
   line-height: 22px;   
   display: block;   
   }   
   .pollAns {padding: 5px;text-align: center!important;}   
   .titles {margin: 0 3px 4px 3px;display: block;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;padding: 4px 5px 5px 5px; border-radius: 3px;background: #FF6161;color: white;text-shadow: 0 1px 0 #BA4747;}


4. Iznākums:

Pielikumi: 2778229.png (11.1 Kb)


Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM

Marks
Trešdiena, 21.11.2012, 12:13:59 | Ieraksts #2
VECĀ MIESA
Foruma ieraksti: 1472

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Marks raksta .. :

Glīti. pa;nemšu sev un kā parasti pārteisīš :D

http://myvinyldecal.shop/

Connect with me on discord: Marcis Kols


wuxmachine
Otrdiena, 04.12.2012, 11:13:13 | Ieraksts #3
VECĀ MIESA
Foruma ieraksti: 930

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@wuxmachine raksta .. :

Nav kādam pagadījušās kādas smukākas pogas? :)

BAM BAM BAM

Korijs
Trešdiena, 05.12.2012, 1:19:50 | Ieraksts #4
FORUMA DIKTATORS
Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Korijs raksta .. :

wuxmachine, tās 2 aptaujas pogas? te tak materiālu pietiek, atliek CSS stilizējumu pielāgot pie Pool izskata lapas!

Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM

  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...