Preserved Topic: FORM Style Changing... (Page 1 of 1)

Hey everyone, I saw on someones website ( http://pod.phong.com/ to be exact) and on the right side, it has a mailing list sign in, and i like how the background color works on that, can someone tell me how to do that? I think it might be CSS, soemone said somehting like that about it...but ohh well.

thanks

foam
www.thefoam.org

Yes it is partially CSS. CSS is a wonderful thing <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">
There's also some Javascript going on I believe -- check out the source (there's alot to go through though).

Here is his CSS file:

BODY
{margin: 0 0 0 0;}
P
{font-family: Times New Roman, Arial, sans-serif, Geneva}

A:link {color:#000000;text-decoration:none}
A:active {color:#00FFFF;text-decoration:none}
A:visited {color:#111111;text-decoration:none}

A:hover {font-weight: bold;color:#634ACE}

INPUT.text {background:#DEE9C9; border: 1px solid #5B722E;color:black;font-family: verdana; font-size: 10pt;font-weight:400}
INPUT.text2 {background:#ECF2E1; border: 1px solid #5B722E;color:black;font-family: verdana; font-size: 10pt;font-weight:400}

INPUT.blueoutline {background:#FFFFFF; border: 1px solid #5B722E;color:black;font-family: verdana; font-size: 10pt;font-weight:400}

INPUT.soopa1 {background:A3B392; border: 1px solid #5B722E;color:black;font-family: verdana; font-size: 10pt;font-weight:400;width:79}

INPUT.soopa0 {background:A3B392; border: 1px solid #5B722E;color:black;font-family: verdana; font-size: 10pt;font-weight:400;}

A:hover.bak {color:#634ACE;text-decoration:none;font-weight: normal;}

Yeah you should note though that this only works in IE (thats why in the page source he has the two lines one for IE and one for Netscape).

That sucks. Is there a way to do it for Netscape?

Hey DL, I'm not sure about Bitdamaged, but I've been screwing with forms and CSS a little and to my knowledge there's no way to do it in Netscape(sucks!).

-------------
Bitte baby, fifteen's my limit on shnitzengrueben.