The Arcive of vBulletin Modifications Site.

Adding a background image into the reply boxes · **Released**: 10-25-2006

**** 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

Code:

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

Code:

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

(see attachments)

Save CSS and your good to go....

Please Click INSTALL

Enjoy!

Stromba · #2 10-25-2006, 09:50 PM

Woow first post and a super cool hack, thanks to share it with use :nervous:

abramelin · #3 10-25-2006, 10:02 PM

ohh yes i was looking for that! thanks very much. one more question. how can we do this for quick reply box?

Stromba · #4 10-25-2006, 10:13 PM

Its made for your "quick reply box"

Ev!L ErN!E · #5 10-25-2006, 10:15 PM

Quote:

Originally Posted by abramelin

ohh yes i was looking for that! thanks very much. one more question. how can we do this for quick reply box?

If that didn't work.........

Try this:

Along with the changes above, do these edits to showthread_quickreply

Find:

Code:

 
 
<iframe id="htmlbox" style="width:600px; height:100px" tabindex="1"></iframe>

Change to:

Code:

 
<iframe id="htmlbox" style="background:#HEX url(path/to/file); width:600px; height:100px" tabindex="1"></iframe>

Find:

Code:

 
 
<textarea name="message" id="qr_message" class="bginput" style="width:600px; height:100px" cols="60" rows="5" tabindex="1"></textarea>

Change to:

Code:

 
<textarea name="message" id="qr_message" class="bginput" style="background:#HEX url(path/to/file); width:600px; height:100px" cols="60" rows="5" tabindex="1"></textarea>

Find:

Code:

 
 
<textarea name="message" id="qr_message" class="bginput" style="width:600px; height:100px;" rows="5" cols="60" tabindex="1"></textarea>

Change to:

Code:

 
<textarea name="message" id="qr_message" class="bginput" style="background:#HEX url(path/to/file); width:600px; height:100px;" cols="60" rows="5" tabindex="1"></textarea>

Remember to change the "green" text to your own values.

Let me know how it goes.

Ev!L ErN!E · #6 10-25-2006, 10:19 PM

Quote:

Originally Posted by Stromba

Its made for your "quick reply box"

its made for both "quick reply" & "post" boxes, if your using 3.6.2 it should work without the templete edits I just mentioned.

:devious:

lolo? · #7 10-26-2006, 02:28 AM

thanks fort this but does'nt work for me :s

Ntfu2 · #8 10-26-2006, 04:03 AM

probably cause he is declaring things like 6 times :lol:

I removed everything from the extra CSS fields and made

Code:

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

to

Code:

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

And all works well for me

lolo? · #9 10-26-2006, 04:18 AM

oki i found doesent work with standar editor

Ev!L ErN!E · #10 10-26-2006, 02:59 PM

Quote:

Originally Posted by Ntfu2

probably cause he is declaring things like 6 times :lol:

I removed everything from the extra CSS fields and made

Code:

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

to

Code:

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

And all works well for me

what version of vB are you using? because when I first tried to do this, I also had nuthing in the extra CSS fields and did not include "fixed", but when I did it that way the background image kept repeating, the only way I could get it from not repeating was doing what I first posted.

Could this be a version conflict? or maybe a browser?
Like I mentioned, I have not used this with anything other then IE 6