slivator Posted March 13 Share Posted March 13 Ну, давайте приведем это к более читабельному виду и добавим немного креативности: Установка: 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. Загружаем плагин через меню-утилиты-управление плагинами, и радуемся=) Чтобы просмотреть скрытый контент, вам необходимо:• Зарегистрироваться или Авторизоваться на форуме! Примерный вид: Quote Link to comment Share on other sites Зарегистрироваться или Авторизоваться на форуме! Примерный вид: ' data-webShareUrl='https://slivator.info/topic/32-rejting-10-zvezd/?do=findComment&comment=46'>More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.