[Aide] Insertion d'icone dans le menu de messages

[DetOx]

Bonjour à tous!

Alors j'aurais voulu savoir comment ajouter des icônes pour les MyCode dans le menu :

Voilà ce que je voudrais en images, pour ceux ne m'ayant pas comprit ^^:

[Thomas41]

Je Up car j'aimerait bien savoir aussi

[DetOx]

up svp ^^

[DetOx]

J'up encore une fois Jsuis pressé de savoir si quelqu'un peut m'aider :p

[xavatar]

Pour MyBB 1.4.x UNIQUEMENT

Voici un petit tuto pour rajouter une barre complète en dessous de celle existante avec 4 nouveaux boutons.

Cet exemple ajoute donc 4 bouttons :
* flash
* video
* quick
* stream

Pour le personnaliser, il suffit de les remplacer dans les codes ci-dessous par les Mycode que vous avez créé et que voulez ajouter sur votre forum.


Fichiers à modifier :
editor.js
functions.php
global_lang.php
stylesheet.css

Ouvrir functions.php :

Code :

TROUVER: -------------------

                 "editor_title_close_tags",


AJOUTER APRES: -------------------

                  "editor_title_flash",
                  "editor_title_video",
                  "editor_title_quick",
                  "editor_title_stream",

Ouvrir global_lang.php :

Code :

TROUVER: ---------------------

$l['editor_title_close_tags'] = "Close any open MyCode tags that you currently have open";


AJOUTER APRES: -------------------

$l['editor_title_flash'] = "Ajouter du flash";
$l['editor_title_video'] = "Ajouter une vidéo";
$l['editor_title_quick'] = "Ajouter une vidéo QuickTime";
$l['editor_title_stream'] = "Ajouter du streaming";

Ouvrir editor.js :

Code :

TROUVER: ---------------------

// Create our new text area


AJOUTER APRES: -------------------

this.createToolbar('mytoolbar', {
    container: 'bottom',
    items: [
        {type: 'button', name: 'flash', sprite: 'flash', insert: 'flash', title: this.options.lang.title_flash},
        {type: 'button', name: 'video', sprite: 'video', insert: 'video', title: this.options.lang.title_video},
        {type: 'button', name: 'quick', sprite: 'quick', insert: 'quick', title: this.options.lang.title_quick},
        {type: 'button', name: 'stream', sprite: 'stream', insert: 'stream', title: this.options.lang.title_stream}
    ]
});

Ouvrir jscripts/editor_themes/*theme*/stylesheet.css :

Code :

AJOUTER A LA FIN DU FICHIER: -------------------

.messageEditor .toolbar_button .toolbar_sprite_flash {
    background: url(images/flash.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_video {
    background: url(images/video.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_quick {
    background: url(images/quick.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_stream {
    background: url(images/stream.gif) no-repeat;
}

Mettre les images des nouveaux boutons dans : jscripts/editor_themes/*theme*/images/

[spyto]

Beau boulot xavatar !

[DetOx]

Merci à toi xavatar je vais tester ça de suite :p

[Thomas41]

Comme dit Spyto beau boulot

[Sw00p]

Question : Comment cela se passe, quand on a installé un plugin, avec des Mycode tout pret...?
Je parle surtout pour le pack de mycode "vidéos"

[DetOx]

C'est pareil je pense

[shepper]

eu commendire + 111111111111...
lol sens mentir cela fait 1 moi que je cherché a faire ca serieu merci ^^

par contre je suis peu etre bete mais pour rajouter par exemple un mycode que j ai rajouter moi (mycode bouton)

1. Bouton
2. Permet de creer un bouton[bouton=****][/bouton]
3. \[bouton=(.*?)\](.*?)\[/bouton\]
4. <form> <input type="button" value="$1" ONCLICK="window.location.href='$2'" /> </form>
   

le mycode est instaler mais pour le rajoute a la palete et qu il puisse y metre les balise dans un futur message,je ne vois pas comment faire pour qu il reconaisse bien ce mycode

quel qu un peu m eclairer ?

edit ==> lolilol parler tro vite j ai trouve hehe j ai manque de reflaxion sur le coup ^^
je ne voi pas comment il pourai l inserer car je ne sais meme pa ou le meter est comment .

[DetOx]

Bonjour, je viens tout juste d'essayer, je trouve tous les fichiers sauf global_lang.php, je suis en 1.4.3

[beberz]

DetOx a écrit :Bonjour, je viens tout juste d'essayer, je trouve tous les fichiers sauf global_lang.php, je suis en 1.4.3

voila le chemin

/inc/languages/french/global_lang.php
et/ou
/inc/languages/english/global_lang.php

[DetOx]

Merci à toi, j'ai cherché longtemps alors que c'était pas loin lol

[Sw00p]

Bonsoir à tous.

J'ai essayé de suivre le tuto, mais je ne comprends pas une chose :

J'ai installer le plugin : Multi Video Mycode For MyBB

J'ai donc plusieur codes installés, notament : [dailymotion] [youtube] [flash]

Mais je ne vois pas comment les integrer..

[neowarf]

Je viens de rajouter les boutons,mais le probleme c'est que l'éditeur est tout décalé.



Y aurait-il un moyent de corriger ça?Merci

[Hellus]

Explique toi mieux !

[neowarf]

En fait ,apres avoir créer les boutons;j'ai le bas de l'editeur qui me masque le menu.Je cherche donc à redimensionner le bas de l'éditeur.

[Cacao741]

Salut, facile les icons sont trop grand !

[snider59]

Je remonte ce sujet pour donner la réponse !!!

Ouvrir editor.js :

Code :

TROUVER: ---------------------

// Create our new text area


AJOUTER APRES: -------------------

this.createToolbar('mytoolbar', {
    container: 'bottom',
    items: [
        {type: 'button', name: 'flash', sprite: 'flash', insert: 'flash', title: this.options.lang.title_flash},
        {type: 'button', name: 'video', sprite: 'video', insert: 'video', title: this.options.lang.title_video},
        {type: 'button', name: 'quick', sprite: 'quick', insert: 'quick', title: this.options.lang.title_quick},
        {type: 'button', name: 'stream', sprite: 'stream', insert: 'stream', title: this.options.lang.title_stream}
    ]
});

C'est faux

Tu as sa :

Code PHP :

        this.createToolbar('formatting', {
            container: 'bottom',
            items: [
                {type: 'button', name: 'b', sprite: 'bold', insert: 'b', title: this.options.lang.title_bold},
                {type: 'button', name: 'i', sprite: 'italic', insert: 'i', title: this.options.lang.title_italic},
                {type: 'button', name: 'u', sprite: 'underline', insert: 'u', title: this.options.lang.title_underline},
                {type: 'separator'},
                {type: 'button', name: 'align_left', sprite: 'align_left', insert: 'align', extra: 'left', title: this.options.lang.title_left},
                {type: 'button', name: 'align_center', sprite: 'align_center', insert: 'align', extra: 'center', title: this.options.lang.title_center},
                {type: 'button', name: 'align_right', sprite: 'align_right', insert: 'align', extra: 'right', title: this.options.lang.title_right},
                {type: 'button', name: 'align_justify', sprite: 'align_justify', insert: 'align', extra: 'justify', title: this.options.lang.title_justify}
            ]
        }); 


Tu modifie comme ce la :

Code PHP :

        this.createToolbar('formatting', {
            container: 'bottom',
            items: [
                {type: 'button', name: 'b', sprite: 'bold', insert: 'b', title: this.options.lang.title_bold}, 


{type: 'button', name: 'video', sprite: 'video', insert: 'video', title: this.options.lang.title_video},

Code PHP :

                {type: 'button', name: 'i', sprite: 'italic', insert: 'i', title: this.options.lang.title_italic},
                {type: 'button', name: 'u', sprite: 'underline', insert: 'u', title: this.options.lang.title_underline},
                {type: 'separator'},
                {type: 'button', name: 'align_left', sprite: 'align_left', insert: 'align', extra: 'left', title: this.options.lang.title_left},
                {type: 'button', name: 'align_center', sprite: 'align_center', insert: 'align', extra: 'center', title: this.options.lang.title_center},
                {type: 'button', name: 'align_right', sprite: 'align_right', insert: 'align', extra: 'right', title: this.options.lang.title_right},
                {type: 'button', name: 'align_justify', sprite: 'align_justify', insert: 'align', extra: 'justify', title: this.options.lang.title_justify}
            ]
        });