Textbox Image

[Cal Poly Forum]

Saw this from superhonda.com

How can I have a text in the text box like that. (see attach file)

[assassingod]

Use this in your textarea tag:


style="background-image: url('imgurl'); background-repeat: no-repeat; background-attachment: fixed;


This can be done via CSS as well

[lasto]

gonna try this myself

but where about in admin cp is the textarea tag

[filburt1]

Today at 03:18 AM assassingod said this in Post #2 (https://vborg.vbsupport.ru/showthread.php?postid=429375#post429375)
Use this in your textarea tag:


style="background-image: url('imgurl'); background-repeat: no-repeat; background-attachment: fixed;


This can be done via CSS as well

That is itself CSS ;)

Edit the headinclude template to modify the textarea class.

[lasto]

cheers filburt

[lasto]

i enter the above code in the headinclude template and it just displays the code on the pages

is there more to this than that above?

and does it matter where about i put the line in headinclude ?

[assassingod]

Try this:

Open headinclude template, find:

TEXTAREA, .bginput {

Under, add

textarea {style="background-image: url('imgurl'); background-repeat: no-repeat; background-attachment: fixed;}


Should work

@filburt; heh thanks:o

[lasto]

im getting a white box is all + its changing the fonts to big for some reason

for imgurl is ('$imagefolder/hand.gif);

[assassingod]

Oops, I made a mistake in my code, use this instead:
style="background-image: url('imgurl'); background-repeat: no-repeat; background-attachment: fixed;

[lasto]

sorry assassingod i gave up on it

nothin happened all i got was a white box which was normally grey and the pic is uploaded to the dir i put in the URL

style="background-image: url('$imagefolder/hand.gif'); background-repeat: no-repeat; background-attachment: fixed;

also in my header include this may be the prob as i dont have the same code in it as u posted for me to find.

TEXTAREA, .bginput {

mine is just

TEXTAREA
{

[assassingod]

Well then try what I said in my first post, put that code ( or just style="background-image: url('$imagefolder/hand.gif');) in the textarea tag. That will be the easy way

[EvilWa]

im getting a white box is all + its changing the fonts to big for some reason
for imgurl is ('$imagefolder/hand.gif);

just because you forgot add ; in backgroud-color when you add the code below there!

original code in headinclude:--

TEXTAREA, .bginput {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
}

replace with:--

TEXTAREA, .bginput {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF;
background-image: url('imgurl'); background-repeat: no-repeat; background-attachment: fixed;
}