Post: #1

Hi, this is the easiest way to add your mycodes to the message toolbar, let's go:

We will need:

- /jscripts/editor.js
- /jscripts/editor_themes/Office_2007/stylesheet.css

Step #1

Go to the editor.js and search for:

Quote:this.options.lang.title_php}

and add a colon after that. You will get something like this:

Quote:this.options.lang.title_php},

Next, add this template line below the entire line:


And fill it with the following:

- name = the name of your personal code (isn't neccesary to be equal as your mybb name in the list)
- sprite = the sprite code (used to modify the css sheet)
- code = the code that will wrap the text. ([i'm talking about this] [/i'm talking about this])
- title = the alt text that will apear if you put the mouse over the picture

for example, to put a spoiler code:


Save and upload the file.


Step #2

Open the stylesheet.css and in the end of the text add these:


and reeplace:

spritename = the sprite name that we defined in the editor code, remember? ( sprite: 'spoiler')
sprite+ext = your sprite plus extension.

And, for the spoiler for example:


Save and upload.


Step #3

Well, finally, get your sprite and upload into the folder: /jscripts/editor_themes/Office_2007/images/
____

Well, with this method, we can get a nicely custom text toolbar, this is my result:




Have fun and enjoy!!

Post: #2

Wonderful tutorial!

/moved to correct section

Post: #3

What do we actuall put in place for the "code" (- code = the code that will wrap the text. ([i'm talking about this] [/i'm talking about this])

This >>> [test][/test] ?

Post: #4

thank you I can try now to do it

Post: #5

Nice tutorial, Thanks

Post: #6

Thanks! (:

Post: #7

thank you i have been looking for a easy to folllow tut on how to do this for a while now

Post: #8

great tutorial... i was in need of this

Post: #9

thanks