Add backround image to quickreply and reply boxes (using Inline CSS,Template Edits)
Mod Version: 1.00, by brvheart
This modification is in the archives.
| vB Version: 3.6.11 | Rating:  (1 vote - 4.00 average) |
Installs: 23 |
| Released: 28 Sep 2007 | Last Update: Never | Downloads: 123 |
 Not Supported
 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 - http://www.mmaworld.org
http://javascript: vborg_doinstall(158937,true)
---------------------------------------------------------
Instructions:
in editor_toolbar_off find:
After place:
---------------------------------------------------------
in editor_toolbar_on find (towards bottom of template):
After place:
---------------------------------------------------------
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
After place:
-----------------------------------------------------------------------------------------------------------------
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 - http://www.mmaworld.org
http://javascript: vborg_doinstall(158937,true)
---------------------------------------------------------
Instructions:
in editor_toolbar_off find:
PHP Code:
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60"
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"
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"
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 -->
Download
This modification is archived, downloads are still allowed.
brvhearts_quickreply_reply_backround_image.txt (2.6 KB, 125 downloads)
Screenshots
