Header
From Brass Goggles
| Line 9: | Line 9: | ||
background-image: url(yourimage.gif); | background-image: url(yourimage.gif); | ||
| - | background-color: | + | background-color: FFCC99; |
(Warning: the following cursor attribute is for those who use IE only!) | (Warning: the following cursor attribute is for those who use IE only!) | ||
Revision as of 01:32, 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: FFCC99;
(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>
