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

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
angst66
phpBB 3.0.0 RC1
Сообщения: 1469
Стаж: 12 лет 2 месяца
Благодарил (а): 86 раз
Поблагодарили: 149 раз

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

Сообщение angst66 »

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

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

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

За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)
Аватара пользователя
angst66
phpBB 3.0.0 RC1
Сообщения: 1469
Стаж: 12 лет 2 месяца
Благодарил (а): 86 раз
Поблагодарили: 149 раз

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

Сообщение angst66 »

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

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

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

Для папок ЛС
(мод CoolPoll v. 1.0.1 должен быть установлен)

styles/prosilver/template/ucp_pm_message_header.html
Найти

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

	<!-- IF FOLDER_STATUS and FOLDER_MAX_MESSAGES neq 0 --><p>{FOLDER_STATUS}</p><!-- ENDIF -->
Заменить на

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

	<!-- IF FOLDER_STATUS and FOLDER_MAX_MESSAGES neq 0 --><p>{FOLDER_STATUS}</p>
		<div class="meter">
			<div style="width:{FOLDER_PERCENT}%;" class="<!-- IF FOLDER_PERCENT < 20 -->pollbar1<!-- ELSEIF FOLDER_PERCENT < 40 -->pollbar2<!-- ELSEIF FOLDER_PERCENT < 60 -->pollbar3<!-- ELSEIF FOLDER_PERCENT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->"></div>
		</div>
	<!-- ENDIF -->
styles/prosilver/theme/cp.css
Найти

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

.pm-legend {
	border-left-width: 10px;
	border-left-style: solid;
	border-right-width: 0;
	margin-bottom: 3px;
	padding-left: 3px;
}
Добавить после

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

#cp-main .meter {
    margin-bottom: 8px;
    width: 300px;
}
Аватара пользователя
angst66
phpBB 3.0.0 RC1
Сообщения: 1469
Стаж: 12 лет 2 месяца
Благодарил (а): 86 раз
Поблагодарили: 149 раз

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

Сообщение angst66 »

Вот
Безымянный0.png
Безымянный0.png (3.41 КБ) 1232 просмотра
Безымянный.png
Безымянный.png (4.73 КБ) 1232 просмотра
Безымянный1.png
Безымянный1.png (5.94 КБ) 1232 просмотра
romeo_piter
phpBB 2.0.21
Сообщения: 1301
Стаж: 14 лет 11 месяцев
Благодарил (а): 245 раз
Поблагодарили: 31 раз

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

Сообщение romeo_piter »

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

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

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

romeo_piter
У меня все нормально отображается. Кеш.
romeo_piter
phpBB 2.0.21
Сообщения: 1301
Стаж: 14 лет 11 месяцев
Благодарил (а): 245 раз
Поблагодарили: 31 раз

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

Сообщение romeo_piter »

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

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

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

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

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

Сообщение Romnik »

Ну и мой вклад, чтобы отступы сверху и снизу были одинаковые:

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

#cp-main .meter {
    margin: -6px 0 8px 0;
    width: 300px;
}
1.gif
1.gif (5.44 КБ) 1098 просмотров
Аватара пользователя
angst66
phpBB 3.0.0 RC1
Сообщения: 1469
Стаж: 12 лет 2 месяца
Благодарил (а): 86 раз
Поблагодарили: 149 раз

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

Сообщение angst66 »

С папками всё понятно, 50 писем, это 100%. А вот с опросами не очень. Казалось бы сумма всех голосов должна быть 100%. Если за одно голоса прибавляются,% повышается, за другой вариант % понижается. Но на деле получается не совсем красиво, после определенного числа голосов шкала заполняется полностью, пишется 100%, а голоса еще могут добавлятся и добавлятся... Вот пример, увидел на главной у Пчёлкина:
Безымянный.png
Безымянный.png (4.24 КБ) 1076 просмотров
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

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

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

angst66, это доработка (максимум проголосовавших за 1 пункт опроса 100%, остальное считается от него). Кому-то понятней с ней, кому-то без нее. Мод работает независимо от этой доработки
Аватара пользователя
angst66
phpBB 3.0.0 RC1
Сообщения: 1469
Стаж: 12 лет 2 месяца
Благодарил (а): 86 раз
Поблагодарили: 149 раз

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

Сообщение angst66 »

Посмотрел у себя, сто процентов это сумма всех голосов, значит ошибка у человека локальная...

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

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

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

Еще один вариант анимации с "наполнением" полосок результатов опросов. Пример
(Дополнение к моду)

styles/prosilver/template/viewtopic_body.html
Найти

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

<!-- IF S_DISPLAY_RESULTS -->
Заменить на

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

<!-- IF S_DISPLAY_RESULTS -->
					<style>
						@-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>
					
Найти

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

<div class="meter"><div class="
Добавить после в той же строке

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

poll_animation{poll_option.POLL_OPTION_PCT} 
Найти

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

width:{poll_option.POLL_OPTION_PERCENT};
Добавить после в той же строке

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

 max-width:{poll_option.POLL_OPTION_PERCENT};
styles/prosilver/theme/colors.css
Найти и удалить

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

    animation: move 3s linear 0s normal none infinite ;
	-webkit-animation: move 3s linear infinite;
Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 13 лет 11 месяцев
Откуда: Сергиев Посад
Благодарил (а): 374 раза
Поблагодарили: 727 раз
Контактная информация:

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

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

Татьяна5 может вынесем варианты реализации в первый пост?
За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)
Закрыто

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