Приветствую Вас Прохожий | RSS Вторник, 06.12.2016, 13:16
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 18
Гостей: 16
Пользователей: 2
MaDaRa, LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Стилизация опроса по цветности процентов uCoz

Стилизация опроса по цветности процентов uCoz Стилизация, опроса, цветности, процентов, uCoz
Стилизация опроса по цветности процентов uCoz с иным подходом оформления, видно еще есть фантазия и вариаций для творческой личности такой как Winston888 , это радует что интерес к этому не пропадает, как у остальных кто резко берется за дизайн, модернизацию и рендеринг чьих то разработок, пользуется чужим трудом и под конец все это бросают на долгие годы, я часто просматриваю сайты которые каким то начинанием оказывались реальными потенциальными конкурентами, но сегодня на страницах их ветер свистит и посещение равняется нулю, были потрачены большие силы и нервы, а потом просто все выброшено как не нужное.
Хотелось бы верить что у нас такого на сайте ucozon.ru не будет, мы как можно скорей наведем порядок и почистим мусор, и будем работать как реальная энциклопедия с доступным поиском необходимых вариаций новшеств уникальности в дизайне uCoz.
В прочем о стильном опросе, вся задумка работы его на CCS заданной фоновым элементом подающий более привлекательный вид в блоке для вашего сайта.Подобный вид делал trane73 (AndreyKlipikov) но стильность была менее богатая.

Установка:
В вид опроса:
Код
<script type="text/javascript">  
  var a = ['1','2','3','4','5','6','1','2','3','4','5','6'];  
  for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress'+[i]).css({marginTop: '-3px', marginBottom: '-3px', backgroundRepeat: 'repeat-x'});}  
  $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});  
  </script>


В таблицу стилей 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;  
  }
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3205 | Комментарии: 1 | Рейтинг: 3.8/8 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 15.06.2013 | Скачали: 0 | Теги: опроса, процентов, ucoz, Стилизация, цветности
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
+1   Спам
1 kgs2009   Дата: 15.06.2013  Время: 18:04   [№ 14776]
Почему то не работает (


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru