Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

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

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

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

Сообщение Татьяна5 »

владимир1983, да, вынесла ссылки на доработки
Аватара пользователя
Romnik
phpBB 2.0.2
Сообщения: 338
Стаж: 13 лет 1 месяц
Откуда: Москва/Выдропужск
Благодарил (а): 39 раз
Поблагодарили: 64 раза
Контактная информация:

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

Сообщение 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
1.gif (6.44 КБ) 3011 просмотров
Последний раз редактировалось Romnik 09.10.2013 0:22, всего редактировалось 1 раз.
Аватара пользователя
Пчелкин
phpBB 3.3.0
Сообщения: 11234
Стаж: 14 лет 2 месяца
Откуда: fotovideoforum.ru
Благодарил (а): 1782 раза
Поблагодарили: 1340 раз
Контактная информация:

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

Сообщение Пчелкин »

ОЙ!!! Сделал...едуууууууууууут...Прикольно....И останавливаются там где положено...
А у меня вчера ехали вечно..но вчера, но по три...а сегодня по пять...но сегодня...
Татьяна! Классные доработочки...
Аватара пользователя
Allexxxey
phpBB 1.2.0
Сообщения: 10
Стаж: 12 лет 11 месяцев
Откуда: Novosibirsk-City
Благодарил (а): 2 раза
Поблагодарили: 1 раз
Контактная информация:

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

Сообщение Allexxxey »

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

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

Сообщение Татьяна5 »

Allexxxey писал(а):Где его взять?
[proSilver] Красивые результаты опроса (css3). (архива нет, вся инструкция в посте)
Allexxxey писал(а):ничего не изменилось
Проверьте через firebug есть ли правки от мода, если их нет - либо файлы не перезаписались, либо кеши очищены не все (кеш с главной админки, обновление шаблонов и тем, кеш браузера)
Аватара пользователя
Allexxxey
phpBB 1.2.0
Сообщения: 10
Стаж: 12 лет 11 месяцев
Откуда: Novosibirsk-City
Благодарил (а): 2 раза
Поблагодарили: 1 раз
Контактная информация:

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

Сообщение Allexxxey »

Спасибо, обновил еще раз темы и шаблоны - заработало ;)
Очень здоровски, класс!
С уважением, Алексей
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

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

Сообщение Татьяна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
Аватара пользователя
Пчелкин
phpBB 3.3.0
Сообщения: 11234
Стаж: 14 лет 2 месяца
Откуда: fotovideoforum.ru
Благодарил (а): 1782 раза
Поблагодарили: 1340 раз
Контактная информация:

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

Сообщение Пчелкин »

Класс!!! Полез везде обновлять...
paradox860
phpBB 1.2.0
Сообщения: 19
Стаж: 10 лет 7 месяцев
Благодарил (а): 4 раза
Поблагодарили: 1 раз
Контактная информация:

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

Сообщение paradox860 »

Вот такая штука при установке.(3.0.12)
Снимок.JPG
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

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

Сообщение Татьяна5 »

paradox860, пора удалять автомод и устанавливать моды вручную
paradox860
phpBB 1.2.0
Сообщения: 19
Стаж: 10 лет 7 месяцев
Благодарил (а): 4 раза
Поблагодарили: 1 раз
Контактная информация:

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

Сообщение 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
phpBB 1.2.0
Сообщения: 10
Стаж: 8 лет 2 месяца
Благодарил (а): 2 раза

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

Сообщение Lector83 »

Здравствуйте, не могли бы такой результат опроса сделать и на 3.1 ? очень понравился.
Аватара пользователя
Rubinovi4
phpBB 1.4.4
Сообщения: 143
Стаж: 9 лет 3 месяца
Благодарил (а): 49 раз
Поблагодарили: 10 раз
Контактная информация:

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

Сообщение Rubinovi4 »

Lector83 писал(а): Здравствуйте, не могли бы такой результат опроса сделать и на 3.1 ? очень понравился.
Поддерживаю. Особенно интересует новый расчет голосов. Так как из версии CoolPoll v.1.0.2 абсолютно не подходит для phpbb 3.1.8. Считает не правильно. Показывает, что если не голосовал, и смотришь кто проголосовал, отображает всем по 100%
Спасибо.
Аватара пользователя
saturn-z
phpBB 2.0.0
Сообщения: 241
Стаж: 11 лет 4 месяца
Откуда: РФ, Тюмень
Благодарил (а): 13 раз
Поблагодарили: 93 раза
Контактная информация:

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

Сообщение saturn-z »

Lector83 писал(а): сделать и на 3.1
Уже пробовал.... Там вроде нет нужного события, уже точно не помню. Дело забросил...
Немало нужно знания, чтобы уметь скрыть перед другими свое незнание.
Аватара пользователя
Balamut
Former team member
Сообщения: 2213
Стаж: 19 лет
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 146 раз
Контактная информация:

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

Сообщение Balamut »

Лень. Сами. ;-))))))
//
// That's all, Folks!
// -------------------------------------------------
Закрыто

Вернуться в «Стили для phpBB 3.0.x»