Уважаемые пользователи!
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) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Balamut
Former team member
Сообщения: 2213
Стаж: 19 лет
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 146 раз
Контактная информация:

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

Сообщение Balamut »

Garret_Dark писал(а):Вот что я вижу в последней опере у Smayliks
Врёшь и не краснеешь, как полоска от 75% до 100%.

В последней Опере (специально вчера обновил ВСЕ браузеры перед тем, как выкладывать это в паблик) работает анимация. И, ты не поверишь, только лишь потому, что она тоже не так давно перешла на WebKit. =)
//
// That's all, Folks!
// -------------------------------------------------
er107
phpBB 2.0.14
Сообщения: 973
Стаж: 13 лет
Благодарил (а): 285 раз
Поблагодарили: 57 раз

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

Сообщение er107 »

У меня в опере 12.16 нет анимации..
Аватара пользователя
Balamut
Former team member
Сообщения: 2213
Стаж: 19 лет
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 146 раз
Контактная информация:

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

Сообщение Balamut »

Opera 15.0

Создан для открытий

Информация о версии

Версия: 15.0.1147.148
Канал обновлений: Stable
Система: Windows 7 32-bit
Идентификация браузера:

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.72 Safari/537.36 OPR/15.0.1147.148
повторю, речь шла о последней Опере.
//
// That's all, Folks!
// -------------------------------------------------
Аватара пользователя
Garret_Dark
phpBB 2.0.16
Сообщения: 1096
Стаж: 15 лет 2 месяца
Откуда: root/world/russia/
Благодарил (а): 126 раз
Поблагодарили: 206 раз
Контактная информация:

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

Сообщение Garret_Dark »

Smayliks писал(а):Врёшь и не краснеешь, как полоска от 75% до 100%.В последней Опере (специально вчера обновил ВСЕ браузеры перед тем, как выкладывать это в паблик) работает анимация. И, ты не поверишь, только лишь потому, что она тоже не так давно перешла на WebKit. =)
Аккуратней на поворотах!
Похоже, что кто то другой тут загнался
Повторяю свои скрины с последней стабильной версией оперы.
И вот опять то что я вижу (окошко для тебя специально)
Изображение
Аватара пользователя
Balamut
Former team member
Сообщения: 2213
Стаж: 19 лет
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 146 раз
Контактная информация:

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

Сообщение Balamut »

Еще раз, у меня работает. На последней версии. Версию я указал выше.

Добавлено спустя 5 минут 58 секунд:
opera.png
Garret_Dark писал(а):Вот что я вижу в последней опере у Smayliks и честно-говоря, ума не приложу зачем там столько написано в CSS ?
В последней версии, с коробки, работает и отображение, и анимация.
Так что на поворотах я аккуратен. Как всегда, собственно.
//
// That's all, Folks!
// -------------------------------------------------
er107
phpBB 2.0.14
Сообщения: 973
Стаж: 13 лет
Благодарил (а): 285 раз
Поблагодарили: 57 раз

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

Сообщение er107 »

Действительно, опера 12.16 не предлагает обновиться, а с сайта скачивается 15-я..
Аватара пользователя
Balamut
Former team member
Сообщения: 2213
Стаж: 19 лет
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 146 раз
Контактная информация:

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

Сообщение Balamut »

Я уже говорил, что Опера перешла на движок WebKit. Можно считать 15-ую версию совершенно другим продуктом.
Поэтому и не обновляется.

Кстати, при переходе ваши ссылки импортируются со старой версии, а вот с паролями бЯда, насколько я знаю.
Правда, я Оперой не пользовался, и не могу сказать что-то более точно.
//
// That's all, Folks!
// -------------------------------------------------
er107
phpBB 2.0.14
Сообщения: 973
Стаж: 13 лет
Благодарил (а): 285 раз
Поблагодарили: 57 раз

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

Сообщение er107 »

Вот! Теперь полоски стали анимированные.. Кстати, 15-я версия шустро работает, быстрее чем 12-я.
Аватара пользователя
Garret_Dark
phpBB 2.0.16
Сообщения: 1096
Стаж: 15 лет 2 месяца
Откуда: root/world/russia/
Благодарил (а): 126 раз
Поблагодарили: 206 раз
Контактная информация:

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

Сообщение Garret_Dark »

Smayliks писал(а):В последней версии, с коробки, работает и отображение, и анимация.
Так что на поворотах я аккуратен. Как всегда, собственно.
Нет, вы попытались уличить меня во лжи, при том в очень не хорошем тоне... хотя где тут моя ложь, покажете? Если нет, то надо бы извиниться.

Что касается обновлений, то опера сама обновлялась с 9 на 10, с 10 на 11, с 11 на 12 версии. А 15 это практически новый браузер: "Opera Next".

