Header

From Brass Goggles

(Difference between revisions)
 
(11 intermediate revisions not shown)
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: underline; color:#663300; }
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-color: #000000;
 
-
(Warning: the following cursor attribute is for those who use IE only!)
+
background-color: #FFCC99;
-
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 22:
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)]
 
-
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-top: 0;
Line 60: Line 39:
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 49:
input, textarea
input, textarea
-
{ background: #000000 url(yourimage.gif);
+
{ background: #FFCC99 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: solid;
border-color: #000000;
border-color: #000000;
-
border-width: valuepx; [numerical value, 5, 6, 8...] }
+
border-width: 1; [numerical value, 5, 6, 8...] }
</style>
</style>
-
 
+
 
-
</style>
+
  <script type="text/javascript">
  <script type="text/javascript">
   //Feel free to add your javascript code here.
   //Feel free to add your javascript code here.
  </script>
  </script>

Current revision as of 05:09, 23 July 2008

<style type="text/css">  

A:link { text-decoration: underline; color:#993300; } A:visited { text-decoration: underline; color:#663300; } A:active { text-decoration: underline; color:#993300; } A:hover { text-decoration: underline overline; color:#CC6600;


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 ;



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

</style>


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