Интернет магазин шабонов
Форма входа

Бесплатный раздел

Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!

Новый красный вид формы опроса для пользователей uCoz

Дата добавления: 03.10.2013 - 21:54
Категория: Виды опросов
Добавил: Buger
Количество просмотров: 453
Количество комментариев: 0
Рейтинг материала: 4.0 / 1
Новый красный вид формы опроса для пользователей uCoz
БЕСПЛАТНО
Для скачивания файлов, необходима авторизация или регистрация на нашем ресурсе.
рейтинг 4.0
/
голосов 1
Новый вид формы опроса для пользователей uCoz
Думаю многим понравится

Установка:


Вставляем в вид опроса:

Код
<div class="opros">Внимание опрос!</div>  
<div class="poll_style">  
$POLLC_3$  
</div>


Вставляем данный код соответственно в первый или второй контейнер (НЕ В БЛОК, а именно В КОНТЕЙНЕР), в зависимости, от того, какой из них присутствует у Вас на сайте.
Код
<br><br>  
Соответственно $POLLC_3$ заменяем на номер своего опроса  
<br><br>

Это вставить в вид формы опроса
Код

<div class="pollBlock" style="font-family: Century Gothic;">  
<div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><div class="QUESTION">$QUESTION$</div></div>  
<div class="pollAns" style="font-size:8pt;text-align:left;"><div class="ANSWERS">$ANSWERS$</div></div>  
<div class="pollLnk" style="padding-top:4px;text-align:center;"> <a style="font-size:7pt;" href="$RESULTS_LINK$"><div class="text_style">Результаты</div></a></div>  
<div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;"><div class="golos">Проголосовало: <b>$TOTAL_VOTES$</b></div></div>  
</div>


Код CSS (или заключив в теги вставить так же в вид формы опроса)

Код
.poll_style {  
border-top-left-radius: 10px;  
border-top-right-radius: 10px;  
background: #b22222; /* for non-css3 browsers */  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CD5C5C', endColorstr='#b22222'); /* for IE */  
background: -webkit-linear-gradient(top, #CD5C5C, #b22222); /* for webkit browsers */  
background: -moz-linear-gradient(top, #CD5C5C, #b22222); /* for firefox 3.6+ */  
background: -o-linear-gradient(top, #CD5C5C, #b22222); /* Opera 11.10+ */  
background: -ms-linear-gradient(top, #CD5C5C, #b22222); /* IE10+ */  
}  
.QUESTION {  
font-family: Lobster;  
color: #ffffff;  
font-size: 18px;  
padding-left: 10px;  
padding-right: 10px;  
}  
.ANSWERS {  
font-family: Lobster;  
color: #ffffff;  
font-size: 15px;  
padding-left: 10px;  
padding-right: 10px;  
}  
.golos{  
font-family: Lobster;  
color: #ffffff;  
font-size: 18px;  
padding-left: 10px;  
padding-right: 10px;  
padding-bottom: 10px;  
}  
.text_style{  
font-family: Century Gothic;  
color: #ffffff;  
font-size: 12px;  
}  
.opros {  
font-family: Lobster;  
color: #CD5C5C;  
font-size: 32px;  
padding-left: 10px;  
padding-right: 10px;  
padding-bottom:2px;  
}


Данная часть кода CSS отвечает за скругление углов слева сверху и справа сверху соответственно:

Код
border-top-left-radius: 10px;  
border-top-right-radius: 10px;


А теперь разберем, что к чему, и как поменять вид под себя.

Код
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CD5C5C', endColorstr='#b22222'); /* for IE */  
background: -webkit-linear-gradient(top, #CD5C5C, #b22222); /* for webkit browsers */  
background: -moz-linear-gradient(top, #CD5C5C, #b22222); /* for firefox 3.6+ */  
background: -o-linear-gradient(top, #CD5C5C, #b22222); /* Opera 11.10+ */  
background: -ms-linear-gradient(top, #CD5C5C, #b22222); /* IE10+ */


Данная часть кода отвечает за градиент фона блока. #CD5C5C - цвет сверху блока, #b22222 - цвет внизу блока.

Код

background: #b22222; /* for non-css3 browsers */


Эта часть стиля, как подписано, для браузеров, которые не поддерживают CSS3. В них градиент не может отображаться, поэтому он будет цвет блока будет однотонным.

Источник: Не указан
Добавлять комментарии могут только зарегистрированные пользователи.