Как думаете, скоро ли пользователи оперы самостоятельно пойдут качать новый браузер или будут сидеть как в свое время ребята на IE6 не имея понятия о том, что он как то вообще обновляется?
Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 13 лет 11 месяцев
Откуда: Сергиев Посад
Благодарил (а): 374 раза
Поблагодарили: 727 раз
Контактная информация:

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

Сообщение владимир1983 »

Smayliks
Garret_Dark
Давайте жить дружно.
За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)
Аватара пользователя
Balamut
Former team member
Сообщения: 2213
Стаж: 19 лет
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 146 раз
Контактная информация:

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

Сообщение Balamut »

Garret_Dark писал(а):Нет, вы попытались уличить меня во лжи
Я не попытался, я уличи́л вас во лжи. Дословно:
Garret_Dark писал(а):Вот что я вижу в последней опере у Smayliks
Это не правда. Это ложь. Это убеждение неопытных пользователей в заведомо неверной информации.
Вы обманули. Публично. Скриншот, версию браузера и все объяснения я дал.
Garret_Dark писал(а):Что касается обновлений, то опера сама обновлялась с 9 на 10, с 10 на 11, с 11 на 12 версии. А 15 это практически новый браузер: "Opera Next".
Мне глубоко всё равно, как обновлялась Опера и как вы её назовёте. Хоть "Опера", хоть "Опера Некст", хоть "Опера, которую я ждал".
Эта Опера. Которая распространяется всё тем же сайтом opera.com, во главе которой стоят те же люди, которая (сюрприз!) всё так-же называется Opera.
Garret_Dark писал(а):Как думаете, скоро ли пользователи оперы самостоятельно пойдут качать новый браузер или будут сидеть как в свое время ребята на IE6 не имея понятия о том, что он как то вообще обновляется?
Я уже высказывался об использовании старых версий браузеров, старых стилей (да-да, я про subSilver) и про моё отношение к этому. Мне всё равно, кто и что использует. Мне абсолютно параллельно, как работает ИЕ.
Я сказал о том, что в большей части это ориентировано на WebKit. Я сказал о том, что каждый может использовать и модифицировать так, как ему вздумается. Я сказал о том, что субСильвера, скорее всего не будет.

Что конкретно вы хотите от меня? Чтобы я всё нафиг удалил и сказал, что это не работает? Чтобы я сказал, "ах, какой я дурак, зря подал идею пользователям, как можно изменить результаты"? Чтобы я признал, что вы гуру html и css?

Уговорили. По последнему пункту я публично говорю: "Вы гуру".

Легче стало?

Не надо отвечать в этой теме по любому вопросу, не касающемуся первого поста этой темы. Иначе буду просить Администрацию (столь нелояльную к команде, но толерантную к идиотам) выдать вам предупреждение за флейм и флуд.

Спасибо.
//
// That's all, Folks!
// -------------------------------------------------
Аватара пользователя
Garret_Dark
phpBB 2.0.16
Сообщения: 1096
Стаж: 15 лет 2 месяца
Откуда: root/world/russia/
Благодарил (а): 126 раз
Поблагодарили: 206 раз
Контактная информация:

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

Сообщение Garret_Dark »

Smayliks, ну что ж, понимаете по своему, вижу клинический случай.

Правда должны понимать, что в интернете 99% как раз вот этих самых неопытных пользователей и рассчитывать нужно на них, а не на себя супер_пуппер_мега_крутого_верстальщика_под_вебкит, поскольку если сайт делается для других, а не для себя любимого, нужно учитывать интересы всех.

Ни один серьезный ресурс не сможет себе позволить такое решение, которое будет ограничивать пользователей в выборе браузера (ну кроме гос.сайтов, где чаще всего все под IE).

Более простое и универсальное решение я показал без подколов: все мы смотрим на CSS3 с надеждой, что уже вот-вот и нам не нужно будет изобретать велосипеды, но его время еще только наступает, а извращаться так как Вы с этими опросами добавив кучу классов, можно лишь для того что бы бросить пыль в глаза... судя по всему этим Вы и занимаетесь.

Удачи.

Добавлено спустя 3 минуты 12 секунд:
Smayliks писал(а):Уговорили. По последнему пункту я публично говорю: "Вы гуру".
Легче стало?Не надо отвечать в этой теме по любому вопросу, не касающемуся первого поста этой темы.
Иначе буду просить Администрацию (столь нелояльную к команде, но толерантную к идиотам) выдать вам предупреждение за флейм и флуд.

Спасибо.
Мдя... вот только не стоит забывать, что первым наехали лично на меня именно Вы, я же говорил именно по теме и продолжаю говорить по теме.

О том кого поддерживает Администрация, не знаю что там у вас за негативный опыт был, но это Ваше личное с ней дело совсем уж не касающееся данного топика
Аватара пользователя
Пчелкин
phpBB 3.3.0
Сообщения: 11234
Стаж: 14 лет 2 месяца
Откуда: fotovideoforum.ru
Благодарил (а): 1782 раза
Поблагодарили: 1340 раз
Контактная информация:

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

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

