[PHPBB3] Bouton prévisualisation

Coucou Serge,
alors effectivement, le soucis est présent sur la messagerie privée.
Pour contourner cette incompréhension,
on va purement ajouter la div dans le template:posting_body
Affichage/Templates/Poster et messages privés/posting_body

Recherches ceci (ligne 51 environ):

Code:


<div class="panel" id="postingbox">


Juste avant déposes ceci:

Code:

  
<!-- BEGIN switch_privmsg -->
  <div id="preview" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody">
<div class="h3">{L_PREVIEW}</div><div class="content" style="min-height:18px;"></div></div><span class="corners-bottom"><span></span></span></div>
</div>

<!-- END switch_privmsg -->


Penses à enregistrer puis à valider en cliquant respectivement sur   puis


Si tu souhaites sous l'éditeur, il faudra déposer le même code html juste avant ceci (ligne 175 environ) :

Code:

<div class="panel row2">

Code:

  
<!-- BEGIN switch_privmsg -->
  <div id="preview" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody">
<div class="h3">{L_PREVIEW}</div><div class="content" style="min-height:18px;"></div></div><span class="corners-bottom"><span></span></span></div>
</div>

<!-- END switch_privmsg -->


Tu peux aussi remplacer le code html par celui-ci que je trouve plus sobre:

Code:

  
  <!-- BEGIN switch_privmsg -->
<div id="preview" class="post row2" style="padding: 1px 1px 1px 10px;"><div class="h3">{L_PREVIEW}</div><div class="content" style="min-height:60px;"></div></div>
<!-- END switch_privmsg -->


Tu pourras diminuer ou augmenter le style directement dans le code html  


Le rendu sur les mps avec le code html ci-dessus en le plaçant sous l'éditeur:



On peut aussi faire un glisser déposé de cet ajout, c'est à dire déplacer le bloc ou l'on veut afin de bien visualiser l'éditeur et la prévisualisation.
J'avais vu ce script bien sympa se balader sur le FDF, donc si tu es intéressé:

Ajoutes ceci dans ta feuille de style:

Code:

#M14_PrevIeW
{
position:fixed;
z-index:9;
width:90%;
top:40px;
right:5%;
left:5%;
cursor:move;
}

Ce qui veut dire que la prévisualisation sur les mps seulement sera en haut de page en position fixed avec une largeur de 90% et des marges droite et gauche de 5% et un z-index a 9 voir plus si besoin.

Il est impératif d'avoir des dimensions Serge et une position fixed ou absolute, le fait de mettre en fixed ne veut pas dire
que le bloc sera toujours fixé mais au moins pour l'affichage ensuite avec la souris , il sera déplaçable sur l'ensemble de la page.

Le code html avec le script:

Code:

  <!-- BEGIN switch_privmsg -->
  <div id="M14_PrevIeW">
<div id="preview" class="post row2 " style="padding: 1px 1px 1px 10px;"><div class="h3">{L_PREVIEW}</div><div class="content" style="min-height:60px;"></div></div>
  </div>
<script type="text/javascript">
dragElement(document.getElementById("M14_PrevIeW"));
 
function dragElement(elmnt) {
  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  elmnt.onmousedown = dragMouseDown;
 
  function dragMouseDown(e) {
    e = e || window.event;
    e.preventDefault();
 
    pos3 = e.clientX;
    pos4 = e.clientY;
    document.onmouseup = closeDragElement;
    document.onmousemove = elementDrag;
  }
 
  function elementDrag(e) {
    e = e || window.event;
    e.preventDefault();
 
    pos1 = pos3 - e.clientX;
    pos2 = pos4 - e.clientY;
    pos3 = e.clientX;
    pos4 = e.clientY;
 
    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  }
 
  function closeDragElement() {
    document.onmouseup = null;
    document.onmousemove = null;
  }
}
</script>
<!-- END switch_privmsg -->


Voir le résultat sur le header de mon fofo de test phpbb3:
Déplaces le avec ta souris .

https://testphpbb3.1fr1.net/

Bonjour Philippe,

Un grand merci pour ces développements.
Tout fonctionne à merveille

j'ai fait mon marché et j'ai opté pour ton html sobre.

t'es un as l'ami  

Très sympa aussi ton script de glisser déposer. Je mets ça dans un coin de ma tête.

Message envoyé via la réponse rapide par: @photoclic

De rien Serge ,




Message envoyé via la réponse rapide par: @Milouze14