[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Лаборатория WEB-мастера » Скрипты ucoz » Новый стильный и красивый дизайн "Опрос для Ucoz" (Опрос для Ucoz)
Новый стильный и красивый дизайн "Опрос для Ucoz"
БатяДата: Суббота, 25.08.2012, 23:11 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 34
Репутация: 10
Статус: Offline


Новый стильный дизайн для очень популярного модуля сайтов Ucoz - Опросы!
Установка:

1. Копируем код в Вид формы опросов:
Code
<div class="cell_poll"><div class="cell_poll_title center bold">$QUESTION$</div><div class="cell_poll_variant">$ANSWERS$</div><div class="cell_poll_left text_9"><a style="font-size:7pt;" href="$RESULTS_LINK$">Результат</a></div><div class="cell_poll_right text_9">Всего ответов: <b>$TOTAL_VOTES$</b></div><div class="cell_poll_forum "></div></div>      
      <script type="text/javascript">      
      var a = ['http://www.center-dm.ru/site/poloska_1.gif','http://www.center-dm.ru/site/poloska_2.gif','http://www.center-dm.ru/site/poloska_3.gif','http://www.center-dm.ru/site/poloska_4.gif','/site/poloska_5.gif', 'http://www.center-dm.ru/site/poloska_6.gif','http://www.center-dm.ru/site/poloska_7.gif','http://www.center-dm.ru/site/poloska_8.gif','http://www.center-dm.ru/site/poloska_9.gif','http://www.center-dm.ru/site/poloska_10.gif','http://www.center-dm.ru/site/poloska_1.gif','http://www.center-dm.ru/site/poloska_2.gif','http://www.center-dm.ru/site/poloska_3.gif','http://www.center-dm.ru/site/poloska_4.gif','http://www.center-dm.ru/site/poloska_5.gif','http://www.center-dm.ru/site/poloska_6.gif','/site/poloska_7.gif','http://www.center-dm.ru/site/poloska_8.gif','http://www.center-dm.ru/site/poloska_9.gif','http://www.center-dm.ru/site/poloska_10.gif'];      
      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()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});      
      </script>


2. Копируем css код в таблицу стилей CSS:
Code
/* Ячейка опроса      
      ------------------------------------------*/      
      .cell_poll_title {      
      text-align:center;      
      font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;      
      padding: 5px 0px;      
      }      
           
      .cell_poll_left {      
      float:left;      
      width:115px;      
      }      
           
      .cell_poll_right {      
      float:left;      
      text-align:right;      
      width:115px;      
      }      
           
      .cell_poll_forum,      
      .cell_poll_rezultat,      
      .cell_poll_variant,      
      .cell_poll_title,      
      .cell_poll {      
      float:left;      
      width:230px;      
      }      
           
      .cell_citation {      
      font-size:10px;      
      color:#555;      
      }      
           
      .cell_citation_os {      
      float:left;      
      background-color: #fff;      
      border: 1px solid #B6B6B5;      
      padding: 5px;      
      }      
           
      .cell_poll_rezultat,      
      .cell_poll_variant {      
      padding: 5px 0px;      
      }      
           
      .answer {      
      padding: 5px 0px 5px 0px;      
      }      
           
      .answer div div {      
      height: 10px !important;      
      border: 1px solid #fff;      
      }      
           
      .answer div {      
      display: block;      
      position: relative;      
      padding: 0 !important;      
      border: 1px solid #B6B6B5;      
      background: #F4F5F6;      
      margin: 3px 0px 0px 0px;}      
      /* -------------------------------------- */


источник: www.center-dm.ru
Прикрепления: 8657149.jpg(17Kb)
 
Форум » Лаборатория WEB-мастера » Скрипты ucoz » Новый стильный и красивый дизайн "Опрос для Ucoz" (Опрос для Ucoz)
Страница 1 из 11
Поиск: