Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PhpBB2] Bouton dans l'éditeur de texte


2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Jeu 24 Oct 2019 - 15:06

  • Version du forum :
    PhpBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome

Bien le bonjour mon cher Philippe . Je viens demander un petit code pour mettre un bouton dans l'éditeur don, je serais la seule à me servir. En fait pour faire patienter les membres pour leurs corrections des tutoriels que je propose.

Ce qui" afficherait " Coucou patience un modérateur va passer ……. En attendant, je t’invite à profiter des autres sections que t’offre le forum.
Belle journée à bientôt."

Bien sûr, il n'y a que moi qui pourrais effectuer cette action.

Et voici le bouton [PhpBB2] Bouton dans l'éditeur de texte 211 . Je te remercie infiniment et surtout t’inquiète pas suis pas pressé merci bonne journée.


[PhpBB2] Bouton dans l'éditeur de texte Pour_p16

Si possible a coté des autre bouton 


Dernière édition par soleda le Sam 26 Oct 2019 - 10:02, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 24 Oct 2019 - 16:49

Coucou Chantal,

tu as dans le script, trois variables avec commentaire afin de te repérer:
Un pour l'image:
Code:
//L IMAGE DU BOUTON
var M14_editoimg="https://i.servimg.com/u/f39/11/29/03/02/211.jpg";

Un autre pour le titre du bouton et au survol de ce dernier:
Code:
//TEXTE DE L INFOBULLE
var M14_editotitle="Tag de modération";

Et enfin le contenu qui sera déposé dans l'éditeur au clic:

Code:
//CONTENU DU TAG
var tag_wait="Coucou patience un modérateur va passer …….<br /> En attendant, je t’invite à profiter des autres sections que t’offre le forum.<br />Belle journée à bientôt.";

J'ai volontairement insérer directement les sauts de ligne après chaque point.

A toi de modifier comme bon te semble ces variables.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.
Coches sur toutes les pages.

Déposes ceci:
Code:

$(function(){
if(_userdata["user_id"] ==1)
$(function(){
//L IMAGE DU BOUTON
var M14_editoimg="https://i.servimg.com/u/f39/11/29/03/02/211.jpg";
//TEXTE DE L INFOBULLE
var M14_editotitle="Tag de modération";
//CONTENU DU TAG
var tag_wait="Coucou patience un modérateur va passer …….<br /> En attendant, je t’invite à profiter des autres sections que t’offre le forum.<br />Belle journée à bientôt.";
$('<a class="sceditor-button" unselectable="on"><div  unselectable="on"class="BTnMoDeR"style="background-image:url('+M14_editoimg+')"title="'+M14_editotitle+'">'+M14_editotitle+'</div></a>').insertBefore('a.sceditor-button-image').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('<div class="M14_tag_wait">'+tag_wait+'</div>');

});

})});

Penses a cliquer sur le bouton Valid

Puis la C.S.S
Exemple de style:

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

Code:

/*TAG DE MODERATION*/
.M14_tag_wait
{
margin:10px;
width: 70%;
margin-left: 15%;
padding: 10px;
background-color:#ffffff;
color: #d1ba88;
border:2px solid #d1ba88;
border-radius:6px;
}


Penses a cliquer sur le bouton [PhpBB2] Bouton dans l'éditeur de texte Sans_t10






avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Sam 26 Oct 2019 - 9:48

Bonjour Phil je vais voir si sa fonctionne et reviens pour clôturé au besoin .Je te remercie infiniment pour le temps que tu ma accordé .
merci 


avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Sam 26 Oct 2019 - 10:01

coucou Phil bravo tes le plus fort sa fonctionne super merci beaucoup.
Je cloture belle journée.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 26 Oct 2019 - 11:07

De rien chere amie.


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum