Réduire la description complète plus/moins




Le script réduit le contenu d'un article complet et le révèle lorsque vous cliquez sur le lien > Plus. Et vice versa, lorsque vous cliquez sur > moins, cela masque une partie du contenu.

Installation :
1. Ajoutez des styles au fichier modèle CSS :
.full-desc{overflow:hidden;position:relative;transition:height .2s}
.text-less{margin-bottom:0!important}
.text-less:before{content:'';position:absolute;z-index:1;bottom:0;left:0;right:0;height:120px;pointer-events:none;background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%)}
.show-more{margin:0 0 20px;font-size:12px;font-weight:700}
.show-more span{display:inline-block;cursor:pointer;text-decoration:underline;color:#f0542e}


2. Insérez le code JS dans main.tpl au dessous de [/b] :
<script>
$(document).ready(function() {
$('.full-desc').ShortText({
  height: '200',
  text: 'Больше'
});
});

jQuery.fn.ShortText = function(e) {
var e = jQuery.extend({
  height: "200",
  text: "Plus"
}, e);
return this.each(function() {
  var i = $(this),
  t = i.height();
  t > e.height && i.addClass("full-desc text-less").height(e.height).after('<div class="show-more"><span>' + e.text + "</span></div>"), $(".show-more span").click(function() {
  var i = $(this),
  s = $(this).parent().prev(".full-desc");
  ah = parseInt(s.css("height"), 10), ah == t ? s.css({
  height: e.height
  }) : s.css({
  height: t
  }), i.text(i.text() == e.text ? "Moins" : e.text), s.toggleClass("text-less")
  })
})
};
</script>


[b]3.
Au bon endroit fullstory.tpl ajoutez :
<div class="full-desc clearfix">{full-story}</div>


Version DLE : 13.x-14.x
Auteur : redissx


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

Soutenez l'auteur
Tous les fonds collectés seront reversés à l'auteur de cet article - DarkLane
Merci d'avance!
Qui est en ligne
2 Visiteur(s)  sur le site!
Invité(s): 1
Robot(s) 1
Liste des utilisateurs
johndo73 il y a 10 min
miha il y a 33 min
Anton il y a 3 heure(s)
ahmede il y a 6 heure(s)
neelix il y a 6 heure(s)
y2734475 il y a 6 heure(s)
feniks il y a 8 heure(s)
lmozrkich il y a 10 heure(s)
siidsidou il y a 21 heure(s)
Populaires
    DLE Collections Nulled Dle  13.0 - 17.1
  • DLE Collections Nulled Dle 13.0 - 17.1
  • Le module de LazyDev organise un système de collections d'actualités sur divers sujets, dont vous pouvez optimiser les pages pour les moteurs
    DLE 17.1 Build 101 (Nulled FR)
  • DLE 17.1 Build 101 (Nulled FR)
  • 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
  • TimAnn Dle 16.x-17.x
  • «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
    Very Dle 17.x
  • Very Dle 17.x
  • Nous vous présentons un modèle de film adaptatif de haute qualité et magnifique Very pour DLE 17.0, 17.1. Solution unique pour votre blog de cinéma,
    Very Dle 15.x-16.x
  • Very Dle 15.x-16.x
  • Nous vous présentons un modèle de film adaptatif de haute qualité et magnifique Very pour DLE 15.x, 16.x. Solution unique pour votre blog de cinéma,
    Catalogue AJAX de Sander v.1.2
  • Catalogue AJAX de Sander v.1.2
  • Répertoire symbolique intelligent automatisé utilisant AJAX. Modules pour Dle 13.0-17.1
    Newsletter pour Datalife Engine 2.0
  • Newsletter pour Datalife Engine 2.0
  • Avec ce module pour DLE 15.x 17.x, vous pouvez facilement gérer et envoyer des abonnements à vos abonnés, les tenant informés des dernières mises à