The Arcive of Official 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!

USAMustangs.com · #82 07-04-2007, 05:21 AM

installed.

works great for post reply.

however, the i can't get the quick reply box to work at all. and the showthread_quick reply edits don't help me because i don't have the code that is show to replace.

i have vb 3.6.5

if someone could help me fix the quick reply that would be great. i did try putting the editor code in the input field section and it appeared in quick reply, but the image scrolled.

it's odd how the exact same code that makes it work correctly in the editor doesn't work in quick reply?

JadedSouls · #83 07-24-2007, 12:29 PM

Works great, thank you

BinaryTechZone · #84 08-04-2007, 10:13 PM

Very Nice Hack! Worked Flawlessly and really liven the boring interface to suit a sites format!

Brain@binarytechzone.com

Kaycee123 · #85 08-06-2007, 04:17 AM

Cool addition - this worked great on our site!

bandare · #86 08-06-2007, 11:40 AM

does the image need to be a certain size or will it resize it?

MarcG · #87 08-07-2007, 12:04 AM

Great idea for adding a personal touch to a forum! works great!

Anyone have a css hack for keeping the image within the input boxes for firefox 2.0.0.6? The image doesn't stay within the text field when scrolling up and down.

Caddyman · #88 08-07-2007, 01:38 AM

^^ it probably will if you use the WYSIWYG editor.........IDK why....lol

Barteken · #89 08-28-2007, 07:51 PM

how to get a background in the postbit?

cloyal · #90 08-29-2007, 02:23 AM

I got this to work but only shows up in FF, not IE. Any suggestions?

Neo_Angelo · #91 08-29-2007, 01:02 PM

an excellent addition to vB i will use this i think, looks very cool and a good job on this. well done ^_^.

Upon some tweaking and other such things i've managed to get mine to appear in the bottom right of my box, since i know CSS pretty well i could tell from the start something wasn't right, as someone mentioned above, the coding made it so it repeated the image in the centre, your image must of been pretty big as it didn't repeat on yours.

If anyone is interested in my version of this then i'll post it below. the screenshot is what happens when using a 75w x 24h image

In the WYSIWYG bit:

Code:

#242F37 url(images/yourimage.gif) no-repeat bottom right fixed

PS i've tested this in Firefox version 2 and onwards and it works, not tested in IE and doesn't work in Opera 9.2+

in the extra CSS remove:

Code:

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

since you don't really need this bit.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.09711 seconds Memory Usage 2,295KB Queries Executed 25 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (4)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!