Membres connectés récemment
[PhpBB2] Bouton dans l'éditeur de texte
2 participants
Page 1 sur 1
- 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 . Je te remercie infiniment et surtout t’inquiète pas suis pas pressé merci bonne journée.
Lien du forum https://www.tutorielgraphismepfs.com/
Si possible a coté des autre bouton
Coucou Chantal,
tu as dans le script, trois variables avec commentaire afin de te repérer:
Un pour l'image:
Un autre pour le titre du bouton et au survol de ce dernier:
Et enfin le contenu qui sera déposé dans l'éditeur au clic:
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:
Penses a cliquer sur le bouton
Puis la C.S.S
Exemple de style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
Penses a cliquer sur le bouton
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
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
Sujets similaires
» [PHPBB2] Ajouter un bouton "merci"dans la barre édition.
» [PHPBB3] Remplacer un texte dans les outils de modération
» [PhpBB3] Changer la couleur du texte dans" Qui est en ligne "
» [EDGE] Afficher un texte dans l'éditeur à la création d'un sujet
» [AWESOMEBB] Bouton prévisualiser dans la réponse rapide
» [PHPBB3] Remplacer un texte dans les outils de modération
» [PhpBB3] Changer la couleur du texte dans" Qui est en ligne "
» [EDGE] Afficher un texte dans l'éditeur à la création d'un sujet
» [AWESOMEBB] Bouton prévisualiser dans la réponse rapide
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