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

phpBB Gallery: доработки

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

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
ВладимирТ
phpBB 2.0.4
Сообщения: 421
Стаж: 13 лет 9 месяцев
Откуда: Москва
Благодарил (а): 52 раза
Поблагодарили: 75 раз
Контактная информация:

Re: phpBB Gallery: доработки

Сообщение ВладимирТ »

Вот оценки доделал, изображение оценок сп... позаимствовал с "горячо любимого сайта" :D , смотрится вот так, работает на ура, еще раз спасибо Татьяне!
Галерея.jpg
На вкус и цвет - разный CSS
Аватара пользователя
misterleks
phpBB 2.0.9
Сообщения: 715
Стаж: 13 лет 7 месяцев
Откуда: Великий Новгород
Благодарил (а): 103 раза
Поблагодарили: 38 раз
Контактная информация:

Re: phpBB Gallery: доработки

Сообщение misterleks »

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

Re: phpBB Gallery: доработки

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

phpBB Gallery: доработки - здесь я все переворачивал...скачай и посмотри что и как...
В стиле используется класс рулеса...
Аватара пользователя
misterleks
phpBB 2.0.9
Сообщения: 715
Стаж: 13 лет 7 месяцев
Откуда: Великий Новгород
Благодарил (а): 103 раза
Поблагодарили: 38 раз
Контактная информация:

Re: phpBB Gallery: доработки

Сообщение misterleks »

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

Re: phpBB Gallery: доработки

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

viewimage_body.html
От

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

<!-- IF not S_IS_BOT and (S_ALLOWED_TO_RATE or S_ALLOWED_TO_COMMENT) -->
    <!-- BEGIN commentrow -->
до

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

	</div>
<!-- END commentrow -->
Вывод комментов...

В это блок ввода комментов:

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

<form id="postform" action="{S_COMMENT_ACTION}" method="post">
<div class="panel">
<span class="corners-top"></span>
тут букавы много-много...
		{S_FORM_TOKEN}
</form>	
<!-- ENDIF -->
Fazan
phpBB 1.4.2
Сообщения: 61
Стаж: 16 лет
Благодарил (а): 2 раза
Контактная информация:

Re: phpBB Gallery: доработки

Сообщение Fazan »

Подскажите пожалуйста ответы на несколько вопросов:
1. Почему

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

ВНИМАНИЕ!!! НЕ РАЗМЕЩАЙТЕ ИЗОБРАЖЕНИЯ В СВОИХ ОСНОВНЫХ ПЕРСОНАЛЬНЫХ АЛЬБОМАХ!!! СОЗДАВАЙТЕ В СВОЕМ АЛЬБОМЕ ДОПОЛНИТЕЛЬНЫЕ ПОД-АЛЬБОМЫ!!! НЕ ЗАБЫВАЙТЕ ДЕЛАТЬ ОПИСАНИЯ СВОИМ АЛЬБОМАМ!!! ОБЩИХ АЛЬБОМОВ ФОРУМА ДАННОЕ ПРАВИЛО НЕ КАСАЕТСЯ!!!
2. а) Можно ли каким-то образом создавать пользователю вложенный альбом автоматически при создании основного альбома?
2. б) как администратору можно добавить пользователю вложенный альбом
3. не могу найти где изменить цвет фона в "Индивидуальная страница изображения в любом альбоме..."
Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 13 лет 11 месяцев
Откуда: Сергиев Посад
Благодарил (а): 374 раза
Поблагодарили: 727 раз
Контактная информация:

Re: phpBB Gallery: доработки

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

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

Re: phpBB Gallery: доработки

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

владимир1983 писал(а):надо бы довести локализацию до нормального вида, хотя бы убрать капс.
По мойму я писал что данную фразу легко заменить на свою... Заканчиваю обновленный перевод - уберу...
Fazan писал(а):1. Почему
Потому что основной альбом не модерируется...А подальбомы - запросто...и можно наводит в них порядок, ежель чего...

Добавлено спустя 2 минуты 51 секунду:
Fazan писал(а):2. а) Можно ли каким-то образом создавать пользователю вложенный альбом автоматически при создании основного альбома?
Можно...у Pazh есть данная разработка авто создания подальбомов... Пишите к нему
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 12372
Стаж: 12 лет 7 месяцев
Благодарил (а): 223 раза
Поблагодарили: 3517 раз
Контактная информация:

Re: phpBB Gallery: доработки

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

Рейтинг звёздочками с отправкой без перезагрузки страницы (на jQuery)
старая инструкция, v. 0.0.0 
Сделано для 5, 10 и 20 звёздочек
2013-11-30_163053.jpg
2013-11-30_163053.jpg (9.11 КБ) 605 просмотров
language/ru/mods/gallery.php
Найти

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

	'YOUR_RATING'					=> 'Ваша оценка',
Добавить после

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

	'YOUR_VOTE_COUNTED'             => 'Ваш голос принят!',
styles/prosilver/template/overall_header.html
Найти Добавить до

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

<script src="http://malsup.github.com/jquery.form.js"></script>
(либо скачать этот скрипт на свой сервер и подключить)

