Facebook Twitter Pinterest Share

vBulletin 3.X Add-ons & Template Modifications All the latest vBulletin 3.X Add-ons & Template Modifications.


New Thread  Post Reply
Duuuhhude's Avatar
Duuuhhude : Member
Duuuhhude is a jewel in the roughDuuuhhude is a jewel in the roughDuuuhhude is a jewel in the roughDuuuhhude is a jewel in the rough
offline Joined: Sep 2007 Location: [25°16′N 55°20′E] Posts: 46 Thanked: 34
  #1  
Thread Starter Unread 09-30-07
Add backround image to quickreply and reply boxes

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:

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

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

<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" 
After place:
<!-- 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!
phonix's Avatar
phonix : Newbie +
phonix is on a distinguished road
offline Joined: Sep 2007 Posts: 9 Thanked: 7
  #2  
Unread 09-30-07
thanks supperrr
megamisiek23's Avatar
megamisiek23 : Newbie +
megamisiek23 will become famous soon enough
offline Joined: Oct 2007 Location: Poland Posts: 15 Thanked: 4
  #3  
Unread 11-24-07
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.
ravenfaust's Avatar
ravenfaust : Member
ravenfaust is on a distinguished road
offline Joined: Feb 2008 Posts: 42 Thanked: 4
  #4  
Unread 04-14-08
not working in 3.6.8
to0's Avatar
to0 : Member
to0 is on a distinguished road
offline Joined: Feb 2008 Posts: 20 Thanked: 0
  #5  
Unread 04-21-08
Does too work in 3.6.8, I am using it on my forum lol
aa26i's Avatar
aa26i : Newbie +
aa26i is on a distinguished road
offline Joined: Dec 2007 Posts: 5 Thanked: 1
  #6  
Unread 04-21-08
good job....... keep posting
New Thread  Post Reply

Thread Tools

Bookmarks
  • Submit Thread to Facebook
  • Submit Thread to Twitter
  • Submit Thread to Pinterest
  • Submit Thread to LinkedIn
  • Submit Thread to Reddit
Tags
reply, boxes, quickreply, backround, image, add
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Powered by GYSN Underground 2021