Forum Display Enhancements - Add backround image to quickreply and reply boxes (using Inline CSS,Template Edits)

Brvheart's - Add backround image to quickreply and reply boxes
-----------------------------------------------------------------------------------------------------------------
This is a few simple template edits, I have seen this done via CSS but could not get it to work without the
image scrolling out of view, so I decided to play around and see if I could get it to work in a different manner. I was not able to find the original thread that I saw this in with the CSS edits etc, if I find it I will gladly give credit for the original idea to the author.

EDIT - Original hack here by Ev!L ErN!E

See Directions below.

The image should be uploaded to your images directory and be around 330 x 89 in size. I will upload the one I am using as a base.

**************note*************
the "background:#262626 in the below code needs to be change to fit your backround color, this is mine that I used,
make sure to change it for your style on your board.
**************end note*********
-----------------------------------------------------------------------------------------------------------------

Details:

Files to upload:
1 - to images folder

Template edits:

Editor Templates
editor_toolbar_off
editor_toolbar_on
Show Thread Templates
showthread_quickreply

Live Demo - here

please click install
---------------------------------------------------------

Instructions:

in editor_toolbar_off find:

PHP Code:

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


After place:

PHP Code:

<!-- start brvhearts backround image -->
style="background:#262626 url(images/imagename.gif); background-repeat: no-repeat; background-position: center center;
<!-- end brvhearts backround image --> 


---------------------------------------------------------

in editor_toolbar_on find (towards bottom of template):

PHP Code:

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


After place:

PHP Code:

<!-- start brvhearts backround image -->
style="background:#262626 url(forumpath/imagename.gif); background-repeat: no-repeat; background-position: center center;
<!-- end brvhearts backround image --> 


---------------------------------------------------------

in showthread_quickreply find (towards bottom of template):

There will be 2 instances of the below at the end of the template, you are looking for the second one

PHP Code:

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


After place:

PHP Code:

<!-- start brvhearts backround image -->
style="background:#262626 url(forumpath/imagename.gif); background-repeat: no-repeat; background-position: center center;
<!-- end brvhearts backround image --> 


[brvheart]

*reserved*

[PoetJA-1975]

Looks good - Thanx for the share

Jacquii.

[brvheart]

Originally Posted by PoetJA-1975

Looks good - Thanx for the share

Jacquii.

My pleasure

[Magnumutz]

It's kinda the same thing as editing the Main CSS.

[brvheart]

without editing the CSS, and without running in to the scrolling issue that some were running in to....

[Merrillizer]

Cool idea. Cant get it to work with my template though.

Would be cool if there were a way to make the images rotate, like 3 or 4 random images.

[brvheart]

why wont it work with your template? What was the issue?

[Wayne Luke]

This is still CSS... Just inline CSS.

TO fix the scrolling issue, you just have to apply the style to the appropriate element, which you did inline. It can be handled in MainCSS as well but you would probably need to add your own inline class.

[brvheart]

Originally Posted by Wayne Luke

This is still CSS... Just inline CSS.

TO fix the scrolling issue, you just have to apply the style to the appropriate element, which you did inline. It can be handled in MainCSS as well but you would probably need to add your own inline class.

hmm...I was not able to get it with the original....so I did this one and it seemed to work fine, can be deleted if it is not found to be useful...