[proSilver] Красивые результаты опроса (css3).

[Татьяна5]

владимир1983, да, вынесла ссылки на доработки

[Romnik]

Ещё одна небольшая доработочка.
Направляющая шкалы и сама шкала теперь синхронны - угол радиуса одинаков.

colours.css

Код: Выделить всё

.pollbar1 {
	background-color: #4069D1; /* blue */
	background-image: linear-gradient(
	135deg, rgba(0, 0, 128, 0.2) 25%, 
	transparent 25%, 
	transparent 50%, 
	rgba(0, 0, 128, 0.2) 50%, 
	rgba(0, 0, 128, 0.2) 75%, 
	transparent 75%, 
	transparent);
}

.pollbar2 {
	background-color: #2BC253; /* green */
	background-image: linear-gradient(
	135deg, 
	rgba(84, 240, 84, 0.2) 25%, 
	transparent 25%, 
	transparent 50%, 
	rgba(84, 240, 84, 0.2) 50%, 
	rgba(84, 240, 84, 0.2) 75%, 
	transparent 75%, 
	transparent);
}

.pollbar3 {
	background-color: #FFD800; /* yellow */
	background-image: linear-gradient(
	135deg, 
	rgba(216, 177, 0, 0.2) 25%, 
	transparent 25%, 
	transparent 50%, 
	rgba(216, 177, 0, 0.2) 50%, 
	rgba(216, 177, 0, 0.2) 75%, 
	transparent 75%, 
	transparent);
}

.pollbar4 {
	background-color: #f1a165; /* orange */
	background-image: linear-gradient(
	135deg, 
	rgba(243, 109, 10, 0.2) 25%, 
	transparent 25%, 
	transparent 50%, 
	rgba(243, 109, 10, 0.2) 50%, 
	rgba(243, 109, 10, 0.2) 75%, 
	transparent 75%, 
	transparent);
}

.pollbar5 {
	background-color: #f0a3a3; /* red */
	background-image: linear-gradient(
	135deg, rgba(244, 35, 35, 0.2) 25%, 
	transparent 25%, 
	transparent 50%, 
	rgba(244, 35, 35, 0.2) 50%, 
	rgba(244, 35, 35, 0.2) 75%, 
	transparent 75%, 
	transparent);
}

@keyframes move {
  from { background-position: 0 0; }
  to   { background-position: 100px 50px; }
}

@-webkit-keyframes move {
	0% {background-position: 0 0;}
	100% {background-position: 100px 50px;}
}

.meter {
   background-color: #E0E3E0;
   height: 15px;
   padding: 1px !important;
   margin: 0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0px #fff;
   -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0px #fff;
   box-shadow: 0 1px 5px #000 inset, 0 1px 0px #fff;
}

.meter > div {
	position: relative;
	height: 100%;
	padding: 0 !important;
	border: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow:
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	overflow: hidden;
    animation: move 3s linear 0s normal none infinite ;
	-webkit-animation: move 3s linear infinite;
	background-size: 50px 50px;
}

Выглядит так:

1.gif

[Пчелкин]

ОЙ!!! Сделал...едуууууууууууут...Прикольно....И останавливаются там где положено...
А у меня вчера ехали вечно..но вчера, но по три...а сегодня по пять...но сегодня...
Татьяна! Классные доработочки...

[Allexxxey]

Добрый день.
Извините за возможно глупый вопрос, не совсем понял.
Я внес необходимые изменения в нужные файлы, сохранил как положено (UTF-8 без BOM) в NotePad++, почистил всевозможные кэши.
У меня ничего не изменилось в опросах.
Собственно вопрос, CoolPoll v. 1.0.1 это мод? Его нужно установить? Где его взять? Поиск результатов не дал.
Сайт http://phpbb.tttz.ru "лежит"...
Помогите, хочется и себе такую красоту.

[Татьяна5]

Где его взять?

[proSilver] Красивые результаты опроса (css3). (архива нет, вся инструкция в посте)

ничего не изменилось

Проверьте через firebug есть ли правки от мода, если их нет - либо файлы не перезаписались, либо кеши очищены не все (кеш с главной админки, обновление шаблонов и тем, кеш браузера)

[Allexxxey]

Спасибо, обновил еще раз темы и шаблоны - заработало
Очень здоровски, класс!

[Татьяна5]

CoolPoll v.1.0.2

• Пересчет значений процентов
• Анимация "наполнения"
• Изменен внешний вид
• Поддержка subsilver2

Обновление - удалить версию 1.0.1 и все дополнения к ней, установить 1.0.2

prosilver

2013-11-12_041907.jpg

subsilver2

2013-11-12_040754.jpg

Скачать CoolPoll v.1.0.2

[Пчелкин]

Класс!!! Полез везде обновлять...

[paradox860]

Вот такая штука при установке.(3.0.12)

Снимок.JPG

[Татьяна5]

paradox860, пора удалять автомод и устанавливать моды вручную

[paradox860]

Ручками поставил, просто хотел предупредить об ошибке при установке через автомод.
Единственное при установке дополнения для Polls on index 1.1.0 , анимация работает только на главной, а в теме перестает работать(((
Думаю ошибся где то в правках файла index.php

Код: Выделить всё

<!-- IF S_HAS_POLL -->
	<!-- IF SCRIPT_NAME eq 'viewtopic' -->
	<!-- BEGIN poll -->
		<!-- BEGIN poll_option -->
			<style type="text/css">
				@-webkit-keyframes move{poll.poll_option.POLL_OPTION_PCT} {
					0% { width: 0;}
					100% { width: {poll.poll_option.POLL_OPTION_PERCENT}; }
				}

				@keyframes move{poll.poll_option.POLL_OPTION_PCT} {
					0% { width: 0; }
					100%   { width: {poll.poll_option.POLL_OPTION_PERCENT}; }
				}
								
				div.poll_animation{poll.poll_option.POLL_OPTION_PCT} {
					-webkit-animation: move 3s linear 0s normal none infinite, move{poll.poll_option.POLL_OPTION_PCT} 6s linear 0s normal none 1;
					animation: move 3s linear 0s normal none infinite, move{poll.poll_option.POLL_OPTION_PCT} 6s linear 0s normal none 1;
				}
			</style>
		<!-- END poll_option -->
			<!-- ENDIF -->
	<!-- END poll -->
	<!-- ELSE -->
	<!-- BEGIN poll_option -->
		<style type="text/css">
			@-webkit-keyframes move{poll_option.POLL_OPTION_PCT} {
				0% { width: 0;}
				100% { width: {poll_option.POLL_OPTION_PERCENT}; }
			}

			@keyframes move{poll_option.POLL_OPTION_PCT} {
				0% { width: 0; }
				100%   { width: {poll_option.POLL_OPTION_PERCENT}; }
			}
							
			div.poll_animation{poll_option.POLL_OPTION_PCT} {
				-webkit-animation: move 3s linear 0s normal none infinite, move{poll_option.POLL_OPTION_PCT} 6s linear 0s normal none 1;
				animation: move 3s linear 0s normal none infinite, move{poll_option.POLL_OPTION_PCT} 6s linear 0s normal none 1;
			}
		</style>
	<!-- END poll_option -->
<!-- ENDIF -->

[Lector83]

Здравствуйте, не могли бы такой результат опроса сделать и на 3.1 ? очень понравился.

[Rubinovi4]

Здравствуйте, не могли бы такой результат опроса сделать и на 3.1 ? очень понравился.

Поддерживаю. Особенно интересует новый расчет голосов. Так как из версии CoolPoll v.1.0.2 абсолютно не подходит для phpbb 3.1.8. Считает не правильно. Показывает, что если не голосовал, и смотришь кто проголосовал, отображает всем по 100%
Спасибо.

[saturn-z]

сделать и на 3.1

Уже пробовал.... Там вроде нет нужного события, уже точно не помню. Дело забросил...

[Balamut]

Лень. Сами. ;-))))))