Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.

DLE FAQ » Все вопросы » Хаки » Как оформить красочный рейтинг на DLE 14.0?

Как оформить красочный рейтинг на DLE 14.0?

RusPRO Все вопросы » Хаки 3132

вопрос

День добрый. Помогите, пожалуйста, установить раздельный рейтинг DLE. Уже месяц мучаюсь, никак сделать не могу, не получается у меня. Хочу вот такой рейтинг https://sandev.pro/web/86-rasshirenie-funkcionala-standartnogo-reytinga-nravitsya-ne-nravitsya.html

DLE 14.0

Всем спасибо!

Ответа пока нет

7 комментариев

Юзер

RusPRO - - #76669

Также можете посоветовать рейтинг, который красивее представленного (по ссылке выше).

Юзер

587

deadluk - - #76670

выберете 4 тип рейтинга в настройках скрипта, тогда будут лойсы и дизлойсы

в шаблоне fullstory.tpl должен быть вывод этого рейтинга

[rating][rating-type-4]
<div class="rate_like-dislike">
	<span class="ratingtypeplusminus ignore-select ratingplus">{likes}</span>
	[rating-plus]
	<span title="Нравится">
		<svg class="icon icon-like">
			<use xlink:href="#icon-like"></use>
		</svg>
	</span>
	[/rating-plus]
	<span class="ratingtypeplusminus ratingminus ignore-select">{dislikes}</span>
	[rating-minus]
	<span title="Не нравится">
		<svg class="icon icon-dislike">
			<use xlink:href="#icon-dislike"></use>
		</svg>
	</span>
	[/rating-minus]
</div>
[/rating-type-4][/rating]

читайте доки движка, ознакомьтесь с этим dle-doc.ru - тут не вся инфа.

Юзер

RusPRO - - #76687

deadluk, сделал так. под видео (на скриншоте) теперь стоят невидимые большие значки лайка и дизлайка и количество лайкнувших и дизлайкнувших (по нулям). Что не так?

Юзер

587

deadluk - - #76688

не так то, что это пустые svg. Вам нужно ознакомится с форматом векторной графики svg, есть уйму статей как его использовать на сайте, так же можете использовать шрифты-иконок, обо всём этом есть много инфы в свободном доступе. стоит начать изучение css + html - тоже полно инфы.

тот код я выдрал из оригинального шаблона. можете ознакомится с ним, будет полезно.

Юзер

RusPRO - - #76689

deadluk, если ссылку на сайт дам, сможешь помощь?

Юзер

587

deadluk - - #76690

пробуй

html


[rating][rating-type-4]
<div class="main-sliders-rate ignore-select">
	[rating-plus]
		<span>
			<svg viewBox="61.9 84.9 200.8 194.4">
				<path d="M237,146c-4-0.8-8.8-0.8-11.2-0.8h-41V98.6c0-8-6.4-13.7-13.7-13.7h-19.3c-7.2,0-12.9,4.8-15.3,11.2l-11.2,47.4c0,0.8-1.6,3.2-1.6,3.2l-19.3,20.1c0,0-0.8,0.8-0.8,1.6c-0.8,0-1.6,0.8-1.6,0.8H78.8c-8.8,0-16.9,5.6-16.9,14.5v61c0,8.8,8,16.1,16.9,16.1h23.3c1.6,0,3.2-0.8,4.8-0.8l16.1,13.7c4,3.2,9.6,5.6,14.5,5.6h72.3c39.4,0,53-31.3,53-57v-41.8C261.1,158,245.8,148.4,237,146z M81.2,186.9h18.5v56.2H81.2L81.2,186.9L81.2,186.9z M243.4,222.3c0,11.2-3.2,36.9-34.5,36.9h-72.3c-0.8,0-2.4-0.8-2.4-0.8l-16.1-12.9v-0.8v-61v-1.6c0-0.8,0-1.6,0.8-1.6l19.3-20.1c3.2-3.2,5.6-7.2,6.4-11.2l10.4-44.2h9.6v43.4c0,8,7.2,14.5,15.3,14.5h45c2.4,0,5.6,0,6.4,0.8c1.6,0.8,10.4,4,10.4,16.1C243.4,180.5,243.4,222.3,243.4,222.3z"></path>
			</svg>
			{likes}
		</span>
	[/rating-plus]
	[rating-minus]
		<span>
			<svg viewBox="97.6 84.8 200.8 194.4">
				<path d="M298.4,183.6v-41.8c0-25.7-12.9-57-53-57h-72.3c-4.8,0-10.4,2.4-14.5,5.6l-16.1,13.7c-1.6-0.8-3.2-0.8-4.8-0.8h-23.3c-8.8,0-16.9,7.2-16.9,16.1v61c0,8.8,8,14.5,16.9,14.5h23.3c0.8,0,1.6,0.8,1.6,0.8s0,0.8,0.8,1.6l19.3,20.1c0.8,0.8,1.6,2.4,1.6,3.2l11.2,47.4c1.6,6.4,8,11.2,15.3,11.2h19.3c7.2,0,13.7-5.6,13.7-13.7v-45.8h41c2.4,0,7.2,0,11.2-0.8C283.1,215.7,298.4,206.1,298.4,183.6z M118.5,120.2H137v56.2h-18.5V120.2z M279.9,183.6c0,12.9-8.8,16.1-10.4,16.1c-1.6,0-4,0.8-6.4,0.8h-45c-8,0-15.3,6.4-15.3,14.5v43.4h-11.2l-10.4-44.2c-0.8-4-4-8-6.4-11.2l-19.3-20.1l-0.8-1.6v-1.6v-61v-0.8l16.1-12.9c0.8,0,1.6-0.8,2.4-0.8h72.3c31.3,0,34.5,25.7,34.5,36.9V183.6z"></path>
			</svg>
			{dislikes}
		</span>
	[/rating-minus]
