Оформление блока опроса на сайте
Оформляем вывод результатов опроса на сайте, без правки кода движка!!!
Версия DLE: 8.3 - 9.0
Установка:
1. Копируем папки dleimages и images в Ваш шаблон.
2. В файле стилей style.css в конце добавляем:
div.side_block_vote {padding: 9px 14px 15px 14px}
div.side_block_vote form {text-align: center}
div.vote_bubble_1 {background: url(../images/vote_bubble_bg.png) repeat-y}
div.vote_bubble_2 {background: url(../images/vote_bubble_top.png) no-repeat}
div.vote_bubble {background: url(../images/vote_bubble_bot.png) no-repeat 0 100%; color: #ffffff; font-weight: bold; line-height: 14px; min-height: 17px; padding: 14px 15px 17px 15px; zoom: 1}
div.vote {height:11px; cursor: pointer; line-height: 16px; margin-top: 5px; text-align: left}
div#dle-vote {line-height: 16px !important; padding: 5px 0 10px 0}
.vote {padding-bottom:5px}
.voted {height: 11px}
.progress {border: 1px solid #ccc; position: relative; display: block; padding: 0; margin:4px 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')}
.progress img {margin:1px}
3. В файле vote.tpl Вашего шаблона в самое начало вставляем:
<script type="text/javascript">
<!--
$( init );
function init() {
var dle_vote_id = $("input#vote_id").val();
$("input#dovotebt").click(function(){ $.cookie('dle_vote_'+dle_vote_id, dle_vote_id, { expires: 30 }); });
if( $.cookie('dle_vote_'+dle_vote_id) ) { doVote('results'); }
$('.vote img').removeAttr('style');
$('.vote img').attr('height','9');
$('.vote img').wrap("<div class='progress voted'></div>");
$('div.progress').unwrap();
}
//-->
</script>
Все установка закончена!!!
Забрать:
[14.81 Kb]