vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=192)
-   -   Adding a background image into the reply boxes (https://vborg.vbsupport.ru/showthread.php?t=129962)

Ev!L ErN!E 10-25-2006 10:00 PM

Adding a background image into the reply boxes
 
**** THIS SHOULD (DID 4 ME) ADD A BACKGROUND IMAGE TO THE QUICK REPLY BOX AS WELL ****


This is NOT a hack, its just a very simple template edit, so theres nuthing to download or install, this only been tested on IE6:
Go to>

Admin CP -> Styles & Templates -> Style Manager -> Main CSS (in the menu)
Edit these two sections

- WYSIWYG Editor

- Input Fields

Add the line below in the Standard CSS Attributes side, in the "background" field

Code:

#2D2D2D url(images/yourimagehere) repeat-x center fixed
Replace the "green" text with your color code & the path/filename of your background image.

example:
images/replyboxbg.gif

Then

add this into the Extra CSS Attributes box:

Code:

background-repeat: no-repeat;
background-position: center center;

(see attachments)

Save CSS and your good to go....

Please Click INSTALL

Enjoy!

Stromba 10-25-2006 10:50 PM

Woow first post and a super cool hack, thanks to share it with use :nervous:

abramelin 10-25-2006 11:02 PM

ohh yes i was looking for that! thanks very much. one more question. how can we do this for quick reply box?

Stromba 10-25-2006 11:13 PM

Its made for your "quick reply box"

Ev!L ErN!E 10-25-2006 11:15 PM

Quote:

Originally Posted by abramelin
ohh yes i was looking for that! thanks very much. one more question. how can we do this for quick reply box?

If that didn't work.........

Try this:

Along with the changes above, do these edits to showthread_quickreply

Find:
Code:


 
<iframe id="htmlbox" style="width:600px; height:100px" tabindex="1"></iframe>

Change to:
Code:


<iframe id="htmlbox" style="background:#HEX url(path/to/file); width:600px; height:100px" tabindex="1"></iframe>

Find:
Code:


 
<textarea name="message" id="qr_message" class="bginput" style="width:600px; height:100px" cols="60" rows="5" tabindex="1"></textarea>

Change to:
Code:


<textarea name="message" id="qr_message" class="bginput" style="background:#HEX url(path/to/file); width:600px; height:100px" cols="60" rows="5" tabindex="1"></textarea>

Find:
Code:


 
<textarea name="message" id="qr_message" class="bginput" style="width:600px; height:100px;" rows="5" cols="60" tabindex="1"></textarea>

Change to:
Code:


<textarea name="message" id="qr_message" class="bginput" style="background:#HEX url(path/to/file); width:600px; height:100px;" cols="60" rows="5" tabindex="1"></textarea>

Remember to change the "green" text to your own values.

Let me know how it goes.

Ev!L ErN!E 10-25-2006 11:19 PM

Quote:

Originally Posted by Stromba
Its made for your "quick reply box"

its made for both "quick reply" & "post" boxes, if your using 3.6.2 it should work without the templete edits I just mentioned.

:devious:

lolo? 10-26-2006 03:28 AM

thanks fort this but does'nt work for me :s

Ntfu2 10-26-2006 05:03 AM

probably cause he is declaring things like 6 times :lol:

I removed everything from the extra CSS fields and made

Code:

#2D2D2D url(images/yourimagehere) repeat-x center fixed
to

Code:

#2D2D2D url(images/yourimagehere) repeat-x center
And all works well for me :D

lolo? 10-26-2006 05:18 AM

oki i found doesent work with standar editor

Ev!L ErN!E 10-26-2006 03:59 PM

Quote:

Originally Posted by Ntfu2
probably cause he is declaring things like 6 times :lol:

I removed everything from the extra CSS fields and made

Code:

#2D2D2D url(images/yourimagehere) repeat-x center fixed
to

Code:

#2D2D2D url(images/yourimagehere) repeat-x center
And all works well for me :D

what version of vB are you using? because when I first tried to do this, I also had nuthing in the extra CSS fields and did not include "fixed", but when I did it that way the background image kept repeating, the only way I could get it from not repeating was doing what I first posted.

Could this be a version conflict? or maybe a browser?
Like I mentioned, I have not used this with anything other then IE 6

Ntfu2 10-26-2006 04:03 PM

Using IE 7 one of the beta's still :) and FireFox.

vBulletin 3.6.0. However with my method when using the quick edit of posts its the only time i've noticed it repeating itself so far.

I used your method, and the only time it showed up for me, was when the reply box would be centered on the screen :dunno: thats the great software developers for you. Im sure either way gets the job done :D

Ev!L ErN!E 10-26-2006 04:26 PM

Quote:

Originally Posted by Ntfu2
Using IE 7 one of the beta's still :) and FireFox.

vBulletin 3.6.0. However with my method when using the quick edit of posts its the only time i've noticed it repeating itself so far.

I used your method, and the only time it showed up for me, was when the reply box would be centered on the screen :dunno: thats the great software developers for you. Im sure either way gets the job done :D

ahh ok, it could also be the size of your background image.... I've had people using backgrounds that are larger the the actual size of the reply boxes, when I created my background image I made it small enough to fit inside, like the attachment in the first post.

I do beleave if you add the "fixed" after this
#2D2D2D url(images/yourimagehere) repeat-x center

it will keep your background image center'd and also keep it static so it will not move when people create large messages, but I could be wrong.

Anyway thanks for posting, and if you can't get this to work try what Ntfu2 posted =)

(nice site btw ntfu2)

yesfans 10-26-2006 11:52 PM

Installed!

midirtrider 10-27-2006 06:22 AM

going to give this a try looks pretty sweet..

what size are you guys saving your image at in order to get it to fill the whole box properly?

Ev!L ErN!E 10-27-2006 06:41 AM

Quote:

Originally Posted by midirtrider
going to give this a try looks pretty sweet..

what size are you guys saving your image at in order to get it to fill the whole box properly?

mine is 194 x 155 I'm sure you could go a tad bit bigger... but I wouldn't suggest using very large images, like 800x600 or anything like that.

:lick:

**EDIT**
heres the exact image I used.. feel free to use it if your into Counter-Strike, lol

midirtrider 10-27-2006 06:47 AM

:D thanks..

never played counter strike but I LOVE SOCOM online :D

trying it out right now!

midirtrider 10-27-2006 07:01 AM

nope not working on 3.6.0

I also looked in showthread_quickreply to change what you said and I cant even seem to find that line in there anywhere..

Even tried what NTfu2 suggested and nothing..

any other suggestions..

Ev!L ErN!E 10-27-2006 08:03 AM

link to your forums?

iran.gs 10-27-2006 09:56 AM

Installed Excelent Work

project-Buckfas 10-27-2006 11:02 AM

Seen this on an IPB site and always thought it was a nifty little touch! Glad I can have it vB now!

Reserved for when I get my ass outta work!

yesfans 10-27-2006 12:19 PM

How can I make the font type in BOLD?? I have users +++++ing cause that can't see what they are typing.

Ev!L ErN!E 10-27-2006 12:30 PM

Quote:

Originally Posted by yesfans
How can I make the font type in BOLD?? I have users +++++ing cause that can't see what they are typing.

just add

bold

into the font style field for both WYSIWYG Editor & Input Fields

that should do the trick =)

RockForums 10-27-2006 01:21 PM

Had to do a bit of editing to make it all fit well, it was posting in the new thread/post title etc. which was annoying.

All installed now though :)

yesfans 10-27-2006 02:03 PM

Quote:

Originally Posted by Ev!L ErN!E
just add

bold

into the font style field for both WYSIWYG Editor & Input Fields

that should do the trick =)

Made no diff.

midirtrider 10-27-2006 05:37 PM

Quote:

Originally Posted by Ev!L ErN!E
link to your forums?


www.midirtriders.com

I tried messing with the code and I couldnt get it to work..
if you have any suggestions Id love to hear them.. it is a awsome looking mod forsure and would go GREAT with my site.

Ev!L ErN!E 10-27-2006 10:20 PM

Quote:

Originally Posted by yesfans
Made no diff.

link me to your site....


Quote:

Originally Posted by midirtrider
www.midirtriders.com

I tried messing with the code and I couldnt get it to work..
if you have any suggestions Id love to hear them.. it is a awsome looking mod forsure and would go GREAT with my site.

ahh nice forums, from MI huh? me to... my brother owns a quad.
as for your problem, what is the image your trying to set as your background? and can you post or pm me a screen of your admincp where the code is please.

iran.gs 10-28-2006 12:35 PM

well after 2 days i wanted to give u my feed back, only problem is while typing something if u want to read back or mistyped something my .gif is blocking my view
i used a 28/88 my site linkme which i love the way it shows and since it some how transparents looks grt but like i said if u want to read back before preview or post it, my own .gif will block my view... just wanted to tell u this...

Ev!L ErN!E 10-28-2006 08:37 PM

take the background code out of the INPUT field, that should help ;)

WritersBeat 10-29-2006 07:53 PM

How would I do this for the postbit?

Necrosaro420 11-04-2006 03:58 PM

Nice and simple =) Installed, Thanks!

ssvp 11-04-2006 04:17 PM

Quote:

Originally Posted by Ntfu2
probably cause he is declaring things like 6 times :lol:

I removed everything from the extra CSS fields and made

Code:

#2D2D2D url(images/yourimagehere) repeat-x center fixed
to

Code:

#2D2D2D url(images/yourimagehere) repeat-x center
And all works well for me :D

BUMP.. Ditto for me with 3.6.2 Fixed it perfectly.. Note if you just want the quick reply box and the body of the reply. Do not modify the input fields as this will cause the title box to also have the graphic..

thedvs 11-25-2006 06:51 PM

mines not showing up at all in 3.6.4

Garyk 11-26-2006 02:34 PM

is ther any way i can get this to show up in my login form i saw it done on another vbulletin site so i know its possible

edit nvm i got it

snobird1211 11-27-2006 08:54 AM

question though if u dont use the wysing and use the mormal text is thier a way not to get image imn the title

simalert 11-28-2006 12:53 AM

Doesn't appear to work for me on 3.6.3 with a non-standard theme, never mind...

puregraf 11-29-2006 12:36 AM

nice!!!!!!!!!!!!!!!

Pvtiste 11-29-2006 06:38 PM

Thx for your job !

sensimilla 11-30-2006 12:10 PM

Nice idea, thanks for the share

MrPHD 12-02-2006 12:35 PM

Installed and working nice.Thanks

JD45 12-02-2006 11:40 PM

Works well on 3.6.4, installed and thank you.


All times are GMT. The time now is 06:05 PM.

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.01358 seconds
  • Memory Usage 1,828KB
  • 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
  • (14)bbcode_code_printable
  • (11)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
  • (40)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