Adding Background image to textarea

[Stoker]

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.

[Terr0r]

thanks for this one Stoker

[Blackwolf]

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 314 times

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

[mikef35]

Stoker,

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

[Stoker]

Maybe the code in first post can help?

[mikef35]

Maybe the code in first post can help?

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