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 : -23%
TV 75″ Xiaomi Mi TV Q1 – QLED, 4K UHD ...
Voir le deal
929 €

 

 [PUNBB] Limiter la hauteur des messages

Aller en bas 
5 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[PUNBB] Limiter la hauteur des messages Empty
MessageSujet: [PUNBB] Limiter la hauteur des messages   [PUNBB] Limiter la hauteur des messages EmptyDim 15 Mar 2015 - 13:15

coucou ,

l'astuce consiste à diminuer la hauteur des messages en version Pun.
Le soucis rencontré lorsque l'on navigue sur les messages on distingue
parfois une hauteur disproportionnée par rapport au message posté.
Ceci étant dû au profil et les dérivés qui s'en suit.

On va donc passer par un javascript qui va attribuer un identifiant et masquer une partie du profil , un bouton placer en haut fera le reste pour afficher tous les messages dans leur totalité hinhin .

L'aperçu imagé:

[PUNBB] Limiter la hauteur des messages 0138

On distingue un scroll sur le message et une partie du profil est caché
puis au clis tout le contenu des messages sera affiché clin oeil .





Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur les sujets.


Déposez ce script:
Code:

$(function(){
$('.paged-head:first').after('
<div style="width:50%;height:34px;">
<span id="M14_Open_Prof"title="Voir les messages dans leurs totalité"></span>
<span id="M14_Close_Prof"style="display:none;"title="Réduire les messages"></span>
</div>
');
$('.user-info').hide();
$('.postbody .entry-content ').attr('id','M14_Post');

$('#M14_Open_Prof').click(function(){
$(this).fadeOut();
$('#M14_Close_Prof').fadeIn();
$(' .user-info ').slideDown(800);
$('.postbody .entry-content ').removeAttr('id');
 });

});

$(function(){
$('#M14_Close_Prof').click(function(){
$(this).fadeOut();
$('#M14_Open_Prof').fadeIn();
$('.user-info  ').slideUp(800);
$('.postbody .entry-content ').attr('id','M14_Post');

 }); });;
Pensez a cliquer sur le bouton&nbsp; Valid


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

Déposez ce style:
Code:

/*On donne une hauteur au messages*/
#M14_Post.entry-content{height:150px ;overflow-y:auto;}
/*Bouton d ouverture*/
#M14_Open_Prof
{
width:32px;/*largeur de l image*/
height:32px;/*hauteur de l image*/
background:url(http://i39.servimg.com/u/f39/11/26/21/37/naviga16.png);
position:absolute;
margin-left:30px;/*on decale de 30px l image de la gauche*/
cursor:pointer;/*on donne un style au curseur*/
}
/*Bouton de fermeture*/
#M14_Close_Prof
{
width:32px;/*largeur de l image*/
height:32px;/*hauteur de l image*/
background:url(http://i39.servimg.com/u/f39/11/26/21/37/naviga15.png);
position:absolute;
margin-left:30px;/*on decale de 30px l image de la gauche*/
cursor:pointer;/*on donne un style au curseur*/
}


Pensez a cliquer sur le bouton  Valid





Dernière édition par Milouze14 le Jeu 2 Déc 2021 - 16:46, édité 3 fois
Revenir en haut Aller en bas
https://www.milouze14.com
photoclic
Milouzien

avatar



[PUNBB] Limiter la hauteur des messages Empty
MessageSujet: Re: [PUNBB] Limiter la hauteur des messages   [PUNBB] Limiter la hauteur des messages EmptyLun 9 Jan 2017 - 0:07

Merci beaucoup !
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
lmc38510
Milouzien

lmc38510



[PUNBB] Limiter la hauteur des messages Empty
MessageSujet: Re: [PUNBB] Limiter la hauteur des messages   [PUNBB] Limiter la hauteur des messages EmptyMar 14 Fév 2017 - 2:24

Merci beaucoup !
Revenir en haut Aller en bas
http://lacaverneauxgrimoire.forumactif.org/
masterforumbr
Milouzien

avatar



[PUNBB] Limiter la hauteur des messages Empty
MessageSujet: Re: [PUNBB] Limiter la hauteur des messages   [PUNBB] Limiter la hauteur des messages EmptyDim 10 Déc 2017 - 16:21

Merci beaucoup !
Revenir en haut Aller en bas
https://beta.masterforum.biz
Tony L
Milouzien

avatar



[PUNBB] Limiter la hauteur des messages Empty
MessageSujet: Re: [PUNBB] Limiter la hauteur des messages   [PUNBB] Limiter la hauteur des messages EmptyLun 12 Nov 2018 - 21:09

Merci beaucoup Philippe !

impeccable
Revenir en haut Aller en bas
https://diamant-mandarin-evo.superforum.fr/
Contenu sponsorisé





[PUNBB] Limiter la hauteur des messages Empty
MessageSujet: Re: [PUNBB] Limiter la hauteur des messages   [PUNBB] Limiter la hauteur des messages Empty

Revenir en haut Aller en bas
 
[PUNBB] Limiter la hauteur des messages
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PHPBB2] Limiter la hauteur des sujets
» [PUNBB]Supprimer le tag "Re" sur les messages
» [PUNBB] Alterner l'apparence sur les messages
» [PUNBB]Afficher une navigation rapide sur les messages
» [PUNBB]Outils de modération sur 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 Punbb-
Sauter vers: