Что нового

Рейтинг 10 звезд (1 Viewer)

Fronchez

Fronchez

Посетитель
Регистрация
9 Фев 2024
Сообщения
12
Реакции
9
Так как не нашёл данного хака для dle 17, решил выложить свои файлы.
Итак, начнем:
для начала нужно закинуть звездочки рейтинга по пути: templates/ваш шаблон/dleimages/
далее переходим в engine.css в своем шаблоне (или туда где хранятся стили рейтинга вашего шаблона),
меняем свои стили на эти (отредактируйте их под свой шаблон):
CSS:
/*--- RATING ---*/
.unit-rating{list-style: none;
    margin: 0;
    padding: 0;
    width: 170px;
    height: 17px;
    position: relative;
    background-image: url(../dleimages/star-gray.svg);
    display: inline-block;}
.unit-rating li{text-indent:-90000px;padding:0;margin:0;float:left}
.unit-rating li a{display:block;width:17px;height:17px;text-decoration:none;text-indent:-9000px;
z-index:17;position:absolute;padding:0;    transition: none!important;}
.unit-rating li a:hover{background-image: url(../dleimages/star-yellow.svg);z-index:2;left:0; transition: none!important;}
.unit-rating a.r1-unit{left:0}
.unit-rating a.r1-unit:hover{width:17px;    transition: none!important;}
.unit-rating a.r2-unit{left:17px;    transition: none!important;}
.unit-rating a.r2-unit:hover{width:34px;    transition: none!important;}
.unit-rating a.r3-unit{left:34px;    transition: none!important;}
.unit-rating a.r3-unit:hover{width:51px;    transition: none!important;}
.unit-rating a.r4-unit{left:51px;    transition: none!important;}
.unit-rating a.r4-unit:hover{width:68px;    transition: none!important;}
.unit-rating a.r5-unit{left:68px;    transition: none!important;}
.unit-rating a.r5-unit:hover{width:85px;    transition: none!important;}
.unit-rating a.r6-unit{left:85px;    transition: none!important;}
.unit-rating a.r6-unit:hover{width:102px;    transition: none!important;}
.unit-rating a.r7-unit{left:102px;    transition: none!important;}
.unit-rating a.r7-unit:hover{width:119px;    transition: none!important;}
.unit-rating a.r8-unit{left:119px;    transition: none!important;}
.unit-rating a.r8-unit:hover{width:136px;    transition: none!important;}
.unit-rating a.r9-unit{left:136px;    transition: none!important;}
.unit-rating a.r9-unit:hover{width:153px;    transition: none!important;}
.unit-rating a.r10-unit{left:153px;    transition: none!important;}
.unit-rating a.r10-unit:hover{width:170px;    transition: none!important;}
.unit-rating li.current-rating{position: absolute;
    height: 17px;
    background-image: url(../dleimages/star-yellow.svg);
    display: block;
    text-indent: -9000px;
    transition: none!important;
    z-index: 1;}
далее загружаем плагин через меню-утилиты-управление плагинами, и радуемся=)
Примерный вид:
2024 03 12 14 53 40

 
Последнее редактирование:
Выложу свою версию, только модуль без стилей и звезд.
Здесь добавлена schema разметка и новый тег для вывода в шаблоне количества голосов {rating_nums}.
 

Вложения

  • rating-10.xml.zip
    1.9 КБ · Просмотры: 8

Пользователи, просматривающие данную тему

Верх