Header

From Brass Goggles

(Difference between revisions)
Line 1: Line 1:
-
  <style type="text/css">  A:link
+
  <style type="text/css">   
-
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
+
  A:link
 +
{ text-decoration: underline; color:#993300; }
A:visited
A:visited
-
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
+
{ text-decoration: line-through; color:#000000; }
A:active
A:active
-
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000; }
+
{ text-decoration: underline; color:#993300; }
A:hover
A:hover
-
{ text-decoration: value; [underline, overline, underline overline, line-through, blink, none] color:#000000;
+
{ text-decoration: underline overline; color:#CC6600;
background-image: url(yourimage.gif);
background-image: url(yourimage.gif);
-
background-color: FFCC99;
+
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  
body  
-
{ background: #000000;  
+
{ background: #FFCC99;  
background-image: url(value); [url of background image to be used, i.e. background.gif]
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-repeat: value; [repeat, no-repeat, repeat-x, repeat-y]
Line 30: Line 21:
background-attachment: value; [scroll, fixed]
background-attachment: value; [scroll, fixed]
-
font-family: value; [your font name]
+
font-family: times new roman;
color: #000000 ;  
color: #000000 ;  
letter-spacing: value; [any number value (3pt, 5pt)]
letter-spacing: value; [any number value (3pt, 5pt)]
Line 36: Line 27:
font-size: value; [xx-small, x-small, small, medium, large, x-large, xx-large,  
font-size: value; [xx-small, x-small, small, medium, large, x-large, xx-large,  
any number value (12 pt, 18 pt)]
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!)
(Warning: the following scrollbar attribute is for those who use IE only!)
Line 60: Line 49:
td
td
-
{ font-family: value; [your font name]
+
{ font-family: times new roman;
color: #000000;
color: #000000;
padding-left: value; [2cm, 4cm etc.]
padding-left: value; [2cm, 4cm etc.]
Line 70: Line 59:
input, textarea
input, textarea
-
{ background: #000000 url(yourimage.gif);
+
{ background: #FF9933 url(yourimage.gif);
-
font-family: value; [your font name]
+
font-family: times new roman;
color: #000000;  
color: #000000;  
-
border-style: value; [dotted, dashed, solid, double, groove, ridge, inset, outset]
+
border-style: dashed;
border-color: #000000;
border-color: #000000;
-
border-width: valuepx; [numerical value, 5, 6, 8...] }
+
border-width: 2; [numerical value, 5, 6, 8...] }
</style>
</style>
-
 
 
  </style>
  </style>

Revision as of 01:38, 19 July 2008

<style type="text/css">  
  A:link

{ text-decoration: underline; color:#993300; } A:visited { text-decoration: line-through; color:#000000; } A:active { text-decoration: underline; color:#993300; } A:hover { text-decoration: underline overline; color:#CC6600;

background-image: url(yourimage.gif); background-color: #FFCC99;


body { background: #FFCC99; 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: times new roman; 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)]

(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: times new roman; 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: #FF9933 url(yourimage.gif); font-family: times new roman; color: #000000; border-style: dashed; border-color: #000000; border-width: 2; [numerical value, 5, 6, 8...] }

</style>

</style>
<script type="text/javascript">
  //Feel free to add your javascript code here.
</script>
Personal tools