Красивый вид опроса для ucoz



На многих сайтах установлен стандартный вид опроса, который не только не подходит под многие дизайны сайтов, но также и не красив. И именно поэтому мы рады предоставить Вам новый скрипт вида опроса, который подойдет под любой дизайн сайта, так как цвет данного вида опроса можно отредактировать в CSS, так как данный вид опроса строится на стилях CSS. А если Вам не нравится и шрифт данного вида опроса, то его также можно поменять, при том и без особых усилий: нужно всего-навсего заменить в коде Lobster на тот шрифт, который Вы хотите видеть в данном виде опроса. Установка не так уж и проста, но это того стоит, к тому же код нужно устанавливать всего 1 раз.

Установка:

1) Нижеприведенный код вставляем в то место, где Вы хотите видеть данный опрос:
Code
<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>


2) Далее вставляем в CSS следующий код:
Code
.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;  
  }


3) Если у Вас на сайте отсутствует шрифт Lobster, то Вам нужно будет добавить в CSS следующий код:
Code
@font-face  
  {  
  font-family: "Lobster";  
  src : url("http://mult-on.ucoz.ru/fonts/564_lobster.ttf");  
  }


Все установка завершена, если возникли кое-какие проблемы, то Вы можите создать тему на нашем форуме с вопросом, и мы, соответственно, ответим.




Категория: Скрипты опросов | Добавил: V-STYLE
Просмотров: 1097 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]