PDA

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


Ev!L ErN!E
25 Oct 2006, 23:28
**** 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
25 Oct 2006, 23:50
Woow first post and a super cool hack, thanks to share it with use :nervous:

abramelin
26 Oct 2006, 00:02
ohh yes i was looking for that! thanks very much. one more question. how can we do this for quick reply box?

Stromba
26 Oct 2006, 00:13
Its made for your "quick reply box"

Ev!L ErN!E
26 Oct 2006, 00:15
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
26 Oct 2006, 00:19
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²
26 Oct 2006, 04:28
thanks fort this but does'nt work for me :s

Ntfu2
26 Oct 2006, 06:03
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²
26 Oct 2006, 06:18
oki i found doesent work with standar editor

Ev!L ErN!E
26 Oct 2006, 16:59
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
26 Oct 2006, 17:03
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
26 Oct 2006, 17:26
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 (http://www.vbulletin.org/forum/showpost.php?p=1104549&postcount=8) =)

(nice site btw ntfu2)

yesfans
27 Oct 2006, 00:52
Installed!

midirtrider
27 Oct 2006, 07:22
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
27 Oct 2006, 07:41
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
27 Oct 2006, 07:47
:D thanks..

never played counter strike but I LOVE SOCOM online :D

trying it out right now!

midirtrider
27 Oct 2006, 08:01
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
27 Oct 2006, 09:03
link to your forums?

iran.gs
27 Oct 2006, 10:56
Installed Excelent Work

project-Buckfas
27 Oct 2006, 12:02
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
27 Oct 2006, 13:19
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
27 Oct 2006, 13:30
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
27 Oct 2006, 14:21
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
27 Oct 2006, 15:03
just add

bold

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

that should do the trick =)

Made no diff.

midirtrider
27 Oct 2006, 18:37
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
27 Oct 2006, 23:20
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
28 Oct 2006, 13:35
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
28 Oct 2006, 21:37
take the background code out of the INPUT field, that should help ;)

WritersBeat
29 Oct 2006, 20:53
How would I do this for the postbit?

Necrosaro420
04 Nov 2006, 16:58
Nice and simple =) Installed, Thanks!

ssvp
04 Nov 2006, 17:17
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
25 Nov 2006, 19:51
mines not showing up at all in 3.6.4

Garyk
26 Nov 2006, 15:34
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
27 Nov 2006, 09:54
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
28 Nov 2006, 01:53
Doesn't appear to work for me on 3.6.3 with a non-standard theme, never mind...

puregraf
29 Nov 2006, 01:36
nice!!!!!!!!!!!!!!!

Pvtiste
29 Nov 2006, 19:38
Thx for your job !

sensimilla
30 Nov 2006, 13:10
Nice idea, thanks for the share

MrPHD
02 Dec 2006, 13:35
Installed and working nice.Thanks

JD45
03 Dec 2006, 00:40
Works well on 3.6.4, installed and thank you.

Capper5016
03 Dec 2006, 19:41
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
04 Dec 2006, 17:10
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
14 Dec 2006, 20:26
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
17 Dec 2006, 11:59
Ive done this mod and works fine for me...but my moderator says theres nothing there for him???were both on IE6

RFViet
19 Dec 2006, 15:01
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
24 Dec 2006, 04:22
Wont work for me in 3.6.4.....Suggestions?

blind-eddie
24 Dec 2006, 05:07
im confused

Cireus
24 Dec 2006, 06:33
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 Jan 2007, 03:41
how come it doesn't work on my vb .. i use Version 3.6.4

Mupetz
07 Jan 2007, 12:55
Any fix for the 3.6.4 yet ? :|

KURTZ
07 Jan 2007, 13:16
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
07 Jan 2007, 19:32
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
11 Jan 2007, 10:57
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
14 Jan 2007, 21:39
im on 3.6.4 and can not get it to work, I have tried almost every combination, any suggestions?

wilburshere
20 Jan 2007, 12:19
excellent *INSTALLED*

Chandler
23 Jan 2007, 13:32
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
26 Jan 2007, 01:51
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
01 Feb 2007, 04:47
Thank you Ev!L ErN!E,

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

Install

dbirosel
21 Feb 2007, 22:59
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
05 Mar 2007, 20:11
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
06 Mar 2007, 14:09
Installed!! Very cool!! Thanks bunches!!

Dj megas
06 Mar 2007, 19:08
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
08 Mar 2007, 01:30
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
08 Mar 2007, 17:12
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
12 Mar 2007, 17:56
Well the original code worked for 3.6.4 no drama...

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

brvheart
21 Mar 2007, 01:48
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
21 Mar 2007, 03:04
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
21 Mar 2007, 13:02
@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
21 Mar 2007, 14:51
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
22 Mar 2007, 02:16
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
22 Mar 2007, 02:57
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
22 Mar 2007, 10:44
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
22 Mar 2007, 12:34
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
22 Mar 2007, 18:53
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
22 Mar 2007, 19:31
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
22 Mar 2007, 19:44
LOL!! I guess!! Well, I'm glad you got it working anyway.

TheMilkCarton
22 Mar 2007, 20:05
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
23 Mar 2007, 10:05
LOL!! I guess!! Well, I'm glad you got it working anyway.

thanks for the help :)

Chicago_VLNU_4s
25 Mar 2007, 04:35
nice

Cobro
25 Jun 2007, 03:17
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
04 Jul 2007, 06:21
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
24 Jul 2007, 13:29
Works great, thank you :)

BinaryTechZone
04 Aug 2007, 23:13
Very Nice Hack! Worked Flawlessly and really liven the boring interface to suit a sites format!

Brain@binarytechzone.com

Kaycee123
06 Aug 2007, 05:17
Cool addition - this worked great on our site!

bandare
06 Aug 2007, 12:40
does the image need to be a certain size or will it resize it?

MarcG
07 Aug 2007, 01:04
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
07 Aug 2007, 02:38
^^ it probably will if you use the WYSIWYG editor.........IDK why....lol

Barteken
28 Aug 2007, 20:51
how to get a background in the postbit?

cloyal
29 Aug 2007, 03:23
I got this to work but only shows up in FF, not IE. Any suggestions?

Neo_Angelo
29 Aug 2007, 14:02
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
12 Oct 2007, 04:17
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
13 Oct 2007, 04:30
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
18 Oct 2007, 21:41
thanks very much, installed

Scooterpig
21 Oct 2007, 01:44
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
21 Oct 2007, 20:51
thanks im chacking if that worked for evey one now ill let you know what happens

Brickan
08 Nov 2007, 21:24
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
08 Nov 2007, 23:34
It's not showing.

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

ZomgStuff
05 Dec 2007, 01:06
Is there a way to make this quick reply only?

slmoney
14 Dec 2007, 04:09
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
08 Jan 2008, 21:35
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
09 Jan 2008, 00:09
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
09 Jan 2008, 03:45
i'm using 3.6.8, and it works perfectly for me.

Thanks, and installed!

Lombardo
17 Jan 2008, 00:46
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
18 Jan 2008, 09:06
Works great, thx for the advice on how to edit the CSS!!!

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

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

luckid
02 Feb 2008, 16:38
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
14 Feb 2008, 21:28
INSTALLED!!!
Really nice! :)

UpGrayeDD
15 Feb 2008, 22:04
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
17 Feb 2008, 01:10
Installed

thanks

khrisxtine
10 Mar 2008, 15:32
i'm on 3.6.8 i did everything but it won't work for me either :(

my image goes behind the page..

axi
28 Apr 2008, 15:36
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
04 May 2008, 07:11
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_
09 May 2008, 21:36
thanks man i ll try it

hobbybox
03 Jun 2008, 00:02
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
13 Jun 2008, 09:39
Very very nice hack, thanks installed.. :)

Yalan
27 Aug 2008, 12:11
great hack, thanks a lot! :)

blackwolf1962
28 Aug 2008, 10:01
thanks instaled and works fine with vBulletin® Version 3.7.2

Sunsetdriver
29 Aug 2008, 09:17
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
29 Aug 2008, 16:39
nice mod

SpeedJunkyz
06 Sep 2008, 17:27
no worky for me either

SpeedJunkyz
07 Sep 2008, 23:18
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
21 Oct 2008, 22:27
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
07 Mar 2009, 18:41
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
09 May 2009, 22:02
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
17 Jul 2009, 20:46
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
18 Jul 2009, 20:11
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
08 Nov 2009, 20:09
Ok, this hasn't been posted in for a while. I used a combo of this and brvheart's mod (http://www.vbulletin.org/forum/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
16 Dec 2009, 11:21
not working for me in 3.8

ravenfaust
16 Dec 2009, 11:56
how about in the shoutbox?

Eduardo Leon
01 Jan 2011, 18:31
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
08 Sep 2011, 23:12
i dont see a save button on main CSS :(