vb.org Archive
Page 1 of 3 1 23
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=192)
-   -   Forum Display Enhancements - Add backround image to quickreply and reply boxes (using Inline CSS,Template Edits) (https://vborg.vbsupport.ru/showthread.php?t=158937)

brvheart 09-27-2007 10:00 PM
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 09-28-2007 03:47 AM
*reserved*

PoetJA-1975 09-28-2007 09:51 AM
Looks good - Thanx for the share ;)

Jacquii.

brvheart 09-28-2007 01:10 PM
Quote:
Originally Posted by PoetJA-1975 (Post 1348848)
Looks good - Thanx for the share ;)

Jacquii.
My pleasure :)

Magnumutz 09-28-2007 07:15 PM
It's kinda the same thing as editing the Main CSS.

brvheart 09-28-2007 07:44 PM
without editing the CSS, and without running in to the scrolling issue that some were running in to....

Merrillizer 09-29-2007 02:54 AM
Cool idea. Cant get it to work with my template though. :mad:

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

brvheart 09-29-2007 09:54 AM
why wont it work with your template? What was the issue?

Wayne Luke 10-02-2007 04:41 PM
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 10-02-2007 06:30 PM
Quote:
Originally Posted by Wayne Luke (Post 1351546)
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...


All times are GMT. The time now is 06:48 PM.
Page 1 of 3 1 23
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01389 seconds
  • Memory Usage 1,748KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (6)bbcode_php_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete