Topic: How do I change the appearance of my text boxes/areas? Pages that link to <a href="https://ozoneasylum.com/backlink?for=11155" title="Pages that link to Topic: How do I change the appearance of my text boxes/areas?" rel="nofollow" >Topic: How do I change the appearance of my text boxes/areas?\

 
Author Thread
Kalan m
Nervous Wreck (II) Inmate

From: stirling, ON Can.
Insane since: Feb 2004

IP logged posted posted 02-20-2004 18:59 Edit Quote

ie.- The Ozone's whole look.

I'm sure this is some simple css but I'm not familiar with using it, other than your average <style> sheet.

Thanks alot,



Kalan

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 02-20-2004 22:49 Edit Quote

Taken straight from the Ozone Style sheet:

code:
INPUT,password {
BORDER-TOP: #FC6203 1px outset;
BORDER-LEFT: #FC6203 1px outset;

BORDER-BOTTOM: #BD4901 1px inset;
BORDER-RIGHT: #BD4901 1px inset;
FONT-SIZE: 11px; font-weight:bold; COLOR: #FC6203; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #240000;
}
TEXTAREA {
BORDER-TOP: #FC6203 1px outset;
BORDER-LEFT: #FC6203 1px outset;

BORDER-BOTTOM: #BD4901 1px inset;
BORDER-RIGHT: #BD4901 1px inset;
FONT-SIZE: 11px; font-weight:bold; COLOR: #FC6203; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #240000;
}
TEXTAREA.inputbox {
FONT-FAMILY: verdana,arial; PADDING: 4px 4px 4px 4px;
}
SELECT {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #cbc6c3
}




Look in the :FAQ: for info on CSS. CSS is your friend. Love it, live it, learn it.

Later,

C:\


~Binary is best~

[This message has been edited by CPrompt (edited 02-20-2004).]

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 02-20-2004 23:45 Edit Quote

Of course, to clarify - the border specifications that Doc used are somewhat incorrect.

He used "outset" to imply that the particular side of the border was outset (and used "inset" the same way) when in actuality the values of "outset" and "inset" should be used to apply to the border in its entirety -

ie -

border:#ff0000 1px outset;

would specify a border that would give the illusion that the element is popping out, whereas

border:#ff0000 1px inset;

would specify one that is recessed into the page.





Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu