Code for "headstyle.css"

#header { width:%;
background:;
margin:px;
padding:px;
}

#leftbar { float:;
width:%;
height:px;
background:;
text-align:;
}

#rightbar { float:;
width:%;
height:px;
background:;
text-align:;
}

#bar { width:%;
background:;
}

a { font-family:;
font-size:px;
background-color:;
color:;
font-weight:;
vertical-align:;
}

a:hover { font-family:;
font-size:ahoversize1;
background-color:;
color:;
}

Code for "header.html"

<div id="bar">
</div>
<div id="header">
<div id="leftbar">
</div>
<div id="rightbar">
</div>
</div>

Code for "test.php"

<html>
<head>
<title>
Favorites Title Here </title>
<link rel="stylesheet" type="text/css" href="headstyle.css">
</head>
<body>
<?php include ("header.html") ?>
</body>
</html>

VIP: This last file (test.php) is a temporary php include setup which uses the css (headstyle.css) file and the 'include' (header.html) file for the body. In 'real life' the include file (header.html) would be a copy n paste operation - for the 'body' of your existing page. The external style sheet (headstyle.css) would be added to the head section, with code like this:

<link rel="stylesheet" type="text/css" href="headstyle.css">

Of course, additional style elements would be recommended for a full external style sheet. Examples of other style sheets are shown on this website and/or some of the 'more tutorial' sites shown in the menu.

Code by: IBDhost