Стильный вид опроса для uCoz by Center-DM
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 |
.cell-poll { float: left; width: 230px; color: #666; background: #fff; padding: 10px; border: 1px solid #B6C0CD; border-radius: 5px; } .cell-poll-title { float: left; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #B6C0CD; font: 12px Verdana,Arial,Helvetica,sans-serif; font-weight: 700; text-align: center; color: #666; } .cell-poll a { text-decoration: none; outline: none; } .cell-poll-answers { float: left; width: 100%; margin: 10px 0; text-align: left; } .answer { float: left; width: 100%; color: #f8f8f8; position: relative; height: 20px !important; padding: 2px 0; margin: 0 0 7px; background: #f8f8f8; } .answer input { margin: 3px 5px 2px; } .answer label { margin: 2px 0; color: #555; } .answer div { height: 20px !important; padding: 2px 0; position: absolute; z-index: 998; top: 0; left: 0; width: 100%; } .answer span { float: right; height: 14px !important; margin-right: 2px; padding: 2px 5px; color: #666; position: relative; top: 1px; left: 0; z-index: 999; background: #fff; } .pollBut { cursor: pointer; border: none !important; margin-top: 10px; background: #64b0db !important; padding: 5px 20px !important; font: 11px Verdana,Arial,Helvetica,sans-serif !important; font-weight: 700 !important; color: #fff !important; } .pollBut:active { box-shadow: inset 0 0 3px #166693 !important; } .pollBut:hover { background: #51a4d2 !important; } .cell-poll-link { float: left; width: 100%; padding-top: 10px; border-top: 1px solid #B6C0CD; font: 9px Verdana,Arial,Helvetica,sans-serif; color: #999; } .cell-poll-link span { float: left; } .cell-poll-link b,.cell-poll-link a { float: right; } .cell-poll-link b { color: #B6C0CD; } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<div class="cell-poll"> <div class="cell-poll-title">$QUESTION$</div> <div class="cell-poll-answers">$ANSWERS$</div> <div class="cell-poll-link"> <span>Ответов: <strong>$TOTAL_VOTES$</strong></span> <a href="$RESULTS_LINK$" >Результаты </a> <b> | </b> <a href="$ARCHIVE_LINK$">Архив </a> </div> </div> <script type="text/javascript"> var color_poll = ["#5D9AD3","#E96465","#F6954E","#dd8cd2 ","#75D0ED ","#5BC254","#CFC72D","#DD3344","#FE9B6F","#4176B3","#8CC84B","#DD8CD2","#e9eb5b","#E96465","#75D0ED"]; $('.answer div div').each(function(i){ if(!color_poll[i]){color_poll[i] = '#F8F8F8';} $(this).css({background:color_poll[i++]}); }); </script> |
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
