Уникальный Игровой портал - Игры, моды, читы и многое другое.

ВИД ОПРОСА В UWND ОКНЕ ДЛЯ UCOZ

Dimas777 — Tue, 12 Aug 2014 19:18:51 GMT

Новый вид опроса для системы uCoz, на этот раз он сделан в uwnd окне, убрана кнопка голосования, скрипт срабатывает по клику на выбранный вариант.

Установка:
1. В вид формы опросов заменяем все то, на код:

Код

$QUESTION$ (отв. $TOTAL_VOTES$)$ANSWERS$

2. В глобальный блок, где хотите видеть ссылку вставляем:

Код

Опрос

tags-zB11ВИД, ОПРОСА, В, UWND, ОКНЕ, ДЛЯ, UCOZ

Новый вид опроса на CSS by Winston888

Dimas777 — Tue, 12 Aug 2014 19:15:52 GMT

Вот такой вот красивый вид опроса на ваш сайт Ucoz.

Установка:

В вид опроса хоть куда вставляем код:

Код

В таблицу стилей CSS:

Код

.answer {font-weight: normal;font-style: normal; position:relative; color:#4d4d4d; margin-bottom:10px;height:25px;}
   .answer span{z-index:2;position:relative;left:-8px;color: #fff;top:8px;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);}
   .answer div{z-index:1;height:25px!important;position:absolute;top:3px;left:0px;width:100%;}
   .progress {
   height: 25px;
   margin-bottom: 20px;
   overflow: hidden;
   background-color: #f7f7f7;
   background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
   background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
   background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
   background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
   background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
   background-repeat: repeat-x;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
   box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
   }

   .progress div {height: 25px !important;}
   .procent {top:0px !important; left:5px !important;}
   .progress0 {background-color: #fb3c2d !important;}
   .progress1 {background: rgb(32, 195, 209) !important;}
   .progress2 {background: rgb(133, 202, 45) !important;}
   .progress3 {background: rgb(231, 197, 19) !important;}
   .progress4 {background: rgb(22, 184, 206) !important;}
   .progress5 {background: rgb(32, 195, 209) !important;}
   .progress6 {background: rgb(32, 195, 209) !important;}

   .progress0, .progress1, .progress2, .progress3, .progress4, .progress5, .progress6 {
   background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255, 255, 255, 0)),color-stop(0.25,rgba(0, 0, 0, 0.07)),color-stop(0.5,rgba(0, 0, 0, 0.07)),color-stop(0.5,rgba(255, 255, 255, 0)),color-stop(0.75,rgba(255, 255, 255, 0)),color-stop(0.75,rgba(0, 0, 0, 0.07)),to(rgba(0, 0, 0, 0.07))) !important;
   -webkit-background-size: 40px 40px !important;
   -moz-background-size: 40px 40px !important;
   -o-background-size: 40px 40px !important;
   background-size: 40px 40px !important;
   box-sizing: border-box;
   background-repeat: repeat-x;
   -webkit-transition: width .6s ease;
   transition: width .6s ease;
   }

Ну вот и все,оставляем коменты.tags-zB11Новый, вид, опроса, на, CSS, by, Winston888

Вид опроса для uCoz, в стиле flat v2

Dimas777 — Tue, 12 Aug 2014 17:30:12 GMT

Шаг 1 - Установим HTML:

Как и полагается начнём мы с установки html каркаса, для этого идём в Админ панель => Опросы => Управление дизайном модуля
удаляем старый html код и устанавливаем новый:

Код

$QUESTION$

$ANSWERS$

   Ответов: $TOTAL_VOTES$
   Результаты
    |
   Архив

обратите внимание на то, что в данном решении я использую другой js, который прописывает каждому варианту ответа отдельную ячейку со своим фоном. Скажем всем спасибо пользователям TRANE73 & TRAIN вроде как это их кусочек скрипта!

Шаг 2 - Установим CSS:

Теперь когда всё готово, давайте установим всеми любимые css стили:

Код

/* Вид опроса для uCoz, в стили flat v2
------------------------------------------*/
.cell-poll{
   float:left;
   width:230px;
   color:#666;
   background: #fff;
   padding: 10px 10px 10px 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:bold;
   text-align:center;
   color:#777;
}

.cell-poll a {text-decoration:none; outline:none}

.cell-poll-answers{
   float:left;
   width:100%;
   margin: 10px 0px 10px 0px;
   text-align:left;
}

.answer {display: block;}

.answer input{margin: 3px 5px 2px 5px;}
.answer label {margin: 2px 0px 2px 0px; color:#555;}

.progress {
   height: 15px;
   overflow: hidden;
   margin: 5px 0px 7px 0px;
   height: 15px!important;
   background: #F4F8F9!important;
}

.progress-0,
.progress-1,
.progress-2,
.progress-3,
.progress-4,
.progress-5,
.progress-6,
.progress-7,
.progress-8,
.progress-9,
.progress-10,
.progress-11,
.progress-12,
.progress-13,
.progress-14 {
   height: 18px!important;
   display: block!important;
   overflow: hidden!important;
   margin-top: -3px;
}

.progress-0 {background: #5D9AD3!important;}
.progress-1 {background: #E96465!important;}
.progress-2 {background: #F6954E!important;}
.progress-3 {background: #dd8cd2!important;}
.progress-4 {background: #75D0ED!important;}
.progress-5 {background: #5BC254!important;}
.progress-6 {background: #CFC72D!important;}
.progress-7 {background: #DD3344!important;}
.progress-8 {background: #FE9B6F!important;}
.progress-9 {background: #8CC84B!important;}
.progress-10 {background: #DD8CD2!important;}
.progress-11 {background: #e9eb5b!important;}
.progress-12 {background: #E96465!important;}
.progress-13 {background: #75D0ED!important;}
.progress-14 {background: #5D9AD3!important;}

.pollBut{
   cursor:pointer;
   border:none!important;
   margin-top:10px;
   background: #64b0db!important;
   padding: 5px 20px 5px 20px!important;

   font:11px Verdana,Arial,Helvetica, sans-serif!important;
   font-weight: bold!important;
   color:#fff!important;
}

.pollBut:active {box-shadow:inset 0px 0px 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;}

На этом всё, наш новый вид опроса опроса для uCoz, в стиле flat готов, спасибо за внимание!tags-zB11Вид, опроса, для, uCoz,, в, стиле, flat, v2