Header
From Brass Goggles
| Line 1: | Line 1: | ||
| - | <style type="text/css"> {color: | + | <style type="text/css"> A:link |
| + | { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } | ||
| + | A:visited | ||
| + | { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } | ||
| + | A:active | ||
| + | { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } | ||
| + | A:hover | ||
| + | { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; | ||
| + | |||
| + | background-image: url(yourimage.gif); | ||
| + | background-color: #000000; | ||
| + | |||
| + | (Warning: the following cursor attribute is for those who use IE only!) | ||
| + | |||
| + | cursor: value; [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize] | ||
| + | cursor: url('yourdomain.com/cursor.ani');} | ||
| + | |||
| + | h1 {font-family: value; [your font name for headers (arial, verdana, etc.)] | ||
| + | color: value; [your font color (#000000)] } | ||
| + | |||
| + | p {font-family: value; [your font name for paragraphs (arial, verdana, etc.)] | ||
| + | color: value; [your font color (#000000)] } | ||
| + | |||
| + | body | ||
| + | { background: #000000; | ||
| + | background-image: url(value); [url of background image to be used, i.e. background.gif] | ||
| + | background-repeat: value; [repeat, no-repeat, repeat-x, repeat-y] | ||
| + | background-position: valueI valueII; [valueI: top, center, bottom, percentage, pixel number] | ||
| + | [valueII: right, center, left, percentage, pixel number] | ||
| + | background-attachment: value; [scroll, fixed] | ||
| + | |||
| + | font-family: value; [your font name] | ||
| + | color: #000000 ; | ||
| + | letter-spacing: value; [any number value (3pt, 5pt)] | ||
| + | font-weight: value; [lighter, normal, bold, bolder, any number value (100, 500, 900)] | ||
| + | font-size: value; [xx-small, x-small, small, medium, large, x-large, xx-large, | ||
| + | any number value (12 pt, 18 pt)] | ||
| + | |||
| + | direction:rtl; [this reverses the entire site so the scrollbar is on the left] | ||
| + | |||
| + | (Warning: the following scrollbar attribute is for those who use IE only!) | ||
| + | |||
| + | scrollbar-face-color : #000000; | ||
| + | scrollbar-highlight-color : #000000; | ||
| + | scrollbar-3dlight-color : #000000; | ||
| + | scrollbar-shadow-color : #000000; | ||
| + | scrollbar-darkshadow-color : #000000; | ||
| + | scrollbar-track-color : #000000; | ||
| + | scrollbar-arrow-color : #000000; | ||
| + | |||
| + | margin-top: 0; | ||
| + | margin-bottom: 0; | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | padding-top: 0; | ||
| + | padding-bottom: 0; | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | |||
| + | td | ||
| + | { font-family: value; [your font name] | ||
| + | color: #000000; | ||
| + | padding-left: value; [2cm, 4cm etc.] | ||
| + | padding-right: value; [2cm] | ||
| + | padding-top: value; [2cm] | ||
| + | padding-bottom: value; [2cm] | ||
| + | padding: value; [2cm this is for all four sides] | ||
| + | padding: value value; [2cm, 4cm : two values for four sides, add numerical value] } | ||
| + | |||
| + | input, textarea | ||
| + | { background: #000000 url(yourimage.gif); | ||
| + | font-family: value; [your font name] | ||
| + | color: #000000; | ||
| + | border-style: value; [dotted, dashed, solid, double, groove, ridge, inset, outset] | ||
| + | border-color: #000000; | ||
| + | border-width: valuepx; [numerical value, 5, 6, 8...] } | ||
| + | |||
| + | </style> | ||
</style> | </style> | ||
Revision as of 01:31, 19 July 2008
<style type="text/css"> A:link
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } A:visited { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } A:active { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; } A:hover { text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000;
background-image: url(yourimage.gif); background-color: #000000;
(Warning: the following cursor attribute is for those who use IE only!)
cursor: value; [default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize] cursor: url('yourdomain.com/cursor.ani');}
h1 {font-family: value; [your font name for headers (arial, verdana, etc.)] color: value; [your font color (#000000)] }
p {font-family: value; [your font name for paragraphs (arial, verdana, etc.)] color: value; [your font color (#000000)] }
body { background: #000000; background-image: url(value); [url of background image to be used, i.e. background.gif] background-repeat: value; [repeat, no-repeat, repeat-x, repeat-y] background-position: valueI valueII; [valueI: top, center, bottom, percentage, pixel number] [valueII: right, center, left, percentage, pixel number] background-attachment: value; [scroll, fixed]
font-family: value; [your font name] color: #000000 ; letter-spacing: value; [any number value (3pt, 5pt)] font-weight: value; [lighter, normal, bold, bolder, any number value (100, 500, 900)] font-size: value; [xx-small, x-small, small, medium, large, x-large, xx-large, any number value (12 pt, 18 pt)]
direction:rtl; [this reverses the entire site so the scrollbar is on the left]
(Warning: the following scrollbar attribute is for those who use IE only!)
scrollbar-face-color : #000000; scrollbar-highlight-color : #000000; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #000000;
margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }
td { font-family: value; [your font name] color: #000000; padding-left: value; [2cm, 4cm etc.] padding-right: value; [2cm] padding-top: value; [2cm] padding-bottom: value; [2cm] padding: value; [2cm this is for all four sides] padding: value value; [2cm, 4cm : two values for four sides, add numerical value] }
input, textarea { background: #000000 url(yourimage.gif); font-family: value; [your font name] color: #000000; border-style: value; [dotted, dashed, solid, double, groove, ridge, inset, outset] border-color: #000000; border-width: valuepx; [numerical value, 5, 6, 8...] }
</style>
</style>
<script type="text/javascript"> //Feel free to add your javascript code here. </script>
