Stapanul | Data: Joi, 2012-06-07, 9:29 AM | Mesaj # 1 |
|
Pasul 1: Intraţi în Panoul de Control - Design - Administrarea design-ului (şabloane) - Sondaje [Aspectul modului sondajului] - înlocuiţi codul de aici cu acesta:
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://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/01.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/02.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/03.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/04.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/05.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/06.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/07.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/08.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/09.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/10.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/11.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/12.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/13.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/14.png','http://fierbinte.ucoz.ro/Forum/Diverse/Sondaj/V1/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>
Pasul 2: Intraţi în Panoul de Control - Design - Administrarea design-ului (CSS) - adăugaţi stilurile:
Code /* Aspectul sondajului */ .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; } /*------------------------------------------*/
Rezultatul:
|
|
|
|
OmulPaianjen | Data: Sâmbătă, 2012-07-14, 12:14 PM | Mesaj # 4 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - aici adăugați stilurile de mai jos.
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'); }
Pasul 2: Panoul de Control - Design - Administrarea design-ului (șabloane) - Sondaje [Aspectul modulului sondajului] - aici adăugați, la urmă, acest cod:
Code <script type="text/javascript"> var a = ['http://fierbinte.ucoz.ro/Forum/Aspect/Sondaj/Muzical/1.png','http://fierbinte.ucoz.ro/Forum/Aspect/Sondaj/Muzical/2.png','http://fierbinte.ucoz.ro/Forum/Aspect/Sondaj/Muzical/3.png','http://fierbinte.ucoz.ro/Forum/Aspect/Sondaj/Muzical/4.png','http://fierbinte.ucoz.ro/Forum/Aspect/Sondaj/Muzical/5.png','/sondaj/6.png','/sondaj/7.png','/sondaj/8.png','/sondaj/9.png','/sondaj/10.png']; for(var i = 0; i < a.length; 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>
* Pentru acest aspect al sondajului foloșiți maxim 5 răspunsuri.
Rezultatul:
|
|
|
|
Admin | Data: Luni, 2012-11-12, 6:52 PM | Mesaj # 5 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Sondaje [Aspectul modulului sondajului] - înlocuiți codurile din această pagină cu următoarele:
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> <br><center><a href="$RESULTS_LINK$" class="bButton">Vezi rezultatele</a> <a href="$ARCHIVE_LINK$" class="bButton">Arhiva sondajelor</a></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>
Pasul 2: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați stilurile de mai jos la sfârșitul paginii.
Code /* Aspectul sondajului */ .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;}
/* Butoanele sondajului */ .bButton {padding: 6px 6px 6px 6px;text-decoration:none;border:1px solid #DCDCDC;color:#DCDCDC;background:#FFF5EE;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .bButton:hover {padding: 6px 6px 6px 6px;font-weight:normal;background:#6699cc;border:1px solid #3366cc;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
* Dacă aveți sonsaje cu mai mult de 6 variante de răspuns, găsiți în Aspectul modulului sondajului codul: var a = ['1','2','3','4','5','6','1','2','3','4','5','6'];. Editați-l în felul următor:
var a = ['1','2','3','4','5','6','7','1','2','3','4','5','6','7']; - Pentru sondaj cu 7 variante de răspuns var a = ['1','2','3','4','5','6','7','8','1','2','3','4','5','6','7','8']; - Pentru sondaj cu 8 variante de răspuns var a = ['1','2','3','4','5','6','7','8','9','1','2','3','4','5','6','7','8','9']; - Pentru sondaj cu 9 variante de răspuns... ș.a.m.d.
Rezultatul:
În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.
|
|
|
|