|
Moderns aptaujas izskats
| |
|
|
Date: Sestdiena, 12 Mar 2011, 10:20 PM | Ieraksts # 1
|
Pakāpe:
Ieraksti: 194
|
Ja, Jūs gribat tik pat modernu aptaujas izskatu, ka tas ir pie mums 1. Dodamies uz CP > Main » Customize design » Editing templates >> Web polls > Type of polling form ja Jūs kodu neēsat mainījuši, tad ievietojam šo kodu aiz tur jau esošā koda! Code <script type="text/javascript">
var a = ['/images/poll/ic1.png','/images/poll/ic2.png','/images/poll/ic3.png','/images/poll/ic4.png','/images/poll/ic5.png','/images/poll/ic1.png','/images/poll/ic2.png','/images/poll/ic3.png','/images/poll/ic4.png','/images/poll/ic5.png','/images/poll/ic1.png','/images/poll/ic2.png','/images/poll/ic3.png','/images/poll/ic4.png','/images/poll/ic5.png',];
for(var i = 0; i < 20; i++){$('div.answer div').eq(i).addClass('progress').css({height: '18px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '-3px', marginBottom: '-3px', height: '25px', backgroundRepeat: 'repeat-x'});}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script> 2. Lejupielādējam pielikumā esošo arhīva saturu savā failu menedžeri un aizstājam saites uz attēliem, ar savējām! 3. Ievietojam šo CSS koda fragmentu savā CSS failā! Tumšajiem dizainiem! Code .progress { border: 1px solid #000; position: relative; display: block; padding: 0; margin:2px 0; background: #DEDEDE; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9)); background: -moz-linear-gradient(top, #222, #000);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');-moz-box-shadow:0 1px 0 #000;-webkit-box-shadow:0 1px 0 #000;
box-shadow:0 1px 0 #000;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.progress_1 {
border: 1px solid #0078a5; background-color: #5C9ADE;
background: -moz-linear-gradient(top, #00adee 10%, #0078a5 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #00adee), color-stop(0.9, #0078a5));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.progress_2 {
border: 1px solid #5c9425; background-color: #77AF3F;
background: -moz-linear-gradient(top, #8fc857 10%, #5c9425 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #8fc857), color-stop(0.9, #5c9425));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
}
.progress_3 {
border: 1px solid #f47a20; background-color: #faa51a;
background: -moz-linear-gradient(top, #faa51a 10%, #f47a20 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #faa51a), color-stop(0.9, #f47a20));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.progress_4 {
border: 1px solid #A92C2C; background-color: #C44747;
background: -moz-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #DD5F5F), color-stop(0.9, #A92C2C));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5F5F', endColorstr='#A92C2C');
}
.progress_5{
border: 1px solid #8c2ca9; background-color: #8c2ca9;
background: -moz-linear-gradient(top, #bf5fdd 10%, #8c2ca9 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #bf5fdd), color-stop(0.9, #8c2ca9));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf5fdd', endColorstr='#8c2ca9');
} Gaišajiem dizainiem! Code .progress { border: 1px solid #ccc; position: relative; display: block; padding: 0; margin:2px 0; background: #DEDEDE; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9)); background: -moz-linear-gradient(top, #ccc, #e9e9e9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.progress_1 {
border: 1px solid #0078a5; background-color: #5C9ADE;
background: -moz-linear-gradient(top, #00adee 10%, #0078a5 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #00adee), color-stop(0.9, #0078a5));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.progress_2 {
border: 1px solid #5c9425; background-color: #77AF3F;
background: -moz-linear-gradient(top, #8fc857 10%, #5c9425 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #8fc857), color-stop(0.9, #5c9425));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
}
.progress_3 {
border: 1px solid #f47a20; background-color: #faa51a;
background: -moz-linear-gradient(top, #faa51a 10%, #f47a20 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #faa51a), color-stop(0.9, #f47a20));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.progress_4 {
border: 1px solid #A92C2C; background-color: #C44747;
background: -moz-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #DD5F5F), color-stop(0.9, #A92C2C));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5F5F', endColorstr='#A92C2C');
}
.progress_5{
border: 1px solid #8c2ca9; background-color: #8c2ca9;
background: -moz-linear-gradient(top, #bf5fdd 10%, #8c2ca9 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #bf5fdd), color-stop(0.9, #8c2ca9));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf5fdd', endColorstr='#8c2ca9');
}
Tumšajiem dizainiem CSS taisīju es pats!
Aptaujā attēli atbildēm rādīsies tikai līdz 10, 6 atbildes bilde būs tāda pati, kā pirmajai atbildei un 7. atbildes bilde, kā otrajai utt!
Pielikums:
9962829.png
(11.6 Kb)
·
poll.rar
(14.2 Kb)
|
|
|
|
| |
|
|
|
|
Date: Pirmdiena, 04 Apr 2011, 8:20 PM | Ieraksts # 2
|
Pakāpe:
Ieraksti: 3
|
Labs 
|
|
|
|
| |
|
|
|
|
Date: Pirmdiena, 04 Apr 2011, 10:52 PM | Ieraksts # 3
|
Pakāpe:
Ieraksti: 9
|
|
Man kaut kā neiet, nekas nemainās, bildes norādu uz failu menegerii esosam, kur īsti css kods jaaliek
|
|
|
|
| |
|
|
|
|
Date: Pirmdiena, 04 Apr 2011, 11:56 PM | Ieraksts # 4
|
Pakāpe:
Ieraksti: 194
|
CSS protams liekam tur kur vienmēr, CP > Main » Customize design » Editing templates >> Common templates > Style sheet (CSS) Paprovē to Web polls > Type of polling form šablonu restaurēt
|
|
|
|
| |
|
|
|
|
Date: Trešdiena, 06 Apr 2011, 3:55 PM | Ieraksts # 5
|
Pakāpe:
Ieraksti: 9
|
Quote (jackass) Paprovē to Web polls > Type of polling form šablonu restaurēt Vienalga "Fail" nekas nemainās. nezinu kas varētu būt pa vainu it kā ielieku cssā tevis doto kodu bildes ar kur jābūt. vianalga kaut kas nav. cik es saprotu tevis dotajā pielikumā vajadzigs ir tikai zip fails tas screens ar tavu balsošanas bildi nav vajadzīgs ?
|
|
|
|
| |
|
|
|
|
Date: Trešdiena, 06 Apr 2011, 4:27 PM | Ieraksts # 6
|
Pakāpe:
Ieraksti: 194
|
Cik es sapratu tad Ipasnieks uzlika, un es arī esmu licis pēc savas pamācības, tā kā visam vajadzētu darboties ja dari pareizi! Iedod man šī šablona CP > Main » Customize design » Editing templates >> Web polls > Type of polling form kodu!
Un sava weba adresi Paskatīsimies ko izdarīji
|
|
|
|
| |
|
|
|
|
Date: Trešdiena, 06 Apr 2011, 4:55 PM | Ieraksts # 7
|
Pakāpe:
Ieraksti: 21
|
Viss iet
|
|
|
|
| |
|
|
|
|
Date: Trešdiena, 06 Apr 2011, 9:39 PM | Ieraksts # 8
|
Pakāpe:
Ieraksti: 9
|
Quote (jackass) Iedod man šī šablona CP > Main » Customize design » Editing templates >> Web polls > Type of polling form kodu! Un sava weba adresi Paskatīsimies ko izdarīji <div class="pollBlock" style="font-family: Tahoma,Arial;">
<div class="pollQue" style="font-size: 8pt; padding-top: 2px; text-align: left;"><b>$QUESTION$</b></div>
<div class="pollAns" style="font-size: 8pt; text-align: left;">$ANSWERS$</div>
<div class="pollLnk" style="padding-top: 4px; text-align: center;">[ <a style="font-size: 7pt;" href="$RESULTS_LINK$">Results</a> · <a style="font-size: 7pt;" href="$ARCHIVE_LINK$">Polls archive</a> ]</div>
<div class="pollTot" style="padding-top: 4px; font-size: 7pt; text-align: center;">Total of answers: <b>$TOTAL_VOTES$</b></div>
</div>
<script type="text/javascript">
var a = ['http://skede.ucoz.org/images/poll/ic1.png','http://skede.ucoz.org/images/poll/ic2.png','http://skede.ucoz.org/images/poll/ic3.png','http://skede.ucoz.org/images/poll/ic4.png','http://skede.ucoz.org/images/poll/ic5.png','http://skede.ucoz.org/images/poll/ic1.png','http://skede.ucoz.org/images/poll/ic2.png','http://skede.ucoz.org/images/poll/ic3.png','http://skede.ucoz.org/images/poll/ic4.png','http://skede.ucoz.org/images/poll/ic5.png','http://skede.ucoz.org/images/poll/ic1.png','http://skede.ucoz.org/images/poll/ic2.png','http://skede.ucoz.org/images/poll/ic3.png','http://skede.ucoz.org/images/poll/ic4.png','http://skede.ucoz.org/images/poll/ic5.png',];
for(var i = 0; i < 20; i++){$('div.answer div').eq(i).addClass('progress').css({height: '18px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '-3px', marginBottom: '-3px', height: '25px', backgroundRepeat: 'repeat-x'});}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script> skede.ucoz.org
Ierakstu laboja moonwalker - Trešdiena, 06 Apr 2011, 9:40 PM
|
|
|
|
| |
|
|
|
|
Date: Trešdiena, 06 Apr 2011, 10:43 PM | Ieraksts # 9
|
Pakāpe:
Ieraksti: 194
|
moonwalker, tu mani čakarē?  Zini ka 1. aprīlis beidzās? aptauja tavā lapā rādās pareizi!
Pielikums:
0371958.png
(7.3 Kb)
|
|
|
|
| |
|
|
|
|
Date: Ceturtdiena, 07 Apr 2011, 8:21 AM | Ieraksts # 10
|
Pakāpe:
Ieraksti: 9
|
Quote (jackass) moonwalker, tu mani čakarē? biggrin Zini ka 1. aprīlis beidzās? man nerādijās, kukijus iztīriju un tagad ir, paldies
|
|
|
|
| |
|
|
|
