PDA

View Full Version : Adding a background image into the reply boxes


Ev!L ErN!E
10-25-2006, 10:00 PM
**** 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

#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:

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

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

Change to:

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

Find:

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

Change to:

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

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

Change to:

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


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


to


#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
probably cause he is declaring things like 6 times :lol:

I removed everything from the extra CSS fields and made


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


to


#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
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 (https://vborg.vbsupport.ru/showpost.php?p=1104549&postcount=8) =)

(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
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
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
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
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
Made no diff.

link me to your site....


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
probably cause he is declaring things like 6 times :lol:

I removed everything from the extra CSS fields and made


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


to


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

Capper5016
12-03-2006, 06:41 PM
okay, i've tried every different method listed on 3.6.4, and nothing but the original method described works:

Code:

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

Replace the "green" text with your color code & the path/filename of your background image.

Then add this into the Extra CSS Attributes box:

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

Using this makes the image not centered, and it repeats


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

to

Code:

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

The png (watermark) image looks great in FF 1.5 and 2.0 as well as IE 7, but it
is illegible in IE6....any ideas

Garyk
12-04-2006, 04:10 PM
okay, i've tried every different method listed on 3.6.4, and nothing but the original method described works:



Using this makes the image not centered, and it repeats



The png (watermark) image looks great in FF 1.5 and 2.0 as well as IE 7, but it
is illegible in IE6....any ideas
unfortunatly there is no way to fix it in ie 6 or lower

Sexified Ninja
12-14-2006, 07:26 PM
question though if u dont use the wysing and use the mormal text is thier a way not to get image imn the title

is there?

xxxmotoxxx
12-17-2006, 10:59 AM
Ive done this mod and works fine for me...but my moderator says theres nothing there for him???were both on IE6

RFViet
12-19-2006, 02:01 PM
That's nice. It would be great if the backgound is selectable to the users. So they can pickup background they want or nothing !!!

blind-eddie
12-24-2006, 03:22 AM
Wont work for me in 3.6.4.....Suggestions?

blind-eddie
12-24-2006, 04:07 AM
im confused

Cireus
12-24-2006, 05:33 AM
With some skins, I had to change the default background color of the text box to white (#FFFFFF) before it allowed me to add the image. (IE: change the color by clicking on the color box beside the line where you enter the information, select the white color box then save. Then it allowed me to add the image I wanted for the background.)

stan111
01-01-2007, 02:41 AM
how come it doesn't work on my vb .. i use Version 3.6.4

Mupetz
01-07-2007, 11:55 AM
Any fix for the 3.6.4 yet ? :|

KURTZ
01-07-2007, 12:16 PM
Any fix for the 3.6.4 yet ? :|

i tried to install on 3.6.4 but it doesnt runs correctly, it's shows the image but if i scroll the page the image moves ..

Brew
01-07-2007, 06:32 PM
I've found that this works but only if you turn off the enhanced reply box by clicking the A/A button on the top right.

Caddyman
01-11-2007, 09:57 AM
just a fyi

1st thanks for figuring this out

i did it Ev!L ErN!E way and had the issue with the image being center to the screen not the box

then i did it Ntfu2 way and it works fine in firefox2, and IE

thanks to both you guys, apprecaite it!

davis31b
01-14-2007, 08:39 PM
im on 3.6.4 and can not get it to work, I have tried almost every combination, any suggestions?

wilburshere
01-20-2007, 11:19 AM
excellent *INSTALLED*

Chandler
01-23-2007, 12:32 PM
Is there a way to make it transparent/fade the image, so when the users types over the image, you can still see the image?

stan111
01-26-2007, 12:51 AM
i put it in WYSIWYG Editor, it does not work
but it works on the Input Field .. weird ..
and i also have the image in title bar too
how do i remove that?

Nathan2006
02-01-2007, 03:47 AM
Thank you Ev!L ErN!E,

I had a play about with it and got it working really well :D

Install

dbirosel
02-21-2007, 09:59 PM
I can't even change the color of the actual text editor. What's going on? The textedit is default white. i tried just changing the color black, and nothing.

What's going on?

Caddyman
03-05-2007, 07:11 PM
i put it in WYSIWYG Editor, it does not work
but it works on the Input Field .. weird ..
and i also have the image in title bar too
how do i remove that?


bump

deezelpope
03-06-2007, 01:09 PM
Installed!! Very cool!! Thanks bunches!!

Dj megas
03-06-2007, 06:08 PM
I install it and looks very nice thank you.
I have a questions please..
1) Why only works with the show enhasend (WYSIWYG) Editor Toolbar and not wit the athe 2?
Is there a way to make it work in all 3 of them?
Thank you.

Dark_Sirius
03-08-2007, 12:30 AM
I've found that this works but only if you turn off the enhanced reply box by clicking the A/A button on the top right.

Running 3.6.4, this is the ONLY way I got this to work. I tried all the suggestions for the quick edit and those didn't work at all.

Oh well. :(

TheMilkCarton
03-08-2007, 04:12 PM
Works fine.. but I have an issue with it.

I thought the "background-position" attributes of "center center" would place my image smack dab in the middle of the editor window.. but what it does is place my image in the vertical center of the window, and the top half of my image is cut off by the editor toolbar (bold, italic, etc) So I can only see the bottom half of the image.

Is there any way to place the image in the very center of the editor window at all times?

flindersredclaw
03-12-2007, 04:56 PM
Well the original code worked for 3.6.4 no drama...

@TheMilkCarton - perhaps your image is too big? Mine is only 150px square.

brvheart
03-21-2007, 12:48 AM
this did not work for me on 3.6.4 no matter what I tried.....kept scrolling etc. Would love to have it working though :)

smoovie
03-21-2007, 02:04 AM
I deleted the "fixed" portion because that centered the image on the page and not in the input box (at least on my site). Give it a try, it couldn't hurt.

TheMilkCarton
03-21-2007, 12:02 PM
@smoovie,

Does yours always stay centered in the editor now? Like, if you click on the "Increase Size" arrow to make the editor bigger, does it still keep centered?

I just can't seem to figure out why mine won't do this.

smoovie
03-21-2007, 01:51 PM
Yes, it' always centered now. I just can't figure out how to remove it from the title input field.

I just remembered that I was messing around with different things with this (adding and removing bits of the code). When I tried to just delete the "fixed" again it wouldn't stay centered. I had to put all the original code back in and save it. Then delete the "fixed" property again. Then it was ok.

brvheart
03-22-2007, 01:16 AM
well...I would love to have this...but can not get it to work without scrolling or showing itself in the thread title boxes...I have tried everything that I could think of...love the mod, just wish I could get it to work on my board lol...

brvheart
03-22-2007, 01:57 AM
well... I finally got it in there, but when I add it to the input fields box it shows up in the title on new reply...anyone else having that issue?

deezelpope
03-22-2007, 09:44 AM
brvheart: You're putting it in the wrong place...put it in the WYSIWYG Editor area (just like in the screenshot) above the Input Fields one. Made this mistake myself at first!;) :o :D

you shouldn't be doing anything in 'Input Fields'...the coder of this hack should take that part out of the instructions.

smoovie: There's a line underneath that says this...tick the box, then save.
To revert this group of settings to their inherited value, tick this box and submit the form.

brvheart
03-22-2007, 11:34 AM
brvheart: You're putting it in the wrong place...put it in the WYSIWYG Editor area (just like in the screenshot) above the Input Fields one. Made this mistake myself at first!;) :o :D

you shouldn't be doing anything in 'Input Fields'...the coder of this hack should take that part out of the instructions.

smoovie: There's a line underneath that says this...tick the box, then save.
To revert this group of settings to their inherited value, tick this box and submit the form.


Thank you, so how do I get it in the full reply as well as quick reply?

deezelpope
03-22-2007, 05:53 PM
Thank you, so how do I get it in the full reply as well as quick reply?

Just like I said...in the WYSIWYG Editor area. Mine shows up in QR as well. Here's what my code looks like...

In the 'Standard CSS Attributes' in the background line...

#FFE4E1 url(images/pupkit.gif) repeat-x center fixed

That's my background color and image.

In the 'Extra CSS Attributes' box, you want...

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

Just make sure your image isn't real big.:)

Hope this helps you!;)

brvheart
03-22-2007, 06:31 PM
Mine did not add it in both quick reply and Reply...

I just scrapped this way and did it with a template edit instead and it works just fine....guess there is more then one way to skin a cat ;)

deezelpope
03-22-2007, 06:44 PM
LOL!! I guess!! Well, I'm glad you got it working anyway.

TheMilkCarton
03-22-2007, 07:05 PM
Well I fixed my problem too. Apparently when you declare the background position in the Background box where you enter the url(), it doesn't work right... as if it's applying the positioning as relative to the image, not the background. I thought I knew CSS pretty well... and I don't think this should be happening. haha.

Anyway, I declared "background-position" over in the extra attributes box and NOW finally, the image will stay centered no matter what size the editor box is.

brvheart
03-23-2007, 09:05 AM
LOL!! I guess!! Well, I'm glad you got it working anyway.

thanks for the help :)

Chicago_VLNU_4s
03-25-2007, 03:35 AM
nice

Cobro
06-25-2007, 02:17 AM
can this be done in 3.6.7 ?? can some one test that or plz make it available..

i got it to work but the pic in the quick reply scrolls if i move up and down were could i possiblie fix that ?

USAMustangs.com
07-04-2007, 05:21 AM
installed.

works great for post reply.

however, the i can't get the quick reply box to work at all. and the showthread_quick reply edits don't help me because i don't have the code that is show to replace.

i have vb 3.6.5

if someone could help me fix the quick reply that would be great. i did try putting the editor code in the input field section and it appeared in quick reply, but the image scrolled.

it's odd how the exact same code that makes it work correctly in the editor doesn't work in quick reply?

JadedSouls
07-24-2007, 12:29 PM
Works great, thank you :)

BinaryTechZone
08-04-2007, 10:13 PM
Very Nice Hack! Worked Flawlessly and really liven the boring interface to suit a sites format!

Brain@binarytechzone.com

Kaycee123
08-06-2007, 04:17 AM
Cool addition - this worked great on our site!

bandare
08-06-2007, 11:40 AM
does the image need to be a certain size or will it resize it?

MarcG
08-07-2007, 12:04 AM
Great idea for adding a personal touch to a forum! works great!

Anyone have a css hack for keeping the image within the input boxes for firefox 2.0.0.6? The image doesn't stay within the text field when scrolling up and down.

Caddyman
08-07-2007, 01:38 AM
^^ it probably will if you use the WYSIWYG editor.........IDK why....lol

Barteken
08-28-2007, 07:51 PM
how to get a background in the postbit?

cloyal
08-29-2007, 02:23 AM
I got this to work but only shows up in FF, not IE. Any suggestions?

Neo_Angelo
08-29-2007, 01:02 PM
an excellent addition to vB i will use this i think, looks very cool and a good job on this. well done ^_^.

Upon some tweaking and other such things i've managed to get mine to appear in the bottom right of my box, since i know CSS pretty well i could tell from the start something wasn't right, as someone mentioned above, the coding made it so it repeated the image in the centre, your image must of been pretty big as it didn't repeat on yours.

If anyone is interested in my version of this then i'll post it below. the screenshot is what happens when using a 75w x 24h image

In the WYSIWYG bit:
#242F37 url(images/yourimage.gif) no-repeat bottom right fixed

PS i've tested this in Firefox version 2 and onwards and it works, not tested in IE and doesn't work in Opera 9.2+

in the extra CSS remove:

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

since you don't really need this bit.

MiahBeSmokin420
10-12-2007, 03:17 AM
why do i see it on my site

but nobody else can see the change

people deleted cookies and all that shit but still dont see it

but me i see it perfectly

MiahBeSmokin420
10-13-2007, 03:30 AM
Bump

in regards to my last post

dose any one have a possiable soultion

i mean i have a poll on my site of who can all see it and so far i got

2 ppl with IE7 can see it
1 person with FF can see it

and about 200 people that cant see it with a mixture of IE7 and/or FF

any ideas at all would be great

nickypoooo
10-18-2007, 08:41 PM
thanks very much, installed

