Adding a background image into the reply boxes

**** THIS SHOULD (DID 4 ME) ADD A BACKGROUND IMAGE TO THE QUICK REPLY BOX AS WELL ****


This is NOT a hack, its just a very simple template edit, so theres nuthing to download or install, this only been tested on IE6:
Go to>

Admin CP -> Styles & Templates -> Style Manager -> Main CSS (in the menu)
Edit these two sections

- WYSIWYG Editor

- Input Fields

Add the line below in the Standard CSS Attributes side, in the "background" field

#2D2D2D url(images/yourimagehere) repeat-x center fixed

Replace the "green" text with your color code & the path/filename of your background image.

example:
images/replyboxbg.gif

Then

add this into the Extra CSS Attributes box:

background-repeat: no-repeat;
background-position: center center;

(see attachments)

Save CSS and your good to go....

Please Click INSTALL

Enjoy!

[deezelpope]

Installed!! Very cool!! Thanks bunches!!

[Dj megas]

I install it and looks very nice thank you.
I have a questions please..
1) Why only works with the show enhasend (WYSIWYG) Editor Toolbar and not wit the athe 2?
Is there a way to make it work in all 3 of them?
Thank you.

[Dark_Sirius]

Originally Posted by Brew

I've found that this works but only if you turn off the enhanced reply box by clicking the A/A button on the top right.

Running 3.6.4, this is the ONLY way I got this to work. I tried all the suggestions for the quick edit and those didn't work at all.

Oh well.

[TheMilkCarton]

Works fine.. but I have an issue with it.

I thought the "background-position" attributes of "center center" would place my image smack dab in the middle of the editor window.. but what it does is place my image in the vertical center of the window, and the top half of my image is cut off by the editor toolbar (bold, italic, etc) So I can only see the bottom half of the image.

Is there any way to place the image in the very center of the editor window at all times?

[flindersredclaw]

Well the original code worked for 3.6.4 no drama...

@TheMilkCarton - perhaps your image is too big? Mine is only 150px square.

[brvheart]

this did not work for me on 3.6.4 no matter what I tried.....kept scrolling etc. Would love to have it working though

[smoovie]

I deleted the "fixed" portion because that centered the image on the page and not in the input box (at least on my site). Give it a try, it couldn't hurt.

[TheMilkCarton]

@smoovie,

Does yours always stay centered in the editor now? Like, if you click on the "Increase Size" arrow to make the editor bigger, does it still keep centered?

I just can't seem to figure out why mine won't do this.

[smoovie]

Yes, it' always centered now. I just can't figure out how to remove it from the title input field.

I just remembered that I was messing around with different things with this (adding and removing bits of the code). When I tried to just delete the "fixed" again it wouldn't stay centered. I had to put all the original code back in and save it. Then delete the "fixed" property again. Then it was ok.

[brvheart]

well...I would love to have this...but can not get it to work without scrolling or showing itself in the thread title boxes...I have tried everything that I could think of...love the mod, just wish I could get it to work on my board lol...