View Full Version : how to make transparent input backgrounds?
never mind, the css thing is:
background-color: transparent;
Admin
05-30-2002, 09:29 AM
That's a cool setting.
Boofo
06-03-2002, 09:21 AM
What would you actually use this for?
Originally posted by nicksaunders
never mind, the css thing is:
background-color: transparent;
Admin
06-03-2002, 01:14 PM
Originally posted by Boofo
What would you actually use this for?
Lots of neat stuff, but most importantly you can make the input box not interfere with what's behind it, background image or whatever.
Boofo
06-03-2002, 01:17 PM
So, like you could use that for the quick reply box message area if you had a background image that you want to show through in the box? Would it work even if the background image was stationary?
Originally posted by FireFly
Lots of neat stuff, but most importantly you can make the input box not interfere with what's behind it, background image or whatever.
Admin
06-03-2002, 01:23 PM
Originally posted by Boofo
So, like you could use that for the quick reply box message area if you had a background image that you want to show through in the box? Would it work even if the background image was stationary?
I'm pretty sure that you can.
Boofo
06-03-2002, 01:58 PM
I tried it and all I get it the same color in the message box and the reso of the box. Here is the code I used. Did I miss something?
<textarea name="message" rows="10" cols="$textareacols" wrap="virtual" tabindex="1" style="COLOR: #4D0000 ; BACKGROUND-COLOR : transparent;">
Originally posted by FireFly
I'm pretty sure that you can.
51HipHop
06-06-2002, 08:07 PM
I'm pretty sure its a CSS tag. You would have to assign the value in the CSS tag instead of the property of the tag.
Boofo
06-06-2002, 08:12 PM
How would you go about doing that with the code I have above? I know nothing about CSS tags (yet). :)
Originally posted by 51HipHop
I'm pretty sure its a CSS tag. You would have to assign the value in the CSS tag instead of the property of the tag.
51HipHop
06-06-2002, 10:48 PM
<style>
.input { BACKGROUND-COLOR: transparent;
COLOR: #4D0000;}
</style>
This would go in the <head> and the </head>tag in your code.
After that, the code you need is this:
<textarea name="message" rows="10" cols="$textareacols" wrap="virtual" tabindex="1" style="input">
Hope this works. You can fins sites out there with CSS tutorials. you should learn them so that you can mess around with more of the features of your website. Like changing the colors of your scrollbars, making fast changes to text without defining them within the tags. It's kind of like defining variables.
Boofo
06-06-2002, 11:27 PM
Well, it didn't work, but thanks for giving it a shot, anyway. You got further than I did. :)
Originally posted by 51HipHop
<style>
.input { BACKGROUND-COLOR: transparent;
COLOR: #4D0000;}
</style>
This would go in the <head> and the </head>tag in your code.
After that, the code you need is this:
<textarea name="message" rows="10" cols="$textareacols" wrap="virtual" tabindex="1" style="input">
Hope this works. You can fins sites out there with CSS tutorials. you should learn them so that you can mess around with more of the features of your website. Like changing the colors of your scrollbars, making fast changes to text without defining them within the tags. It's kind of like defining variables.
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.