Вместо инструкции от Smayliks
Открыть:
styles/prosilver/theme/common.css

Найти:
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}

И после добавить:
Открыть :

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

styles/prosilver/theme/content.css
Найти :

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

.pollbar5 {
	background-color: #f8f8f8;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}
Добавить после :

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

/* CoolPoll (http://phpbb.tttz.ru)
-----------------------------v.1.0.0--- */

.meter { 
	height: 15px;
	position: relative;
	margin: 0px 0 0px 0;
	background: #7DA0D3;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: inset 0 -4px 1px rgba(255,255,255,0.3);
}

.meter > span {
	display: block;
	height: 100%;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	-webkit-box-shadow: 
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: 
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}

.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	-webkit-gradient(linear, 0 0, 100% 100%, 
		color-stop(.25, rgba(255, 255, 255, .2)), 
		color-stop(.25, transparent), color-stop(.5, transparent), 
		color-stop(.5, rgba(255, 255, 255, .2)), 
		color-stop(.75, rgba(255, 255, 255, .2)), 
		color-stop(.75, transparent), to(transparent)
	);
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-webkit-animation: move 3s linear infinite;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}
		
@-webkit-keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 50px 50px;
	}
}
		
.red > span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.orange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}

.blue > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #0000ff, #000080);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0000ff),color-stop(1, #000080));
	background-image: -webkit-linear-gradient(#0000ff, #000080); 
}
Этого кода в КСС будет достаточно для любых китов....

Хром -
snap1495.jpg
Опера -
snap1496.jpg
ФФ -
snap1499.jpg
При этом, если установлен мод Опросы на главной странице (Polls on index) от Nekstati

Открыть:
styles/prosilver/template/poll_block.html

Найти:

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

							<!-- IF poll.S_DISPLAY_RESULTS --><dd class="resultbar"><div class="<!-- IF poll.poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll.poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll.poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll.poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll.poll_option.POLL_OPTION_PERCENT};">{poll.poll_option.POLL_OPTION_RESULT}</div></dd>
							<dd><!-- IF poll.poll_option.POLL_OPTION_RESULT == 0 -->{L_NO_VOTES}<!-- ELSE -->{poll.poll_option.POLL_OPTION_PERCENT}<!-- ENDIF --></dd><!-- ENDIF -->
Заменить на:

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

							<!-- IF poll.S_DISPLAY_RESULTS --><dd class="resultbar"><div class="meter<!-- IF poll.poll_option.POLL_OPTION_PCT < 25 --> blue"<!-- ELSEIF poll.poll_option.POLL_OPTION_PCT < 50 -->"<!-- ELSEIF poll.poll_option.POLL_OPTION_PCT < 75 --> orange"<!-- ELSE --> red"<!-- ENDIF -->><span style="width:{poll.poll_option.POLL_OPTION_PERCENT};"></span></div></dd>
							<dd><!-- IF poll.poll_option.POLL_OPTION_RESULT == 0 -->{L_NO_VOTES}<!-- ELSE -->{poll.poll_option.POLL_OPTION_PERCENT}<!-- ENDIF --></dd><!-- ENDIF -->
Получаем:

Хром -
snap1497.jpg
Опера -
snap1496.jpg
ФФ -
snap1500.jpg
Добавлено спустя 3 минуты 31 секунду:
Цвета фона ползунов - background: #7DA0D3; в блоке -

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

.meter { 
	height: 15px;
	position: relative;
	margin: 0px 0 0px 0;
	background: #7DA0D3;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: inset 0 -4px 1px rgba(255,255,255,0.3);
}
Аватара пользователя
MIT
Former team member
Сообщения: 2500
Стаж: 15 лет
Откуда: 56°20′02″ с. ш. 36°42′45″ в. д.
Благодарил (а): 4 раза
Поблагодарили: 352 раза
Контактная информация:

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

Сообщение MIT »

Smayliks писал(а):Для владельцев браузеров, сделанных на основе WebKit графики будут с анимацией. Посмотреть можно здесь:
30 и 70% (зелёный и оранжевый цвета) - http://phpbb.tttz.ru/viewtopic.php?f=2&t=2
24 и 76% (синий и красный цвета) - http://phpbb.tttz.ru/viewtopic.php?f=2&t=3
Webkit. Safari. Mac.
Никакой анимации.
Аватара пользователя
Balamut
Former team member
Сообщения: 2213
Стаж: 19 лет
Откуда: {postrow.POSTER_FROM}
Поблагодарили: 146 раз
Контактная информация:

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

Сообщение Balamut »

Как ни странно, ВебКит на маках не пашет. Проверил на айпедах 4.5.1, 5.0, 6.1.0.

Код удалён, всем спасибо, всё остальное оставлю при себе.
//
// That's all, Folks!
// -------------------------------------------------
Закрыто

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