</div>
[/rating-type-4][/rating]

css


.main-sliders-rate {
	height: 42px;
}

.main-sliders-rate a {
	position: relative;
	display: block;
	width: 50%;
	height: 42px;
	float: left;
	/*text-indent: 44px;*/
	line-height: 42px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.main-sliders-rate a span {
	position: relative;
	display: block;
	width: 20px;
	margin: 0 auto;
	padding-left: 14px;
}

.main-sliders-rate a svg {
	position: absolute;
	width: 18px;
	height: 17px;
}

.main-sliders-rate a:nth-of-type(1) {
	background: #f5f7f5;
	color: #71ce3f;
}

.main-sliders-rate a:nth-of-type(1):hover {
	background: #71ce3f;
	color: #FFF;
}

.main-sliders-rate a:nth-of-type(1) svg {
	fill: #70cd3f;
	top: 12px;
	left: -10px;
}

.main-sliders-rate a:nth-of-type(1):hover svg {
	fill: #FFF;
}

.main-sliders-rate a:nth-of-type(2) {
	background: #e7e5e5;
	color: #ba3636;
}

.main-sliders-rate a:nth-of-type(2):hover {
	background: #b93636;
	color: #FFF;
}

.main-sliders-rate a:nth-of-type(2) svg {
	fill: #ba3636;
	top: 14px;
	left: -10px;
}

.main-sliders-rate a:nth-of-type(2):hover svg {
	fill: #FFF;
}

Юзер

RusPRO - - #76691

deadluk, все отлично заработало. Спасибо тебе большое.

Puxlik | Telegram Sender ¹³

Puxlik
Telegram Sender

Версию 17.1 поддерживает ?
TeraMoune | Не загружается изображение [Ошибка HTTP] ... ²

TeraMoune
Не загружается изображение [Ошибка HTTP]. Как исправить?

В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
RedFox | Не загружается изображение [Ошибка HTTP] ... ²

RedFox
Не загружается изображение [Ошибка HTTP]. Как исправить?

"Некоторые картинки загружаются, но большинство нет."

Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
post_max_size = 100M
upload_max_filesize = 100M
max_file_uploads = 20

Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
LMakc | Модуль читалка pdf ¹

LMakc
Модуль читалка pdf

Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
ssssss | Сделать подсчет количества символов в ко ... ⁵

ssssss
Сделать подсчет количества символов в комментариях

Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
alex.sg.spb | Как вывести информацию о обновлении ново ... ⁸

alex.sg.spb
Как вывести информацию о обновлении новости, но на время?

вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Спасибо огромное. Этот вариант самый простой и рабочий!

derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

К черту htaccess давайте проще

к href добавьте id="xfield_value"

<a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

И добавьте скрипт обработчик

<script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>

Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Так сайт не работает вообще. Браузер выдает такое

Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
Попробуйте удалить файлы cookie.

ERR_TOO_MANY_REDIRECTS

Куки чистил не помогает
derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

Попробуйте так
RewriteEngine On
RewriteCond %{REQUEST_URI} %20
RewriteRule (.*)%20(.*) $1+$2 [N]
RewriteRule (.*) $1 [R=301,L]

наверх

Технический сбой

Как оформить красочный рейтинг на DLE 14.0?

Ответа пока нет

7 комментариев

Похожие вопросы

Цифровой рейтинг с количеством плюсов и минусов

Как сделать цифровой рейтинг новости

Рейтинг, как вывести словом или одним изображением

Цифровой рейтинг новостей DLE 9.6 - 9.7

рейтинг новостей не обновляется

Не работает рейтинг,как исправить?

Вывод картинки при отключении рейтинга?

Как отсортировать новости по рейтингу и дате?

Как сделать рейтинг 5 звезд с выводом количества голосований?

Как сделать комментарий спойлером, если рейтинг минусовой?