css stylesheet

If you don't already know what css stylesheet is well it's where you have a long code on one page and you put a code on other pages and then you just changed the css stylesheet a bit and then all the pages are changed! This tutorial is a must for people with an i-frame or else it takes forever to update your homepage.

1. First make a page called css or whatever you want.

2. Now copy this code and paste into your new page.
<style type="text/css"> body, html, div, font, p, td { font-family: Tahoma; font-size: 7pt; line-height: 7pt; color: #000000; margin: 0; padding: 0; } .entrytext{ font-weight: normal; } h1 { background: #000000; color: #ffffff; font-family: Tahoma; font-size: 10pt; line-height: 10pt; font-weight: bold; text-transform: uppercase; text-align: right; margin: 0; margin-top: 1px; margin-bottom: 1px; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px dotted #ffffff; } h2 { background: #404040; color: #ffffff; font-family: Tahoma; font-size: 7pt; line-height: 7pt; font-weight: bold; text-align: left; margin: 0; width: px; margin-top: 1px; padding: 0px; padding-bottom: 0px; border-bottom: 0px solid #FFFF00; } h3 { background: #c0c0c0; color: #000000; font-family: tahoma; font-size: 7pt; line-height: 7pt; font-weight: normal; text-transform: none; text-align: left; margin: 0; margin-bottom: 1px; padding: 0px; padding-bottom: 1px; border-bottom: 0px solid none; } .special { font-family: Tahoma; font-size: 7pt; color: #293763; font-weight: bold; line-height: 7pt; } a:link, a:visited, a:active { text-decoration: none; font-weight: bold; font-family: tahoma; color: #ffffff; cursor: crosshair; } a:hover { text-decoration: none; font-weight: bold; font-family: tahoma; color: #000000; cursor: crosshair; } a.nav, a.nav:link, a.nav:active, a.nav:visited { height:10; padding:0; padding-left:1; padding-right:1; color:#000000; border-bottom:1px solid #000000; display:block; text-transform:uppercase; background:#ffffff; } a.nav:hover { height:10; padding:0; padding-left:1; padding-right:1; color:#000000; border-bottom:1px solid #000000; display:block; text-transform:uppercase; background:#ffffff; } input, select { color: #FE7785; background: #ffffff; font-size: 7pt; font-weight: normal; font-weight: bold; text-decoration: none; font-family: Tahoma; text-align: center; border-width: 1px; border-style: solid; border-color: #000000; } TEXTAREA { color: #FE7785; background: #ffffff; font-size: 7pt; font-weight: normal; text-decoration: none; font-family: Tahoma; text-align: center; border-width: 1px; border-style: solid; border-color: #000000; } </style>

3. Okay so now you have to copy this code under and then paste it on all the pages which you want the css to work on. Remember to paste it as the first thing on each page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css.css" type="text/css" /> </head>

4. Now where it says "URL OF THE PAGE" put the url of the page that you put the css stylesheet on.

5. Now copy the code that you just edited on all the page(s) that you would like the css stylesheet to work on.

Now your done! I hope it worked for you. If you have any questions don't hesitate to ask.

(C) Braindeadd.info 2008