бесплатно Рейтинг 10 звезд

[slivator]

Ну, давайте приведем это к более читабельному виду и добавим немного креативности:

Установка:
1. Закинуть звездочки рейтинга по лдедующем пути: templates/ваш шаблон/dleimages/.

2. Теперь переходим engine.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;}

3. Загружаем плагин через меню-утилиты-управление плагинами, и радуемся=)

Чтобы просмотреть скрытый контент, вам необходимо:
• Зарегистрироваться или Авторизоваться на форуме!

Примерный вид: