Evaluation 10 étoiles Dle 16.0

04 Fev, 2023

55 Vues

0 Commentaires

Evaluation 10 étoiles Dle 16.0


Voici un Hack pour changer l'évaluation 5 étoiles en 10 etoiles pour Dle 16.0

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: 16.0


Ajouter un commentaire

Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués *

Information

Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.

Sondage important
Quel version DataLife utilisez vous?

De mon avis perso, depuis la version 16.0 de Dle, vous n'êtes pas obligé de mettre à jour votre version. Depuis Dle 18.x avec l'intégration de l'IA la mise à jour n'a plus d'intêrets!!