[Monkey's Works] - Text Editor Toolbar Background

[Triky]

[Monkey's Works] - Text Editor Toolbar Background
By Triky - Web City (http://www.web-city.it/)




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

Previews:

ToolbarBackgroundPreview (https://vborg.vbsupport.ru/attachment.php?attachmentid=62127&d=1174433114)

ToolbarBackgroundCSS (https://vborg.vbsupport.ru/attachment.php?attachmentid=62128&d=1174433114)

ToolbarBackground[thread]Preview (https://vborg.vbsupport.ru/attachment.php?attachmentid=62129&d=1174433114)


Modification:

For do this modification, you will need to edit your style CSS [vB CSS Reference: CSS (http://www.vbulletin.com/docs/html/css_intro), Color Map Reference (http://www.vbulletin.com/docs/html/color_maps_intro)]:
(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 (http://www.web-city.it/forum/images/gradients/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. ;)

[ZomgStuff]

Thanks!

[Triky]

Thanks!

No problem. :)

[rjmjr69]

Where do I find my Gradient?

[Dr.NoTime]

Very simple. Works great. Thanks.

[Triky]

Where do I find my Gradient?

For example, you can use mine: http://www.web-city.it/forum/images/gradients/gradient_newpost.gif.
Save it as file in your computer, then upload it with your FTP. Now do the modification above. :)

[Atakan KOC]

Thanks....

[dbirosel]

looks cool, ill save this till i get home.

[MDK-Indy]

Dont work :(

Greeting Indy

[Triky]

Check your image path.

[MDK-Indy]

In In both fields inserted the following:

#00000 url(http://forum.gwars.de/images/gradients/gradient_newpost.gif)

See the Picture


The Picture is Upload.

See http://forum.gwars.de/images/gradients/gradient_newpost.gif


Greeting Indy

[Triky]

Is not that CSS!
Check my attachment: ToolbarBackgroundCSS (https://vborg.vbsupport.ru/attachment.php?attachmentid=62128&d=1174433114)
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:

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

but the Code must be:

#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 (https://vborg.vbsupport.ru/showthread.php?t=129962) 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: [_]").