Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment :
Smartphone Redmi Note 10 Pro Officiel 64 Go à ...
Voir le deal
163.93 €

 

 [PHPBB2] Limiter la hauteur des sujets

Aller en bas 
5 participants
AuteurMessage
fascicularia
Milouzien

fascicularia



[PHPBB2] Limiter la hauteur des sujets Empty
MessageSujet: [PHPBB2] Limiter la hauteur des sujets   [PHPBB2] Limiter la hauteur des sujets EmptyLun 18 Déc 2017 - 15:40

Bonjour à tous,
voici un tutoriel  qui vous permettra de limiter la hauteur des sujets en permettant toutefois la lecture de la partie cachée.
Il suffit de cliquer sur "continuer la lecture" pour afficher le reste du message.

Une image sera plus parlante
[PHPBB2] Limiter la hauteur des sujets Sans_t20




Vous reconnaitrez le système proposé par le forum de support portugais pour limiter les citations. Par simple amusement, j'ai détourné le script pour voir si l'on pouvait l'adapter pour les messages.

le script n'a été testé que sous phpbb2 ; à voir s'il fonctionne sur les autres versions.


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cocher sur toutes les pages.
Pensez a cliquer sur le bouton Valider

Code:
var FA = FA || {};
  
    FA.Topic = FA.Topic || {};
  
    FA.Topic.PostbodyCollapse = (function($, settings) {
      'use strict';
  
      var $postbody;
      var version;
  
      /**
      * Initialization function
      */
      function PostbodyCollapse() {
        var self = this;
  
        $(function() {
          $.each({
            'phpbb2': 'table.bodylinewidth',
            
          }, function(key, selector) {
            if ($(selector).length !== 0) {
              version = key;
            }
          });
  
          if (!version) {
            return;
          }
  
          self.init();
          self.collapse();
        });
      }
  
      PostbodyCollapse.prototype.init = function() {
        switch (version) {
          case 'phpbb2':
            $postbody = $('.postbody ');
            break;
        
          default:
            return;
        }
  
        $postbody
          .addClass('fa-postbody')
          .append($('<a>', {
            href: '#',
            class: 'fa-postbody-expand',
            text: settings.label,
          }));
  
        $postbody.on('click', '.fa-postbody-expand', function(event) {
          event.preventDefault();
  
          $(this)
            .closest('.fa-postbody')
            .removeClass('fa-postbody-collapsed');
        });
      };
  
      PostbodyCollapse.prototype.collapse = function() {
        $postbody.each(function() {
          var $self = $(this);
  
          if ($self.height() > settings.height) {
            $self.addClass('fa-postbody-collapsed');
          }
        });
      };
  
      return new PostbodyCollapse();
    }(jQuery, {
      height: 300,
      label: 'Continuer la lecture',
    }));


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:
/** BEGIN postbody Collapse */
.fa-postbody-collapsed {
   display:block;
   height:300px;
   overflow:hidden;
   position:relative;
}
a.fa-postbody-expand {
   display:none;
   position:absolute;
   z-index:1;
   left:50%;
   width:150px;
   margin-left:-75px;
   height:30px;
   line-height:30px;
   bottom:15px;
   text-align:center;
   text-decoration:none;
   color:inherit;
   background-color:#fff;
   border:1px #999 solid;
}
.fa-postbody-collapsed a.fa-postbody-expand {
   display: block;
}
/** END Quote Collapse */



la valeur de la hauteur du message est à modifier à deux endroits :
dans le js
Code:
return new PostbodyCollapse();
    }(jQuery, {
      height: 300,
      label: 'Continuer la lecture',
    }));

et dans le css
Code:
.fa-postbody-collapsed {
   display:block;
   height:300px;
   overflow:hidden;
   position:relative;
}

Vous pouvez modifier l'apparence du bouton 'continuer la lecture" grâce à a.fa-postbody-expand.


Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[PHPBB2] Limiter la hauteur des sujets Staff10


Dernière édition par fascicularia le Mer 20 Déc 2017 - 3:09, édité 3 fois
Revenir en haut Aller en bas
https://altitudetropicale.forums-actifs.com/
Milouze14
Fondateur

Milouze14



[PHPBB2] Limiter la hauteur des sujets Empty
MessageSujet: Re: [PHPBB2] Limiter la hauteur des sujets   [PHPBB2] Limiter la hauteur des sujets EmptyLun 18 Déc 2017 - 15:49

Hello Stéphane,
merci pour le partage super .
Revenir en haut Aller en bas
https://www.milouze14.com
Neptunia
Milouzien

Neptunia



[PHPBB2] Limiter la hauteur des sujets Empty
MessageSujet: Re: [PHPBB2] Limiter la hauteur des sujets   [PHPBB2] Limiter la hauteur des sujets EmptyMar 19 Déc 2017 - 15:15

Merci Stéphane mais je ne vois rien sur ton fofo.

Même les boutons pour changer la taille de police n'ont aucun autre effet que de produire un son.

Dommage, ton fofo fonctionnait mieux quand il était truffé d'erreurs que maintenant où elles sont en voie d'éradication.
Revenir en haut Aller en bas
https://www.galaxie-series.net/
fascicularia
Milouzien

fascicularia



[PHPBB2] Limiter la hauteur des sujets Empty
MessageSujet: Re: [PHPBB2] Limiter la hauteur des sujets   [PHPBB2] Limiter la hauteur des sujets EmptyMer 20 Déc 2017 - 3:09

Bonjour Hélène, 
j'ai désactivé temporairement le script après avoir constaté une incompatibilité  avec un autre script.
le soucis est mineur (le bouton se retrouve dans un élément inline alors que lui même est en absolute; résultat il part dans les hautes sphères ).

les boutons régissant la taille des écrits ne fonctionnent pas dans les fiches mais sans soucis ailleurs sur le forum. Ces fiches sont en voie de normalisation au niveau du codage et j'attaquerai les détails techniques après.
Revenir en haut Aller en bas
https://altitudetropicale.forums-actifs.com/
kailash35
Milouzien

avatar



[PHPBB2] Limiter la hauteur des sujets Empty
MessageSujet: Re: [PHPBB2] Limiter la hauteur des sujets   [PHPBB2] Limiter la hauteur des sujets EmptyLun 22 Jan 2018 - 9:16

Merci beaucoup !
Revenir en haut Aller en bas
http://capchiens.forumpro.fr
Ptite_Perle
Milouzien

Ptite_Perle



[PHPBB2] Limiter la hauteur des sujets Empty
MessageSujet: Re: [PHPBB2] Limiter la hauteur des sujets   [PHPBB2] Limiter la hauteur des sujets EmptyMar 24 Juil 2018 - 15:08

Merci beaucoup !
Revenir en haut Aller en bas
https://forumcrea.forumactif.org/
Contenu sponsorisé





[PHPBB2] Limiter la hauteur des sujets Empty
MessageSujet: Re: [PHPBB2] Limiter la hauteur des sujets   [PHPBB2] Limiter la hauteur des sujets Empty

Revenir en haut Aller en bas
 
[PHPBB2] Limiter la hauteur des sujets
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PHPBB2] Afficher les forums de la catégorie dans la liste des sujets
» [PHPBB2] Cacher tous les sujets des invités
» [PHPBB2]Outils de modération sur la liste des sujets
» [PHPBB2] Afficher une infobulle au survol des titres des sujets avec......
» [PHPBB2] Afficher l'auteur du sujet dans la liste des sujets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces Phpbb2-
Sauter vers: