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!

[mmoore5553]

nice mod

[SpeedJunkyz]

no worky for me either

[SpeedJunkyz]

Ok I got it working, it doesn't work on firefox. But mine isn't centered. It moves along with the screen when I scroll. check it out speedjunkyz.com

[Cloverfield]

Same here. Please help! I want it to stay in the quick reply box no matter where you are on the page. The only way, currently, that you can see it is if you scroll down a certain ammount and then it slides into this space and when you carry on scrolling it will disappear again. VERY frustrating!!

[csoroner]

I had this working fine except the image shows up in my title bar and shout box bar as well. Any know how to get it to work only in the main text input and quick reply????

[smeh463]

i would ask about allowing members to use thier own backgrounds
how can i enable it?
i saw it in a forum where the code was

PHP Code:

[align=CENTER][table="width:100%;background-image:url(http://i39.tinypic.com/);"][cell="filter:;"]
*** text here***
[/cell][/table][/align] 


when i try it in my forum
i ended up with having cell code appreaed surrounding the text but no background appear

PHP Code:

[cell="filter:;"]
***text here***
[/cell] 


[dholt]

I only want text, as I would like it to disappear when clicked. something like.

Make sure your posting in the right forums
make sure you utilize the attributes in your post
Thank you for your post

Is this the same principle and what would I add to make it disappear when clicked

readonly="yes"

[csoroner]

Originally Posted by Cloverfield

Same here. Please help! I want it to stay in the quick reply box no matter where you are on the page. The only way, currently, that you can see it is if you scroll down a certain ammount and then it slides into this space and when you carry on scrolling it will disappear again. VERY frustrating!!

The only reason I'm adding a reply is because of the email notification. I have this working fine but with the exception of Cloverfield's post.

Apparently the author has abandoned this mod?

I would still like to have it fixed in the quick reply box. It's fixed everywhere else but there. It's a good theory though. I used the suggested code and tweaked Wicher's Background in Postbody Messagebox MOD and it's fixed in every text input area on my phpbb2 board.

[accludetuner]

Ok, this hasn't been posted in for a while. I used a combo of this and brvheart's mod.

I had an issue with the centering of the image, the fact that the increase/decrease box didn't work, and didn't like the image being shown in all input boxes. Here's what I did and this works great for me on 3.8.4 with all the major browsers.

3 template edits.

In Editor Templates > editor_toolbar_off

find:

<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="

insert directly after the style="

background:#FFFFFF url(images/image.png); background-repeat: no-repeat; background-position: center center;

(note there is a space at the end. You want a space right after - center; )

Things in green should be changed to your forum stuff.



In Editor Templates > editor_toolbar_on

find:

<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="

insert directly after the style="

background:#FFFFFF url(images/image.png); background-repeat: no-repeat; background-position: center center;

(note there is a space at the end. You want a space right after - center; )

Things in green should be changed to your forum stuff.



In Show Thread Templates > showthread_quickreply
find:

<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="

insert directly after the style="

background:#FFFFFF url(images/image.png); background-repeat: no-repeat; background-position: center center;

(note there is a space at the end. You want a space right after - center; )
(also note, this needs to be done TWICE in this template. There are two instances that need to be modified so make sure you do both. )

Things in green should be changed to your forum stuff.


That's it. Works perfect for me. Hope this helps some you struggling to get it to work, gripes about the display in all input boxes, or issues with the text box increase/decrease buttons.

[ravenfaust]

not working for me in 3.8