Evaluation 10 étoiles Dle 15.x

Lundi 9 Janvier, 2023 18:59

42 Vues

0 Commentaires



Voici un Hack pour changer l'évaluation 5 étoiles en 10 etoiles pour Dle 15.x Ce hack était pour dle 11.x13.0. Je ne sais pas si cela fonctionne avec les version Dle 14.x

Installation
Envoyez le dossier deleimages dans votre thèmes
Importez le plugin via le gestionnaire de plugin dans l'administration

Ouvrez le fichier templates/votre_theme/style/engine css et cherchez
.rating {
    height: 17px;
    font-size: .9em;
    padding: 2px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.unit-rating,
.unit-rating li a:hover,
.unit-rating li.current-rating {
    background: url(../dleimages/rating.png)
}

.unit-rating {
    margin: 0;
    padding: 0;
    width: 80px;
    height: 17px;
    overflow:hidden;
    position: relative;
    background-repeat: repeat-x;
    background-position: 0 0
}

.unit-rating li {
    text-indent: -90000px;
    padding: 0;
    margin: 0;
    float: left
}

.unit-rating li a,
.unit-rating li.current-rating {
    position: absolute;
    height: 17px;
    display: block;
    text-indent: -9000px
}

.unit-rating li a {
    width: 17px;
    text-decoration: none;
    z-index: 17;
    padding: 0
}

.unit-rating li a:hover {
    background-position: 0 -17px!important;
    z-index: 2;
    left: 0
}

.unit-rating a.r1-unit {
    left: 0
}

.unit-rating a.r1-unit:hover {
    width: 17px
}

.unit-rating a.r2-unit {
    left: 17px
}

.unit-rating a.r2-unit:hover {
    width: 34px
}

.unit-rating a.r3-unit {
    left: 34px
}

.unit-rating a.r3-unit:hover {
    width: 51px
}

.unit-rating a.r4-unit {
    left: 51px
}

.unit-rating a.r4-unit:hover {
    width: 68px
}

.unit-rating a.r5-unit {
    left: 68px
}

.unit-rating a.r5-unit:hover {
    width: 85px
}

.unit-rating li.current-rating {
    background-position: 0 -34px!important;
    z-index: 1
}


Remplacez le tout par
.rating {
     color: black;
     display: block;
     font-size: 10px;
     font-family: tahoma;
     height: 54px;
     margin: 0;
     font-weight: bold;
     width: 264px
 }

 .unit-rating {
     list-style: none;
     margin: 0 auto;
     padding: 0;
     width: 264px;
     height: 27px;
     position: relative;
     background-image: url(../dleimages/ratingv.png);
     background-position: 0 -54px;
     background-repeat: repeat-x
 }

 .unit-rating li {
     text-indent: -90000px;
     padding: 0;
     margin: 0;
     float: left
 }

 .unit-rating li a {
     display: block;
     width: 26.4px;
     height: 27px;
     text-decoration: none;
     text-indent: -9000px;
     z-index: 17;
     position: absolute;
     padding: 0
 }

 .unit-rating li a:hover {
     background-image: url(../dleimages/ratingv.png);
     background-position: 0 -27px;
     z-index: 2;
     left: 0
 }

 .unit-rating a.r1-unit {
     left: 0
 }

 .unit-rating a.r1-unit:hover {
     width: 26.4px
 }

 .unit-rating a.r2-unit {
     left: 26.4px
 }

 .unit-rating a.r2-unit:hover {
     width: 52.8px
 }

 .unit-rating a.r3-unit {
     left: 52.8px
 }

 .unit-rating a.r3-unit:hover {
     width: 79.2px
 }

 .unit-rating a.r4-unit {
     left: 79.2px
 }

 .unit-rating a.r4-unit:hover {
     width: 105.6px
 }

 .unit-rating a.r5-unit {
     left: 105.6px
 }

 .unit-rating a.r5-unit:hover {
     width: 132px
 }

 .unit-rating a.r6-unit {
     left: 132px
 }

 .unit-rating a.r6-unit:hover {
     width: 158.4px
 }

 .unit-rating a.r7-unit {
     left: 158.4px
 }

 .unit-rating a.r7-unit:hover {
     width: 184.8px
 }

 .unit-rating a.r8-unit {
     left: 184.8px
 }

 .unit-rating a.r8-unit:hover {
     width: 211.2px
 }

 .unit-rating a.r9-unit {
     left: 211.2px
 }

 .unit-rating a.r9-unit:hover {
     width: 237.6px
 }

 .unit-rating a.r10-unit {
     left: 237.6px
 }

 .unit-rating a.r10-unit:hover {
     width: 264px
 }

 .unit-rating li.current-rating {
     background-image: url(../dleimages/ratingv.png);
     background-position: 0 0;
     position: absolute;
     height: 27px;
     display: block;
     text-indent: -9000px;
     z-index: 1
 }

 .rating_digits {
     font-size: 12px;
     line-height: 9px;
     height: 26px;
     width: 334px
 }

 .rating_digits div {
     display: inline-block
 }

 .rating_digits_1 {
     margin: 0;
     padding: 10px 0 0 0;
     color: #4a4a4a;
     height: 10px
 }

 .rating_digits_2 {
     margin: 0;
     padding: 10px 0 0 20px;
     color: #4a4a4a;
     height: 10px
 }


Voila c'est fini!

Modification par: DarkLane
Version Dle: 15.0, 15.1, 15.2, 15.3


DarkLane

Rédacteur de l'article

A propos

Signature

N'importe qui peut critiquer.
Créer quelque chose qui sera critiqué n'est pas donné à tout le monde.

Information

Les visiteurs appartenant au groupe Invités ne peuvent pas laisser de commentaires sur cette publication.

Votre météo
Suivez-nos

Rejoignez-nous sur @SocialPlatforms