Scooterpig
10-21-2007, 12:44 AM
i mean i have a poll on my site of who can all see it and so far i got
2 ppl with IE7 can see it
1 person with FF can see it
and about 200 people that cant see it with a mixture of IE7 and/or FF
any ideas at all would be great

Maybe because those members don't have WYSIWYG option turned on maybe.

Installed thank you and very impressed...:)

Has anyone worked out how to make this work for the other 2 editors yet instead of only the WYSIWYG option please?

MiahBeSmokin420
10-21-2007, 07:51 PM
thanks im chacking if that worked for evey one now ill let you know what happens

Brickan
11-08-2007, 08:24 PM
hi is ther any way to have a some tables that has difrent pictures and
its building a frame around the forum by using background CSS

youradhere4222
11-08-2007, 10:34 PM
It's not showing.

ctfortner
12-04-2007, 05:31 PM
i tried everything mentioned here and could not get it to work with 3.6.8. would be cool mod though

ZomgStuff
12-05-2007, 12:06 AM
Is there a way to make this quick reply only?

slmoney
12-14-2007, 03:09 AM
i tried everything mentioned here and could not get it to work with 3.6.8. would be cool mod though

I'm using 3.6.8 and it works for me.

Lombardo
01-08-2008, 08:35 PM
how do you get it to show on the main postbit?

i got it on the quick reply no problem but the other posting bit it doesn't appear

TCE Killa
01-08-2008, 11:09 PM
The picture shows in the Main CSS on the little thumbnail but it doesn't show at all on the actual text boxes on the forums. I use 3.6.8. I wish this could work for 3.6.8.

silence25
01-09-2008, 02:45 AM
i'm using 3.6.8, and it works perfectly for me.

Thanks, and installed!

Lombardo
01-16-2008, 11:46 PM
thanks im chacking if that worked for evey one now ill let you know what happens

did you get it to work mate?

the same has happened to me,my members can't see it.

is there a way to turn that on without having to do all members individually?

buurman
01-18-2008, 08:06 AM
Works great, thx for the advice on how to edit the CSS!!!

z0diac
01-18-2008, 01:25 PM
Awesome hack!!! I can display a night semi-transparent logo of the sports team that my forum is supporting now!!

Lombardo
01-18-2008, 01:26 PM
It would be better if it appeared without having to use the WYSIWYG option.

luckid
02-02-2008, 03:38 PM
Tnx Work Perfect :up:

[img=http://img155.imageshack.us/img155/3810/replykv5.th.jpg] (http://img155.imageshack.us/my.php?image=replykv5.jpg)

Bye ;)

CLF
02-14-2008, 08:28 PM
INSTALLED!!!
Really nice! :)

UpGrayeDD
02-15-2008, 09:04 PM
worked for me no problem in 3.6.8.

If u want all users using the editor that this mods, then go to vboptions/user registration options.

Change their message editor interface to WYSIWYG Editor and then everyone will use it since registration and the image will show for all :D

yeku
02-17-2008, 12:10 AM
Installed

thanks

khrisxtine
03-10-2008, 02:32 PM
i'm on 3.6.8 i did everything but it won't work for me either :(

my image goes behind the page..

axi
04-28-2008, 02:36 PM
i got it to work on 3.6.8 as png or gif but the problem is that other users cannot see it except me
what can be wrong?

sdavis2702
05-04-2008, 06:11 AM
Great hack but I just can't get it the way I want it for 3.6.8. It's showing up just fine the way I want it to. I just can't figure out how to keep it out of my search box, title, etc...

marcos_
05-09-2008, 08:36 PM
thanks man i ll try it

hobbybox
06-02-2008, 11:02 PM
This worked - however to get the image centered in the quickreply box I had to remove 'fixed' from the background part of the CSS - but by doing that now the image scrolls with a long message. Any way to get the best of both worlds - fixed and centered?

KanmaiseR
06-13-2008, 08:39 AM
Very very nice hack, thanks installed.. :)

Yalan
08-27-2008, 11:11 AM
great hack, thanks a lot! :)

blackwolf1962
08-28-2008, 09:01 AM
thanks instaled and works fine with vBulletin® Version 3.7.2

Sunsetdriver
08-29-2008, 08:17 AM
thanks instaled and works fine with vBulletin? Version 3.7.2
Did you apply some changes?
I've tried it in both Extra CSS Attributes and Standard CSS Attributes but pic doesn't show up. It's like background being over the pic. :(

vb 3.7.3

mmoore5553
08-29-2008, 03:39 PM
nice mod

SpeedJunkyz
09-06-2008, 04:27 PM
no worky for me either

SpeedJunkyz
09-07-2008, 10:18 PM
Ok I got it working, it doesn't work on firefox. But mine isn't centered. It moves along with the screen when I scroll. check it out speedjunkyz.com

Cloverfield
10-21-2008, 09:27 PM
Same here. Please help! I want it to stay in the quick reply box no matter where you are on the page. The only way, currently, that you can see it is if you scroll down a certain ammount and then it slides into this space and when you carry on scrolling it will disappear again. VERY frustrating!!

csoroner
03-07-2009, 05:41 PM
I had this working fine except the image shows up in my title bar and shout box bar as well. Any know how to get it to work only in the main text input and quick reply????

smeh463
05-09-2009, 09:02 PM
i would ask about allowing members to use thier own backgrounds
how can i enable it?
i saw it in a forum where the code was

*** text here***




when i try it in my forum
i ended up with having cell code appreaed surrounding the text but no background appear



***text here***

dholt
07-17-2009, 07:46 PM
I only want text, as I would like it to disappear when clicked. something like.

Make sure your posting in the right forums
make sure you utilize the attributes in your post
Thank you for your post

Is this the same principle and what would I add to make it disappear when clicked

readonly="yes"

csoroner
07-18-2009, 07:11 PM
Same here. Please help! I want it to stay in the quick reply box no matter where you are on the page. The only way, currently, that you can see it is if you scroll down a certain ammount and then it slides into this space and when you carry on scrolling it will disappear again. VERY frustrating!!

The only reason I'm adding a reply is because of the email notification. I have this working fine but with the exception of Cloverfield's post.

Apparently the author has abandoned this mod?

I would still like to have it fixed in the quick reply box. It's fixed everywhere else but there. It's a good theory though. I used the suggested code and tweaked Wicher's Background in Postbody Messagebox MOD and it's fixed in every text input area on my phpbb2 board.

accludetuner
11-08-2009, 07:09 PM
Ok, this hasn't been posted in for a while. I used a combo of this and brvheart's mod (https://vborg.vbsupport.ru/showthread.php?p=1911728).

I had an issue with the centering of the image, the fact that the increase/decrease box didn't work, and didn't like the image being shown in all input boxes. Here's what I did and this works great for me on 3.8.4 with all the major browsers.

3 template edits.

In Editor Templates > editor_toolbar_off

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

insert directly after the style="
background:#FFFFFF url(images/image.png); background-repeat: no-repeat; background-position: center center;
(note there is a space at the end. You want a space right after - center; )

Things in green should be changed to your forum stuff.



In Editor Templates > editor_toolbar_on

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

insert directly after the style="
background:#FFFFFF url(images/image.png); background-repeat: no-repeat; background-position: center center;
(note there is a space at the end. You want a space right after - center; )

Things in green should be changed to your forum stuff.



In Show Thread Templates > showthread_quickreply
find:
<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="

insert directly after the style="
background:#FFFFFF url(images/image.png); background-repeat: no-repeat; background-position: center center;
(note there is a space at the end. You want a space right after - center; )
(also note, this needs to be done TWICE in this template. There are two instances that need to be modified so make sure you do both. )

Things in green should be changed to your forum stuff.


That's it. Works perfect for me. Hope this helps some you struggling to get it to work, gripes about the display in all input boxes, or issues with the text box increase/decrease buttons.

ravenfaust
12-16-2009, 10:21 AM
not working for me in 3.8

ravenfaust
12-16-2009, 10:56 AM
how about in the shoutbox?

Eduardo Leon
01-01-2011, 05:31 PM
well for my this dont work anymore ..

i use vbulletin 3.8.6 pl 1 and i dont see anything

that's all

PS :

other thing is this, i CAN'T FIND THIS VALUES :

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

that's all ;)

phoenixen
09-08-2011, 10:12 PM
i dont see a save button on main CSS :(