[Monkey's Works] - Text Editor Toolbar Background

[Monkey's Works] - Text Editor Toolbar Background
By Triky - Web City

Hi there, monkeys! This little CSS modification will add a pretty background to your text editor toolbar.

Previews:

ToolbarBackgroundPreview

ToolbarBackgroundCSS

ToolbarBackground[thread]Preview


Modification:

For do this modification, you will need to edit your style CSS [vB CSS Reference: CSS, Color Map Reference]:
(AdminCp -> Styles & Templates -> Manager -> All Style Options -> Go! -> Text Editor Control Styles).

Note: Before this, you need to upload an image (your gradient) into your /forum/images/gradients/.
In this example, my gradient is called gradient_newpost.gif.

Ok, in the Text Editor Control Styles of your CSS, you will see an option called Editor buttons in normal state. In this, in the background field, add this code:

#00000 url(images/gradients/gradient_newpost.gif)

Now change the purple code, using your one(s).

Done!
A little pretty simple modification for your forum!

How do I add a background to the text area? See this thread: https://vborg.vbsupport.ru/showthread.php?t=129962.

[MDK-Indy]

In In both fields inserted the following:

#00000 url(http://forum.gwars.de/images/gradien...nt_newpost.gif)

See the Picture


The Picture is Upload.

See http://forum.gwars.de/images/gradien...nt_newpost.gif


Greeting Indy

[Triky]

Is not that CSS!
Check my attachment: ToolbarBackgroundCSS
There you can see "Text Editor Control Styles". That's the CSS!

PS: Your image path can be also like this: images/gradients/gradient_newpost.gif.

[MDK-Indy]

I have found the Error


Your Modification Guide is wrong.

You say the Code is:

PHP Code:

#00000 url(images/gradients/gradient_newpost.gif) 


but the Code must be:

PHP Code:

#000000 url(images/gradients/gradient_newpost.gif) 


You have in the Color Code only 5 times a 0 after the #


Now i have the same Picture in the background to the text area. How i can delete this?

Greeting Indy

[Triky]

If I miss a '0' it should work the same.. but it doesn't matter. MDK-Indy, I think you have done my modification to the CSS you have seen in this thread. And that's another modification! Not mine. Mine says you have to modify your CSS background called "Text Editor Control Styles". Not the one you've modified (that was for the other modification linked above!). If you want it reverted, just select the box at the end of that CSS (it say "To revert this group of settings to their.. etc etc, check this box: [_]").