Add backround image to quickreply and reply boxes

Duuuhhude

New Member
Add backround image to quickreply and reply boxes (not using CSS,Template Edits Only)

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.
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.


Details:

Files to upload:
1 - to images folder

Template edits:

Editor Templates
editor_toolbar_off
editor_toolbar_on
Show Thread Templates
showthread_quickreply
---------------------------------------------------------

Instructions:

in editor_toolbar_off find:

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

After place:
PHP:
<!-- 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:
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60"

After place:
PHP:
<!-- 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):

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

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


thats all enjoy!
 

Duuuhhude

New Member
Add backround image to quickreply and reply boxes (not using CSS,Template Edits Only)

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.
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.


Details:

Files to upload:
1 - to images folder

Template edits:

Editor Templates
editor_toolbar_off
editor_toolbar_on
Show Thread Templates
showthread_quickreply
---------------------------------------------------------

Instructions:

in editor_toolbar_off find:

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

After place:
PHP:
<!-- 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:
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60"

After place:
PHP:
<!-- 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):

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

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


thats all enjoy!
 

Duuuhhude

New Member
Add backround image to quickreply and reply boxes (not using CSS,Template Edits Only)

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.
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.


Details:

Files to upload:
1 - to images folder

Template edits:

Editor Templates
editor_toolbar_off
editor_toolbar_on
Show Thread Templates
showthread_quickreply
---------------------------------------------------------

Instructions:

in editor_toolbar_off find:

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

After place:
PHP:
<!-- 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:
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60"

After place:
PHP:
<!-- 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):

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

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


thats all enjoy!
 

megamisiek23

New Member
Next step: code to be able to use random images in every refreshed page. We will upload pictures named for eg. backimage1, backimage2 etc and script will use backimage$ randomly :) It will be nice enchancmend

/Opal/Appendix^Scoopex msg.
 
Top