Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[Monkey's Works] - Text Editor Toolbar Background Details »
[Monkey's Works] - Text Editor Toolbar Background
Mod Version: 1.00, by Triky (Contributor) Triky is offline
Developer Last Online: Mar 2016 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.6.5 Rating: (2 votes - 5.00 average) Installs: 12
Released: 20 Mar 2007 Last Update: Never Downloads: 5
Not Supported  

[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:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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: http://www.vbulletin.org/forum/showthread.php?t=129962.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	ToolbarBackgroundPreview.jpg
Views:	571
Size:	18.4 KB
ID:	62127   Click image for larger version

Name:	ToolbarBackgroundCSSPreview.jpg
Views:	520
Size:	24.6 KB
ID:	62128   Click image for larger version

Name:	ToolbarBackground[Thread]Pr.jpg
Views:	633
Size:	30.9 KB
ID:	62129  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Miscellaneous Hacks [Monkey's Works] - Ghost Images Triky vBulletin 3.7 Template Modifications 9 28 May 2012 17:49
Mini Mods [Monkey's Works] - Registration Help Popups Triky vBulletin 3.7 Add-ons 18 04 Dec 2008 17:32
[Monkey's Works] - Registration Button Triky vBulletin 3.6 Template Modifications 28 08 Jul 2007 11:19
Forum Home Enhancements [Monkey's Works] - enCoded Navbar v1 Triky vBulletin 3.6 Template Modifications 18 01 Jun 2007 21:10

Comments
  #2  
Old 21 Mar 2007, 01:19
ZomgStuff's Avatar
ZomgStuff ZomgStuff is offline
 
Join Date: Feb 2007
Thanks!
Reply With Quote
  #3  
Old 22 Mar 2007, 18:12
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
Originally Posted by ZomgStuff View Post
Thanks!
No problem.
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
  #4  
Old 23 Mar 2007, 13:10
rjmjr69's Avatar
rjmjr69 rjmjr69 is offline
 
Join Date: Jan 2007
Where do I find my Gradient?
Reply With Quote
  #5  
Old 23 Mar 2007, 15:35
Dr.NoTime Dr.NoTime is offline
 
Join Date: Nov 2006
Real name: Rob
Very simple. Works great. Thanks.
Reply With Quote
  #6  
Old 26 Mar 2007, 07:43
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
Originally Posted by rjmjr69 View Post
Where do I find my Gradient?
For example, you can use mine: http://www.web-city.it/forum/images/...nt_newpost.gif.
Save it as file in your computer, then upload it with your FTP. Now do the modification above.
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
  #7  
Old 26 Mar 2007, 07:47
Atakan KOC's Avatar
Atakan KOC Atakan KOC is offline
 
Join Date: Feb 2006
Real name: Atakan KOÇ
Thanks....
__________________
vBulletin 5 : http://www.atabb.com/
Reply With Quote
  #8  
Old 28 Mar 2007, 19:52
dbirosel dbirosel is offline
 
Join Date: Feb 2007
Real name: Dante
looks cool, ill save this till i get home.
Reply With Quote
  #9  
Old 02 Jul 2007, 10:47
MDK-Indy's Avatar
MDK-Indy MDK-Indy is offline
 
Join Date: Mar 2007
Dont work

Greeting Indy
Reply With Quote
  #10  
Old 02 Jul 2007, 10:50
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
Check your image path.
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
  #11  
Old 02 Jul 2007, 11:12
MDK-Indy's Avatar
MDK-Indy MDK-Indy is offline
 
Join Date: Mar 2007
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
Attached Images
File Type: jpg Editor.jpg (87.6 KB, 14 views)
Reply With Quote
  #12  
Old 02 Jul 2007, 11:26
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
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.
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
  #13  
Old 02 Jul 2007, 12:14
MDK-Indy's Avatar
MDK-Indy MDK-Indy is offline
 
Join Date: Mar 2007
I have found the Error


Your Modification Guide is wrong.

You say the Code is:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

but the Code must be:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Last edited by MDK-Indy; 02 Jul 2007 at 12:18.
Reply With Quote
  #14  
Old 02 Jul 2007, 12:52
Triky's Avatar
Triky Triky is offline
 
Join Date: Mar 2007
Location: [Italy]
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: [_]").
__________________
I'm italian, I am learning english.. so, please, if you see any errors in my grammar or spelling, let me know via PM. Danke!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 20:11.

Layout Options | Width: Wide Color: