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
614

Remerciement: 2

Soutenez le site

Tous les fonds collectés seront reversés afin de garder le site et de vous proposer toujuour autant de modules et templates

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

FancyBox pour DLE 15.2 - 15.3

2022-11-20

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

2022-05-23

Lite YouTube Embed

2021-11-24

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
Templates par genre
Templates par version
F.A.Q
- Pour les nuls
- F.A.Q. sur DataLife Engine
Documentation
Dle-Forum
Webmaster

Qui est en ligne

4 Visiteur(s) sur le site!

Invité(s): 2

Robot(s) 2

Liste des utilisateurs

studiogb il y a 29 min

heyula il y a 2 heure(s)

zatch01 il y a 2 heure(s)

DarkLane il y a 3 heure(s)

aced il y a 10 heure(s)

Afficher tous

Statistiques

Nombre total d'articles: 562

Total des commentaires: 293

Utilisateurs: 773

Statistiques complètes

Populaire

RelaxTube v.2 Sombre Dle 17.0-17.1-17.2^2024-07-25
RelaxTube v.2 est un modèle pour les sites et les pages Web pour ceux qui offrent à leurs utilisateurs du contenu chaud dans la catégorie

PenBlog Dle 17.2^2024-07-18
Nous vous présentons le modèle de blog adaptatif PENBLOG pour DLE 17.2 de bonne qualité, réalisé dans des couleurs claires avec la possibilité de

PenBlog Dle 14.x - 17.1^2024-07-18
Nous vous présentons le modèle de blog adaptatif PENBLOG pour DLE 14.x - 17.1 de bonne qualité, réalisé dans des couleurs claires avec la

AnixArt pour dle 17.2^2024-07-14
Anixart est un modèle de site Web unique inspiré de la célèbre application du même nom. Il offre la possibilité de créer des designs étonnants et

AnixArt pour dle 17.0-17.1^2024-07-13
Anixart est un modèle de site Web unique inspiré de la célèbre application du même nom. Il offre la possibilité de créer des designs étonnants et

Commentaires

DataLife v.17.2 Build 102

Il n'y a pas ce fichier dans la distribution en téléchargement sur le site.

IframePlayer 6.2 : générer des listes de lecture vidéo

comment je peux transformer source-7-dubbing-1-series-1.html vers saison-7-langue-1-episode-1.html merci d'avance

DataLife v.17.2 Build 102

Check file engine\ajax\js.php. Hacker can attact file, this is not DLE files Check file engine\ajax\js.php. Hacker can attact file, this is not DLE

Movie Reader v2.0 DLE 14.x-16.0 [Update]

Il faut l'essayer surDle 17.0 et voir comment il réagit

IframePlayer 6.3 dle17.0 : générer des listes de lecture vidéo

Doesn't work with PHP 8 why there's a solution