Membres connectés récemment
[PHPBB3] Bouton prévisualisation
2 participants
Page 1 sur 1 • Partagez
- Version du forum :PHPBB3
- Templates modifiés :oui
- Navigateur :Firefox
Bonjour à tous les milouziens,
J'utilise sur mon forum ce script pour la prévisualisation directe et présentée sous l'éditeur:
https://www.milouze14.com/t32134-toutes-versions-activer-la-previsualisation-directe#610702
j'ai choisi de ne pas garder le bouton "Prévisualisation" en mettant comme indiqué dans l'astuce ce code:
Or, on ne retrouve dans la messagerie ni la prévisualisation directe, ni le bouton de prévisualisation.
y aurait-il une solution simple pour avoir dans la messagerie l'une ou l'autre de ces fonctions (prévisualisation ou bouton).
Merci pour votre aide.
J'utilise sur mon forum ce script pour la prévisualisation directe et présentée sous l'éditeur:
https://www.milouze14.com/t32134-toutes-versions-activer-la-previsualisation-directe#610702
j'ai choisi de ne pas garder le bouton "Prévisualisation" en mettant comme indiqué dans l'astuce ce code:
- Code:
preview_button_on = false;
Or, on ne retrouve dans la messagerie ni la prévisualisation directe, ni le bouton de prévisualisation.
y aurait-il une solution simple pour avoir dans la messagerie l'une ou l'autre de ces fonctions (prévisualisation ou bouton).
Merci pour votre aide.
Milouze14 aime ce message
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):
Juste avant déposes ceci:
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) :
Tu peux aussi remplacer le code html par celui-ci que je trouve plus sobre:
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:
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:
Voir le résultat sur le header de mon fofo de test phpbb3:
Déplaces le avec ta souris .
https://testphpbb3.1fr1.net/
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/
photoclic aime ce message
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
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
Milouze14 aime ce message
De rien Serge ,
Message envoyé via la réponse rapide par: @Milouze14
Hello
Sujet résolu et déplacé dans le forum adéquate
A bientôt pour une prochaine demande
Sujet résolu et déplacé dans le forum adéquate
A bientôt pour une prochaine demande
Message envoyé via la réponse rapide par: @Milouze14
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum