Like comme sur youtube

Voici un hack pour DLE afin d'avoir une belle note comme sur youtube sans éditer le moteur. Le hack est facile à installer dans le template.

Remplace la note DLE like-dislike standard, est visuellement spectaculaire et la transforme en un look intéressant sur l'exemple d'une note Youtube. La méthode d'installation n'affecte en rien les fichiers du moteur, est entièrement compatible avec n'importe quelle version, en fait, et utilise toutes les fonctionnalités DLE standard.

Installation

Afficher / masquer le texte

Ouvrez le fichier main.tpl de votre thème cherchez

</head>

et ajoutez au dessus

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<script src="https://use.fontawesome.com/fe271d92aa.js"></script>
<script defer type="text/javascript" src="{THEME}/js/new_rating.js"></script>

Ouvrez le fichier style de votre thème et ajoutez tout en bas

/*new_rating*/
.frate {height:40px; line-height:24px; width:180px; position:relative; opacity:0;
display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.frate.done {opacity:1;}
.rate-data {display:none;}
.rate-plus, .rate-minus {cursor:pointer;}
.frate .fa {color:#3c0; display:inline-block; vertical-align:top; font-size: 24px; margin-right:10px;}
.rate-minus .fa {color:#f20404; position: relative;}
.frate div:hover .fa {animation: bounceRate  0.3s infinite linear; animation-direction: alternate;}
.rbar {height:6px; overflow:hidden; background-color:#f20404; border-radius:3px; position:absolute; left:0; bottom:0; width:100%;}
.rfill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#3c0; transition:width 1s linear;}
.rate-perc {font-size: 18px; font-weight: 700;}
.rate-perc.high {color:#3c0;}
.rate-perc.low {color:#f20404;}
	@keyframes bounceRate {
  from {transform: translate(0,0%);}
  to {transform: translate(0,-50%);}
}

Maintenant ce qui suis est une expliquation certain thème personnalisez ont ceci

[rating-type-1]
Le code rating à l'interieur
[/rating-type-1]
[rating-type-2]
Le code rating à l'interieur
[/rating-type-2]
[rating-type-3]
Le code rating à l'interieur
[/rating-type-3]

Donc suivant ce que vous avez
ajoutez dans shortsory.tpl et fullstory.tpl (si rien ne s'affiche remplacez type-1 par type-2 ou type-3)

[rating-type-1]<div class="frate ignore-select" id="frate-{news-id}">
				<div class="rate-plus" id="pluss-{news-id}" onclick="doRateLD('plus', '{news-id}');"><span class="fa fa-thumbs-up"></span><span class="rcount">{likes}</span></div>
				<div class="rate-minus" id="minuss-{news-id}" onclick="doRateLD('minus', '{news-id}');"><span class="fa fa-thumbs-down"></span><span class="rcount">{dislikes}</span></div>
				<div class="rate-data">{rating}{vote-num}</div>
			</div>[/rating-type-1]

Et pour finir téléchargez le fichier rar et envoyez dans le bon thème

Informations

Les visiteurs du groupe Invités ne peuvent pas télécharger de fichiers sur le site.
Connectez-vous au site avec votre identifiant et mot de passe ou si vous êtes un nouvel utilisateur suivez le processus d'inscription sur le site.

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

DarkLane
Hacks
2020-05-10
599

Remerciement: 1

Soutenez l'auteur

Tous les fonds collectés seront reversés à l'auteur de cet article - DarkLane

FancyBox pour DLE 1.0.1

2021-07-12

Remplacement de la fenêtre DLEalert par Toast

2023-12-02

Fix DLE SEASON V2 - Lecteur vidéo avec les saisons

2022-03-03

Lite YouTube Embed

2021-11-24

FancyBox pour DLE 15.2 - 15.3

2022-11-20

Update Module Honor 2.0 pour dle 14.x-15.x

2022-05-23

Slider carrousel pour DLE

2023-08-15

DLE chargement page ajax de type modal

2020-12-26

Simple Chatbot 1.0

2022-10-06

Information

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

DataLife engine
- cms 18
- themes 238
- modules 168
- Hacks 61
Dle_Forum
BulletShare Forum
Documentation
Webmaster

Qui est en ligne

2 Visiteur(s) sur le site!

Invité(s): 2

Liste des utilisateurs

elegance il y a 1 heure(s)

Statistiques

Nombre total d'articles: 588

Total des commentaires: 297

Utilisateurs: 727

Statistiques complètes

Populaires

DLE 17.1 Build 101 (Nulled FR)^2024-04-07
Nous vous présentons une nouvelle version de notre script DataLife Engine v.17.1. Dans cette version, vous pourrez créer des plans de site améliorés

TimAnn Dle 16.x-17.x^2024-03-28
«Le modèle est un chef-d'œuvre de conception et de fonctionnalité, développé en tenant compte de toutes les normes modernes de beauté et de

Catalogue AJAX de Sander v.1.2^2024-03-30
Répertoire symbolique intelligent automatisé utilisant AJAX. Modules pour Dle 13.0-17.1

Commentaires

Dle Filter v2.6.0 Nulled French dle 13.0-16.1

Doesn't search by additional fields

Dle Forum V.4.0.1 [Correction]

Je suis d'accord, le forum fonctionne sans problème. Je l'ai installé sur DLE 15.2 et 16. Il fonctionne très bien. Merci beaucoup d'avoir consacré

Dle Filter v2.5.0 Nulled French dle 14.0-16.0

oui sur votre theme tdlefr-blue les liens sur relatednews s'affiche comme ça : templatedlefr.fr/2022/11/25/%7Blink%7D

Dle Filter v2.6.0 Nulled French dle 13.0-16.1

/admin.php?mod=dle_filter&action=fields

Dle Filter v2.5.0 Nulled French dle 14.0-16.0

Si tu parles de mon thème du site la balise est bien {link} dans le fichier relatednews.tpl. Autrement je vois pas de quoi tu parles