styles/prosilver/template/gallery/comment_body.html
Найти

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

			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt><label>{L_YOUR_RATING}:</label></dt>
					<dd>
					<!-- IF .rate_scale -->
						<select name="rating">
						<!-- BEGIN rate_scale -->
							<!-- IF rate_scale.RATE_POINT == 1 --><option value="0">{L_DONT_RATE_IMAGE}</option><!-- ENDIF -->
							<option value="{rate_scale.RATE_POINT}">{rate_scale.RATE_POINT}</option>
						<!-- END rate_scale -->
						</select>
					<!-- ELSE -->
						{CONTEST_RATING}
					<!-- ENDIF -->
					</dd>
				</dl>
			<!-- ENDIF -->
Заменить на

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

			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt><label class="star-rating-label">{L_YOUR_RATING}:</label><span id="you_rating">&nbsp;</span></dt>
					<dd class="star-rating">
						<!-- IF .rate_scale -->
							<!-- BEGIN rate_scale -->
								<input type="radio" name="rating" value="{rate_scale.RATE_POINT}" /><i></i>
							<!-- END rate_scale -->
					<!-- ELSE -->
						{CONTEST_RATING}
					<!-- ENDIF -->
					
					<script type="text/javascript">
					// <![CDATA[
					$(document).ready(function(){
						var star = $('.star-rating :radio');
						var intervalID;
						
						$(star).mouseover(function(){
							$('#you_rating').stop().html(this.value);
							clearInterval(intervalID);
						}).mouseout(function(){
							if ($(star).is(':hidden')) {} else {
								intervalID=setTimeout(function() {
									$('#you_rating').html('');
								}, 2000);
							}
						});
						
						$(star).change(function(e){
							e.preventDefault();
							$('#postform').ajaxSubmit({
								target: '#output'
							});
							
							$('.star-rating').css('display', 'none'); 
							$('.star-rating-label').css('display', 'none'); 
							$('#you_rating').html("<span style=\"color: green;\">{L_YOUR_VOTE_COUNTED}</span>");
						});

					});
					// ]]>
					</script>
					</dd>				
				</dl>
			<!-- ENDIF -->
styles/prosilver/template/gallery/viewimage_body.html
Найти

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

			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt><label>{L_YOUR_RATING}:</label></dt>
					<dd>
						<!-- IF .rate_scale -->
							<select name="rating">
							<!-- BEGIN rate_scale -->
								<!-- IF rate_scale.RATE_POINT == 1 --><option value="0">{L_DONT_RATE_IMAGE}</option><!-- ENDIF -->
								<option value="{rate_scale.RATE_POINT}">{rate_scale.RATE_POINT}</option>
							<!-- END rate_scale -->
							</select>
							<!-- IF (not S_ALLOWED_TO_COMMENT or S_HIDE_COMMENT_INPUT) and .rate_scale -->
								<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
							<!-- ENDIF -->
						<!-- ELSE -->
							{CONTEST_RATING}
						<!-- ENDIF -->
					</dd>
				</dl>
			<!-- ENDIF -->
Заменить на

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

			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt><label class="star-rating-label">{L_YOUR_RATING}:</label><span id="you_rating">&nbsp;</span></dt>
					<dd class="star-rating">
						<!-- IF .rate_scale -->
							<!-- BEGIN rate_scale -->
								<input type="radio" name="rating" value="{rate_scale.RATE_POINT}" /><i></i>
							<!-- END rate_scale -->
							<!-- IF (not S_ALLOWED_TO_COMMENT or S_HIDE_COMMENT_INPUT) and .rate_scale -->
								<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
							<!-- ENDIF -->
					<!-- ELSE -->
						{CONTEST_RATING}
					<!-- ENDIF -->
					
					<script type="text/javascript">
					// <![CDATA[
					$(document).ready(function(){
						var star = $('.star-rating :radio');
						var intervalID;
						
						$(star).mouseover(function(){
							$('#you_rating').stop().html(this.value);
							clearInterval(intervalID);
						}).mouseout(function(){
							if ($(star).is(':hidden')) {} else {
								intervalID=setTimeout(function() {
									$('#you_rating').html('');
								}, 2000);
							}
						});
						
						$(star).change(function(e){
							e.preventDefault();
							$('#postform').ajaxSubmit({
								target: '#output'
							});
							
							$('.star-rating').css('display', 'none'); 
							$('.star-rating-label').css('display', 'none'); 
							$('#you_rating').html("<span style=\"color: green;\">{L_YOUR_VOTE_COUNTED}</span>");
						});

					});
					// ]]>
					</script>
					</dd>				
				</dl>
			<!-- ENDIF -->
styles/prosilver/theme/gallery.css
Найти

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

input.autowidth-gallery {
	width: 96%;
	max-width: 186px;
}
Добавить после (только 1 код):

5 звёздочек

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

