PhpBB3 BBCodes

Posted: **02 Aug 2011, 11:10**

Adding Background image to textarea
Written by Stoker

Lets add a background image to the posting textarea both on posting and quickreply.
Demo: This site

First we will add the background image to the Quickreply
Open styles/prosilver/template/quickreply_editor.html
Find:

Code: Select all

<textarea style="height: 9em;"

Replace with:

Code: Select all

<textarea style="height: 9em; background: #FFFFFF url('{ROOT_PATH}images/message.png') center no-repeat;"

Note that you need to find and replace above twice!

Next we will add the background image to the Posting Editor
Open styles/prosilver/template/posting_editor.html
Find:

Code: Select all

name="message" id="message"

Replace with:

Code: Select all

name="message" id="message" style="background: #FFFFFF url('{ROOT_PATH}images/message.png') center no-repeat;"

In this case the background image is named "message.png"
You can name it anything you want, just change it in the code too.
The image MUST be uploaded to your /images/ folder.

Posted: **05 Sep 2011, 01:15**

thanks for this one Stoker

Posted: **29 Sep 2011, 14:11**

EDIT....I have been gimping....

just not sure how to make it a bit more opaque.....any clues??

and is the file size any issue??

message.png.zip: (9.58 KiB) Downloaded 313 times

Happy & leaving it. Lots of good comments on the forum

Posted: **26 Mar 2012, 22:26**

Stoker,

Do you know what edits would have to be made to put the backround image in the PM text area?

Posted: **26 Mar 2012, 22:50**

Maybe the code in first post can help?

Posted: **26 Mar 2012, 22:56**

Stoker wrote:Maybe the code in first post can help?

Crap, sorry about that, I needed to refresh the screen for it to appear. Thanks