« Простенький вид опроса для uCoz »

Описание материала:

Красивый и простенький, в светлых тонах вид опроса. Данный вид опроса сделан из стилей CSS и изображений. Он прост в установке и не требует особых знаний. Вид опроса подойдет под любой сайт системы uCoz со светлым дизайном.

Установка:

  • Скачиваем архив с нашего сайта и заливаем папку img в корень своего сайта.
  • Заходим ПУ >>> Управление дизайном >>> Вид формы опросов и заменяем имеющий код на данный:
    Код
    <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$">Результат</a></div>  
      <div class="poll_right">Всего ответов: $TOTAL_VOTES$</div>  
      </div>  
      </div>  
      <script type="text/javascript" src="/img/js_vid_opros.js"></script>

  • Заходим ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и ставим в самый низ следующий код:
    Код
    /* Простенький вид опроса для uCoz */  
      .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;  
      }  
      /*------------------------------------------*/

    Готова!


    Скачать ( Размер архива 8.7 Kb )

    По данной ссылке, Вы можете скачать или купить архив данного материала

    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 710 | Загрузок: 23

    Теги к материалу: Простенький, опроса, вид, ucoz, для

    Поделиться в соц. сетях:

    К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

    Комментариев: 0
    avatar