/* Stars */
.star-rating {
	font-size: 0;
	white-space: nowrap;
	display: inline-block;
	width: 100px;
	height: 20px;
	overflow: hidden;
	position: relative;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating i {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 20%;
	z-index: 1;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating input {
	-moz-appearance: none;
	-webkit-appearance: none;
	opacity: 0;
	display: inline-block;
	width: 20%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}


.star-rating input:hover + i,
.star-rating input:checked + i {
	opacity: 1;
}
.star-rating i ~ i {
	width: 40%;
}
.star-rating i ~ i ~ i {
	width: 60%;
}
.star-rating i ~ i ~ i ~ i {
	width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
	width: 100%;
}
10 звёздочек

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

/* Stars */
.star-rating {
	font-size: 0;
	white-space: nowrap;
	display: inline-block;
	width: 200px;
	height: 20px;
	overflow: hidden;
	position: relative;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating i {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 10%;
	z-index: 1;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating input {
	-moz-appearance: none;
	-webkit-appearance: none;
	opacity: 0;
	display: inline-block;
	width: 10%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}


.star-rating input:hover + i,
.star-rating input:checked + i {
	opacity: 1;
}
.star-rating i ~ i {
	width: 20%;
}
.star-rating i ~ i ~ i {
	width: 30%;
}
.star-rating i ~ i ~ i ~ i {
	width: 40%;
}
.star-rating i ~ i ~ i ~ i ~ i {
	width: 50%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i{
	width: 60%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 70%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 90%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 100%;
}
20 звёздочек

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

/* Stars */
.star-rating {
	font-size: 0;
	white-space: nowrap;
	display: inline-block;
	width: 400px;
	height: 20px;
	overflow: hidden;
	position: relative;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating i {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 5%;
	z-index: 1;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating input {
	-moz-appearance: none;
	-webkit-appearance: none;
	opacity: 0;
	display: inline-block;
	width: 5%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}


.star-rating input:hover + i,
.star-rating input:checked + i {
	opacity: 1;
}
.star-rating i ~ i {
	width: 10%;
}
.star-rating i ~ i ~ i {
	width: 15%;
}
.star-rating i ~ i ~ i ~ i {
	width: 20%;
}
.star-rating i ~ i ~ i ~ i ~ i {
	width: 25%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i{
	width: 30%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 35%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 40%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 45%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 50%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 55%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 60%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 65%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 70%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 75%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 85%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 90%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 95%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 100%;
}
v.0.0.1
Сделано для 5, 10 и 20 звёздочек

language/ru/mods/gallery.php
Найти

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

	'RATING'						=> 'Оценок',
Добавить после

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

	'RATING_AJAX_STRINGS'           => ', ваша оценка:',
	'RATING_AJAX_STRINGS2'          => '(1 оценка, ваша оценка:',
Найти

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

	'YOUR_RATING'					=> 'Ваша оценка',
Добавить после

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

	'YOUR_VOTE_COUNTED'             => 'Ваш голос принят!',
styles/prosilver/template/overall_header.html
Найти Добавить до

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

<!-- IF SCRIPT_NAME == "image_page" or SCRIPT_NAME == "comment" -->
    <script src="http://malsup.github.com/jquery.form.js"></script>
<!-- ENDIF -->
(либо скачать этот скрипт на свой сервер и подключить)

styles/prosilver/template/gallery/comment_body.html
Найти

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

			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt><label>{L_YOUR_RATING}:</label></dt>
					<dd>
					<!-- IF .rate_scale -->
						<select name="rating">
						<!-- BEGIN rate_scale -->
							<!-- IF rate_scale.RATE_POINT == 1 --><option value="0">{L_DONT_RATE_IMAGE}</option><!-- ENDIF -->
							<option value="{rate_scale.RATE_POINT}">{rate_scale.RATE_POINT}</option>
						<!-- END rate_scale -->
						</select>
					<!-- ELSE -->
						{CONTEST_RATING}
					<!-- ENDIF -->
					</dd>
				</dl>
			<!-- ENDIF -->
Заменить на

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

			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt><label class="star-rating-label">{L_YOUR_RATING}:</label><span id="you_rating">&nbsp;</span></dt>
					<dd class="star-rating">
						<!-- IF .rate_scale -->
							<!-- BEGIN rate_scale -->
								<input type="radio" name="rating" value="{rate_scale.RATE_POINT}" /><i></i>
							<!-- END rate_scale -->
					<!-- ELSE -->
						{CONTEST_RATING}
					<!-- ENDIF -->
					
					<script type="text/javascript">
					// <![CDATA[
					$(document).ready(function(){
						var star = $('.star-rating :radio');
						var intervalID;
						
						$(star).mouseover(function(){
							$('#you_rating').stop().html(this.value);
							clearInterval(intervalID);
						}).mouseout(function(){
							if ($(star).is(':hidden')) {} else {
								intervalID=setTimeout(function() {
									$('#you_rating').html('');
								}, 2000);
							}
						});
						
						$(star).change(function(e){
							e.preventDefault();
							$('#postform').ajaxSubmit({
								target: '#output'
							});
							
							$('.star-rating').css('display', 'none'); 
							$('.star-rating-label').css('display', 'none'); 
							$('#you_rating').html("<span style=\"color: green;\">{L_YOUR_VOTE_COUNTED}</span>");
						});

					});
					// ]]>
					</script>
					</dd>				
				</dl>
			<!-- ENDIF -->
styles/prosilver/template/gallery/viewimage_body.html
Найти

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

<!-- IF S_IMAGE_REPORTED --><br /><br /><a href="{U_IMAGE_REPORTED}"><span class="error">{L_IMAGE_REPORTED}</span></a><!-- ENDIF -->
Добавить после

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

			<!-- IF S_ALLOWED_TO_RATE -->
				<dl style="font-size: 1.1em; padding-top: 10px;">
					<dt><label class="star-rating-label">{L_YOUR_RATING}:</label><span id="you_rating">&nbsp;</span></dt>
					<dd class="star-rating">
						<!-- IF .rate_scale -->
							<!-- BEGIN rate_scale -->
								<input type="radio" name="rating" value="{rate_scale.RATE_POINT}" /><i></i>
							<!-- END rate_scale -->
					<!-- ELSE -->
						{CONTEST_RATING}
					<!-- ENDIF -->
					
					<script type="text/javascript">
					// <![CDATA[
					$(document).ready(function(){
						var star = $('.star-rating :radio');
						var intervalID;
						
						$(star).mouseover(function(){
							$('#you_rating').stop().html(this.value);
							clearInterval(intervalID);
						}).mouseout(function(){
							if ($(star).is(':hidden')) {} else {
								intervalID=setTimeout(function() {
									$('#you_rating').html('');
								}, 2000);
							}
						});
						
						$(star).change(function(e){
							e.preventDefault(); // <-- important
							
							var jsrating = this.value;
							$('#rating').attr('value',jsrating);
							
							$('#postform').ajaxSubmit({
								target: '#output'
							});
							
							$('.star-rating').css('display', 'none'); 
							$('.star-rating-label').css('display', 'none'); 
							$('#you_rating').html("<span style=\"color: green;\">{L_YOUR_VOTE_COUNTED}</span>");
							
							var strRating = $("#count-rating").html();
							var countRating = 0;
							var done = false;
							
							var regexp1 = /(\d+\.\d+)\s\((\d+)/;
							var regexp2 = /(\d+)\s\((\d+)/;
							var letters = /\s[^\d]\D+[^\)]/;
							
							if ((rArray = regexp1.exec(strRating)) != null) {
								var meanRating = parseFloat(rArray[1]);
								var countRating = parseInt(rArray[2]);
								
								var countRatingNew = countRating + 1;
								var meanRatingNew = Math.round(10*(meanRating*countRating + parseInt(jsrating))/countRatingNew)/10;
								
								$("#count-rating").html(meanRatingNew + ' (*' + countRatingNew + ' ' + strRating.match(letters) + "{L_RATING_AJAX_STRINGS} " + jsrating + '*)');
								
								var done = true;
							}
							
							if(done != true)
							{
								if ((rArray = regexp2.exec(strRating)) != null) {
									var meanRating = parseInt(rArray[1]);
									var countRating = parseInt(rArray[2]);
									
									var countRatingNew = countRating + 1;
									var meanRatingNew = Math.round(10*(meanRating*countRating + parseInt(jsrating))/countRatingNew)/10;
									
									$("#count-rating").html(meanRatingNew + ' (' + countRatingNew + ' ' + strRating.match(letters) + "{L_RATING_AJAX_STRINGS} " + jsrating + ')');
									
									var done = true;
								}
							}
							
							if(done != true)
							{
								$("#count-rating").html(jsrating + " {L_RATING_AJAX_STRINGS2}  " + jsrating + ')');
							}
						});

					});
					// ]]>
					</script>
					</dd>				
				</dl>
			<!-- ENDIF -->
Найти

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

<dt><label>{L_RATING}:</label></dt>
Найти Заменить на

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

<dd id="count-rating">
Найти

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

			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt><label>{L_YOUR_RATING}:</label></dt>
					<dd>
						<!-- IF .rate_scale -->
							<select name="rating">
							<!-- BEGIN rate_scale -->
								<!-- IF rate_scale.RATE_POINT == 1 --><option value="0">{L_DONT_RATE_IMAGE}</option><!-- ENDIF -->
								<option value="{rate_scale.RATE_POINT}">{rate_scale.RATE_POINT}</option>
							<!-- END rate_scale -->
							</select>
							<!-- IF (not S_ALLOWED_TO_COMMENT or S_HIDE_COMMENT_INPUT) and .rate_scale -->
								<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
							<!-- ENDIF -->
						<!-- ELSE -->
							{CONTEST_RATING}
						<!-- ENDIF -->
					</dd>
				</dl>
			<!-- ENDIF -->
Заменить на

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

			<input type="hidden" name="rating" id="rating" />
styles/prosilver/theme/gallery.css
Найти

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

input.autowidth-gallery {
	width: 96%;
	max-width: 186px;
}
Добавить после (только 1 код):

5 звёздочек

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

/* Stars */
.star-rating {
	font-size: 0;
	white-space: nowrap;
	display: inline-block;
	width: 100px;
	height: 20px;
	overflow: hidden;
	position: relative;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating i {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 20%;
	z-index: 1;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating input {
	-moz-appearance: none;
	-webkit-appearance: none;
	opacity: 0;
	display: inline-block;
	width: 20%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}


.star-rating input:hover + i,
.star-rating input:checked + i {
	opacity: 1;
}
.star-rating i ~ i {
	width: 40%;
}
.star-rating i ~ i ~ i {
	width: 60%;
}
.star-rating i ~ i ~ i ~ i {
	width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
	width: 100%;
}
10 звёздочек

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

/* Stars */
.star-rating {
	font-size: 0;
	white-space: nowrap;
	display: inline-block;
	width: 200px;
	height: 20px;
	overflow: hidden;
	position: relative;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating i {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 10%;
	z-index: 1;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating input {
	-moz-appearance: none;
	-webkit-appearance: none;
	opacity: 0;
	display: inline-block;
	width: 10%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}


.star-rating input:hover + i,
.star-rating input:checked + i {
	opacity: 1;
}
.star-rating i ~ i {
	width: 20%;
}
.star-rating i ~ i ~ i {
	width: 30%;
}
.star-rating i ~ i ~ i ~ i {
	width: 40%;
}
.star-rating i ~ i ~ i ~ i ~ i {
	width: 50%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i{
	width: 60%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 70%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 90%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 100%;
}
20 звёздочек

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

/* Stars */
.star-rating {
	font-size: 0;
	white-space: nowrap;
	display: inline-block;
	width: 400px;
	height: 20px;
	overflow: hidden;
	position: relative;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating i {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 5%;
	z-index: 1;
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
	background-size: contain;
}


.star-rating input {
	-moz-appearance: none;
	-webkit-appearance: none;
	opacity: 0;
	display: inline-block;
	width: 5%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}


.star-rating input:hover + i,
.star-rating input:checked + i {
	opacity: 1;
}
.star-rating i ~ i {
	width: 10%;
}
.star-rating i ~ i ~ i {
	width: 15%;
}
.star-rating i ~ i ~ i ~ i {
	width: 20%;
}
.star-rating i ~ i ~ i ~ i ~ i {
	width: 25%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i{
	width: 30%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 35%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 40%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 45%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 50%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 55%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 60%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 65%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 70%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 75%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 85%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 90%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 95%;
}
.star-rating i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i ~ i{
	width: 100%;
}
Аватара пользователя
Пчелкин
phpBB 3.3.0
Сообщения: 11234
Стаж: 14 лет 2 месяца
Откуда: fotovideoforum.ru
Благодарил (а): 1782 раза
Поблагодарили: 1340 раз
Контактная информация:

Re: phpBB Gallery: доработки

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

А как сменить цвет фона не выделенных звездочек?... Фиребуг застрелился....

Добавлено спустя 1 минуту 55 секунд:
А...понял...ни как...он в коде скрипта вмурован

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

PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=
Добавлено спустя 2 минуты 1 секунду:
Татьяна5 писал(а):styles/prosilver/template/gallery/comment_body.html
Вот скока ставлю галереи так до сих пор и не врублюсь - а зачем в этом файле оценка? Там же их (оценок) никогда и не было - в комментах...

Добавлено спустя 3 минуты 32 секунды:
А исчезновение после нажатия помедленней можно? Шибко быстро исчезает...

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

Re: phpBB Gallery: доработки

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

Пчелкин писал(а):А как сменить цвет фона не выделенных звездочек?
Скопировать всё из url('') в адресную строку, сохранить .svg изображение
Перекрасить
Закодировать обратно через конвертер

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

url('data:image/svg+xml;base64,символы_что_выдаст_конвертер')
Добавлено спустя 15 минут 25 секунд:
Пчелкин писал(а):а зачем в этом файле оценка?
Эта страница появляется, если отправить пустой комментарий
Пчелкин писал(а):А исчезновение после нажатия помедленней можно?
Найти (в 2-х файлах)

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

$('.star-rating :radio').change(function(){
Заменить на

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

$('.star-rating :radio').delay(1000).change(function(){
1000 - задержка в миллисекундах
Аватара пользователя
Пчелкин
phpBB 3.3.0
Сообщения: 11234
Стаж: 14 лет 2 месяца
Откуда: fotovideoforum.ru
Благодарил (а): 1782 раза
Поблагодарили: 1340 раз
Контактная информация:

Re: phpBB Gallery: доработки

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

Татьяна5 писал(а):Скопировать всё из url('') в адресную строку, сохранить .svg изображение
Перекрасить
Закодировать обратно через конвертер
Класс!!!

Добавлено спустя 12 минут 50 секунд:
Хммм...
А.
1. Открываем страничку картинки где еще нет оценки...
2. Ставим оценку, улетает
3. Пишем коммент и нажимаем ОТПРАВИТЬ - тишина, нажимаем опять - тишина...
4. Рефлешим вкладку - там два коммента...
В.
1. .........
2. Не ставим оценку
3. Пишем коммент и нажимаем ОТПРАВИТЬ - улетает...перезагрузка - коммент на месте...
4. Ставим оценку - улетает
5. Рефлешим вкладку - коммент на месте и оценка на месте...

:oops: :oops: :oops:

Одним словом - после оценки не перегружается страница после отправки коммента...

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

<!-- INCLUDE gallery/gallery_header.html -->

    <h2 style="text-align: center; font: bold 30px Arial,sans-serif; color: #000066; text-shadow: 2px 2px 8px #3652ad;"><strong><i>{IMAGE_NAME}</i></strong></h2>
<!-- IF IMAGE_DESC -->
   	<h2 style="text-align: center; font: bold 20px Arial,sans-serif; color: #000066; text-shadow: 2px 2px 8px #3652ad;" ><strong><i>{IMAGE_DESC}</i></strong></h2>
<!-- ENDIF -->
	
<br />

<!-- IF S_QUICK_MOD -->
	<form method="post" action="{S_MOD_ACTION}">
	<fieldset class="quickmod" style="float: none; width: 100%;">
		<label for="quick-mod-select">{L_QUICK_MOD}:</label>
		<select name="action" id="quick-mod-select">
			<!-- IF S_QM_MOVE --><option value="images_move">{L_QUEUE_A_MOVE}</option><!-- ENDIF -->
			<!-- IF S_QM_EDIT --><option value="image_edit">{L_EDIT_IMAGE}</option><!-- ENDIF -->
			<!-- IF S_QM_STATUS -->
				<!-- IF not S_STATUS_UNAPPROVED --><option value="images_unapprove">{L_QUEUE_A_UNAPPROVE}</option><!-- ENDIF -->
				<!-- IF not S_STATUS_APPROVED --><option value="images_approve">{L_QUEUE_A_APPROVE}</option><!-- ENDIF -->
				<!-- IF not S_STATUS_LOCKED --><option value="images_lock">{L_QUEUE_A_LOCK}</option><!-- ENDIF -->
			<!-- ENDIF -->
			<!-- IF S_QM_DELETE --><option value="images_delete">{L_QUEUE_A_DELETE}</option><!-- ENDIF -->
			<!-- IF S_QM_REPORT and S_IMAGE_REPORTED --><option value="report_details">{L_READ_REPORT}</option><!-- ENDIF -->
		</select>
		<input type="submit" value="{L_GO}" class="button2" />
		{S_FORM_TOKEN}
	</fieldset>
	</form>
<!-- ENDIF -->


<div class="panel">
	<span class="corners-top"></span>
                	<div class="copyright">
                        <!-- IF S_IMAGE_REPORTED --> reported<!-- ENDIF -->
                 		<!-- IF UC_PREVIOUS --><p style="float: left; text-align: left;">{UC_PREVIOUS_IMAGE}<br />{UC_PREVIOUS}</p><!-- ENDIF -->
	                	<!-- IF UC_NEXT --><p style="float: right; text-align: right;">{UC_NEXT_IMAGE}<br />{UC_NEXT}</p><!-- ENDIF -->
	                	<div style="text-align: center; padding: 20px;">{UC_IMAGE}
	             		<!-- IF S_IMAGE_REPORTED --><br /><br /><a href="{U_IMAGE_REPORTED}"><span class="error">{L_IMAGE_REPORTED}</span></a><!-- ENDIF -->
                		</div>
 					</div>
	<span class="corners-bottom"></span>
</div>

	<div class="panel">
	<span class="corners-top"></span>
		<div class="postbody-gallery">
			<fieldset class="fields1 anti-postbody">
				<!-- IF CONTEST_RANK -->
				<dl class="column1">
					<dt><label>{L_CONTEST_RESULT}:</label></dt>
					<dd>{CONTEST_RANK}</dd>
				</dl>
				<!-- ENDIF -->
				<dl class="column2">
					<dt><label>{L_UPLOADED_ON_DATE}:</label></dt>
					<dd>{IMAGE_TIME}</dd>
				</dl>
				<!-- IF IMAGE_URL -->
				<dl class="column1">
					{L_IMAGE_URL}:<br />
					<input type="text" size="28" value="[hsimg]{IMAGE_URL}[/hsimg]" class="inputbox autowidth-gallery" onclick="this.focus();this.select();" />
				</dl>
				<!-- ENDIF -->
				<dl class="column2">
					<dt><label>{L_VIEWS}:</label></dt>
					<dd>{IMAGE_VIEW}</dd>
				</dl>
				<!-- IF S_BBCODE_ALLOWED -->
				<dl class="column1">
					{L_IMAGE_BBCODE}:<br />
					<input type="text" size="28" value="{IMAGE_BBCODE}" class="inputbox autowidth-gallery" onclick="this.focus();this.select();" />
				</dl>
				<!-- ENDIF -->
				<!-- IF S_VIEW_RATE -->
				<dl class="column2">
					<dt><label>{L_RATING}:</label></dt>
					<dd><!-- IF CONTEST_RESULT_HIDDEN -->{CONTEST_RESULT_HIDDEN}<!-- ELSE -->{IMAGE_RATING}<!-- ENDIF --><!-- IF S_YOUR_RATING --> ({L_YOUR_RATING}: {S_YOUR_RATING})<!-- ENDIF --></dd>
				</dl>
				<!-- ENDIF -->
			</fieldset>

			<!-- IF .exif_value -->
			<h3 class="anti-postbody">{L_EXIF-DATA}<!-- IF not S_VIEWEXIF --> - <a href="javascript: dE('exif_data_fieldset');">{L_SHOW_EXIF}</a><!-- ENDIF --></h3>
			<fieldset class="fields1 anti-postbody" id="exif_data_fieldset"<!-- IF not S_VIEWEXIF --> style="display: none;"<!-- ENDIF -->>
				<!-- BEGIN exif_value -->
					<dl class="<!-- IF exif_value.S_ROW_COUNT is even -->column1<!-- ELSE -->column2<!-- ENDIF -->">
						<dt><label>{exif_value.EXIF_NAME}:</label></dt>
						<dd>{exif_value.EXIF_VALUE}</dd>
					</dl>
				<!-- END exif_value -->
			</fieldset>
			<!-- ENDIF -->
	    	<!-- IF U_EDIT or U_DELETE or U_REPORT -->
			<ul class="profile-icons" style="float: right; text-align: right;" >
				<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EDIT --><li class="edit-icon"><a href="{U_EDIT}" title="{L_EDIT_IMAGE}"><span>{L_EDIT_IMAGE}</span></a></li><!-- ENDIF -->
				<!-- IF U_DELETE --><li class="delete-icon"><a href="{U_DELETE}" title="{L_DELETE_IMAGE}"><span>{L_DELETE_IMAGE}</span></a></li><!-- ENDIF -->
				<!-- IF U_REPORT --><li class="report-icon"><a href="{U_REPORT}" title="{L_REPORT_IMAGE}"><span>{L_REPORT_IMAGE}</span></a></li><!-- ENDIF -->
			</ul>
			<!-- ENDIF -->
		</div>

		<dl class="postprofile-gallery" id="profile_poster">
			<dt style="text-align: center;" >
				<!-- IF POSTER_AVATAR -->
					<!-- IF U_POSTER --><a href="{U_POSTER}">{POSTER_AVATAR}</a><!-- ELSE -->{POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
				<!-- IF not U_POSTER --><strong>{POSTER_FULL}</strong><!-- ELSE -->{POSTER_FULL}<!-- ENDIF -->
			</dt>
			<!-- IF S_PROFILE_FIELD1 -->
				<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
				<dd><strong>{PROFILE_FIELD1_NAME}:</strong> {PROFILE_FIELD1_VALUE}</dd>
			<!-- ENDIF -->

			<!-- BEGIN custom_fields -->
				<dd><strong>{custom_fields.PROFILE_FIELD_NAME}:</strong> {custom_fields.PROFILE_FIELD_VALUE}</dd>
			<!-- END custom_fields -->
		</dl>
		
	<span class="corners-bottom"></span>
	</div>

<!-- IF not S_IS_BOT and (S_ALLOWED_TO_RATE or S_ALLOWED_TO_COMMENT) -->
    <!-- BEGIN commentrow -->
<a id="comment_{commentrow.COMMENT_ID}"></a>
    <div class="panel">
	<span class="corners-top"></span>
	    	<div class="postbody">
				<!-- IF commentrow.U_DELETE or commentrow.U_EDIT or commentrow.U_INFO or commentrow.U_QUOTE -->
					<ul class="profile-icons">
						<!-- IF commentrow.U_EDIT --><li class="edit-icon"><a href="{commentrow.U_EDIT}" title="{L_EDIT_COMMENT}"><span>{L_EDIT_COMMENT}</span></a></li><!-- ENDIF -->
						<!-- IF commentrow.U_DELETE --><li class="delete-icon"><a href="{commentrow.U_DELETE}" title="{L_DELETE_COMMENT}"><span>{L_DELETE_COMMENT}</span></a></li><!-- ENDIF -->
						<!-- IF commentrow.U_INFO --><li class="info-icon"><a href="{commentrow.U_INFO}" title="{L_IP}" onclick="popup(this.href, 1100, 600); return false;"><span>{L_IP}</span></a></li><!-- ENDIF -->
						<!-- IF commentrow.U_QUOTE --><li class="quote-icon"><a href="{commentrow.U_QUOTE}" title="{L_QUOTE_COMMENT}"><span>{L_QUOTE_COMMENT}</span></a></li><!-- ENDIF -->
					</ul>
				<!-- ENDIF -->
				<p class="author"><a href="{commentrow.U_COMMENT}">{MINI_POST_IMG}</a>&nbsp;{L_POST_BY_AUTHOR} <strong>{commentrow.POST_AUTHOR_FULL}</strong> &raquo; {commentrow.TIME} </p>
				<div class="content">{commentrow.TEXT}</div>
			</div>	
			<dl class="postprofile-gallery" id="profile{commentrow.COMMENT_ID}">
                <dt style="text-align: center;" >
					<!-- IF commentrow.POSTER_AVATAR -->
						<!-- IF commentrow.U_POST_AUTHOR --><a href="{commentrow.U_POST_AUTHOR}">{commentrow.POSTER_AVATAR}</a><!-- ELSE -->{commentrow.POSTER_AVATAR}<!-- ENDIF --><br />
					<!-- ENDIF -->
					<!-- IF not commentrow.U_POST_AUTHOR --><strong>{commentrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{commentrow.POST_AUTHOR_FULL}<br /><!-- ENDIF -->
					<!-- IF commentrow.RANK_TITLE or commentrow.RANK_IMG -->{commentrow.RANK_IMG}<!-- ENDIF -->
				</dt>
 				<!-- IF commentrow.S_PROFILE_FIELD1 -->
					<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
					<dd><strong>{commentrow.PROFILE_FIELD1_NAME}:</strong> {commentrow.PROFILE_FIELD1_VALUE}</dd>
				<!-- ENDIF -->
				<!-- BEGIN custom_fields -->
					<dd><strong>{commentrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {commentrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
				<!-- END custom_fields -->
			</dl>
	<span class="corners-bottom"></span>
	</div>
<!-- END commentrow -->
	
<form id="postform" action="{S_COMMENT_ACTION}" method="post">
<div class="panel">
<span class="corners-top"></span>
	<div style="text-align: center;" >
	
		<h2 style="font: bold 20px Arial,sans-serif; color:#000066; text-shadow: 2px 2px 8px #3652ad;" ><strong><i><!-- IF S_ALLOWED_TO_RATE and S_ALLOWED_TO_COMMENT -->{L_COMMENTS_INDIV}<!-- ELSEIF S_ALLOWED_TO_COMMENT -->{L_POST_COMMENT}<!-- ELSE -->{L_RATE_IMAGE}<!-- ENDIF --></i></strong></h2>
		<fieldset id="comment-box" class="fields1">
			<!-- IF S_ALLOWED_TO_RATE -->
				<dl>
					<dt style="float: none; width: auto; text-align: center; font: bold 15px Arial,sans-serif;" ><label class="star-rating-label">{L_YOUR_RATING}:</label><span id="you_rating">&nbsp;</span></dt>
					<dd class="star-rating">
						<!-- IF .rate_scale -->
							<!-- BEGIN rate_scale -->
								<input type="radio" name="rating" value="{rate_scale.RATE_POINT}" /><i></i>
							<!-- END rate_scale -->
							<!-- IF (not S_ALLOWED_TO_COMMENT or S_HIDE_COMMENT_INPUT) and .rate_scale -->
								<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
							<!-- ENDIF -->
					<!-- ELSE -->
						{CONTEST_RATING}
					<!-- ENDIF -->
					
					<script>
					// <![CDATA[
					$(document).ready(function(){
							$('.star-rating :radio').delay(1000).change(function(){
							$('#you_rating').html(this.value);
						}).mouseout(function(){
							$('#you_rating').html('');
						});
						
						$('.star-rating :radio').change(function(){
							$('#postform').ajaxForm(function() {
								$('.star-rating').css('display', 'none'); 
								$('.star-rating-label').css('display', 'none'); 
								$('#you_rating').html("<span style=\"color: green;\">{L_YOUR_VOTE_COUNTED}</span>");
							});
							$('#postform').submit();
						});

					});
					// ]]>
					</script>
					</dd>				
				</dl>
			<!-- ENDIF -->
			
			<!-- IF S_ALLOWED_TO_COMMENT and not S_HIDE_COMMENT_INPUT -->
				<!-- IF not S_USER_LOGGED_IN -->
					<dl>
						<dt><label>{L_USERNAME}:</label></dt>
						<dd><input class="inputbox autowidth" type="text" name="username" maxlength="32" /></dd>
					</dl>
				<!-- ENDIF -->
				
				<!-- IF CAPTCHA_TEMPLATE -->
					<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
				<!-- ENDIF -->
 
	   	    	<!-- INCLUDE posting_buttons2.html -->
				
            	<!-- IF S_SMILIES_ALLOWED and .smiley -->
			    		<!-- BEGIN smiley --><a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a> <!-- END smiley -->
            	<!-- ENDIF -->
				
	            <h4>{L_SOVETS_GALERY}</h4>
		    	<h4>{L_COMMENT_LENGTH}</h4>
				
				<div id="message-box-2">
					<textarea name="message" id="message" rows="7" cols="76" tabindex="3" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" class="inputbox"></textarea>
				</div>
				<input style="padding-bottom: 3px; padding-top: 3px; vertical-align: middle;"type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
				
    </div>					
<span class="corners-bottom"></span>
</div>	
        </fieldset>
		<!-- ELSE IF S_HIDE_COMMENT_INPUT -->
			<!-- IF S_ALLOWED_TO_RATE --><hr class="dashed" /><!-- ENDIF -->
			{CONTEST_COMMENTS}
		<!-- ENDIF -->
		{S_FORM_TOKEN}
</form>	
<!-- ENDIF -->

<!-- IF not S_IS_BOT and (S_ALLOWED_TO_RATE or S_ALLOWED_TO_COMMENT) -->
<!-- IF S_ALLOWED_READ_COMMENTS -->
<a name="comments"></a>
<!-- IF not .commentrow or S_COMMENTS_DISABLED -->
	<div id="comments" class="panel">
		<div class="inner">
			<h5 style="text-align: center; font: bold 15px Arial,sans-serif; color:#000066; text-shadow: 2px 2px 8px #3652ad;" ><!-- IF S_COMMENTS_DISABLED -->{L_IMAGE_COMMENTS_DISABLED}<!-- ELSE -->{L_NO_COMMENTS}<!-- ENDIF --></h5>
		</div>
	</div>
<!-- ENDIF -->
<!-- IF .commentrow -->
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF -->
<br />
<p><a href="{U_RETURN_LINK}" class="left-box {S_CONTENT_FLOW_BEGIN}" accesskey="r">{L_RETURN_TO} {S_RETURN_LINK}</a></p>
<br />
<!-- INCLUDE overall_footer.html -->
Аватара пользователя
angst66
phpBB 3.0.0 RC1
Сообщения: 1469
Стаж: 12 лет 2 месяца
Благодарил (а): 86 раз
Поблагодарили: 149 раз

Re: phpBB Gallery: доработки

Сообщение angst66 »

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

Re: phpBB Gallery: доработки

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

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

Re: phpBB Gallery: доработки

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

Комментарии отправляются, цифры исчезают через 2 секунды, надпись что голос принят не исчезает до перезагрузки страницы

Заменить весь скрипт:

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

					<script type="text/javascript">
					// <![CDATA[
					$(document).ready(function(){
						var star = $('.star-rating :radio');
						var intervalID;
						
						$(star).mouseover(function(){
							$('#you_rating').stop().html(this.value);
							clearInterval(intervalID);
						}).mouseout(function(){
							if ($(star).is(':hidden')) {} else {
								intervalID=setTimeout(function() {
									$('#you_rating').html('');
								}, 2000);
							}
						});
						
						$(star).change(function(e){
							e.preventDefault();
							$('#postform').ajaxSubmit({
								target: '#output'
							});
							
							$('.star-rating').css('display', 'none'); 
							$('.star-rating-label').css('display', 'none'); 
							$('#you_rating').html("<span style=\"color: green;\">{L_YOUR_VOTE_COUNTED}</span>");
						});

					});
					// ]]>
					</script>
Закрыто

Вернуться в «Поддержка модов для phpBB 3.0.x»