Оформление блока опроса на сайте

Оформляем вывод результатов опроса на сайте, без правки кода движка!!!

Оформляем вывод результатов опроса на сайте, без правки кода движка!!!

Версия 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>

Все установка закончена!!!

Забрать:
Забрать с сервера topscripts.ru [14.81 Kb]