First of all, php must be supported on your site. Not all sites support them so be sure to find out first. Next, rename ALL of your files extension to .php (this includes your main/index file). Instead of you.htm or you.html, change it to you.php.
Open up your main/index file. Code your site in HTML like you normally do. Here's an example of my coding:
The only editing you would need to do with the coding above is to make sure you've renamed ALL HTML EXTENSIONS TO .PHP (the bolded text)!! Save the file once you've done this.
Now you must create two files: header.php & footer.php. In your header.php file, you place the major coding, the html, head, body opening tags, the title, the layout coding, stylesheet code, sidebar stuff, navigation, etc. The DIV code for your main content should be the LAST piece of coding in your header file. Here's an example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My Title Here</title>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body style="background-image: url(imgurl.png);">
<div style="position: absolute; top: 0px; left: 0px;">
<IMG SRC="/imgurl.png" border=0 alt="version 1">
</div>
<div style="position: absolute; top: 430px; left: 135px; width:485px;height:20px; border: none; align:center;">
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
<h1>NAVIGATION</h1>
<a class="navi" target="c" href="about.php">about</a>
<a class="navi" target="c" href="me.php">the girl</a>
<a class="navi" target="c" href="contact.php">contact</a>
<a class="navi" target="c" href="links.php">links</a>
<a class="navi" target="c" href="site.php">site</a>
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
</div>
<div style="position: absolute; top: 455px; left: 135px; width:485px;height:800px; border: none;">
<div class="content">
<html>
<head>
<title>My Title Here</title>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body style="background-image: url(imgurl.png);">
<div style="position: absolute; top: 0px; left: 0px;">
<IMG SRC="/imgurl.png" border=0 alt="version 1">
</div>
<div style="position: absolute; top: 430px; left: 135px; width:485px;height:20px; border: none; align:center;">
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
<h1>NAVIGATION</h1>
<a class="navi" target="c" href="about.php">about</a>
<a class="navi" target="c" href="me.php">the girl</a>
<a class="navi" target="c" href="contact.php">contact</a>
<a class="navi" target="c" href="links.php">links</a>
<a class="navi" target="c" href="site.php">site</a>
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
</div>
<div style="position: absolute; top: 455px; left: 135px; width:485px;height:800px; border: none;">
<div class="content">
In your footer.php, just close your tags (div, body, html) or place any coding you have that lets your viewers go back. This is how mines look:
<br><br>
<div align="center">
<a href="javascript:history.back()">BACK</a>
</div>
<br><Br><br>
<div class="copy" align="center">
Copyright © 2006 Yasmine B.
</div>
</div>
</div>
</body>
</html>
<div align="center">
<a href="javascript:history.back()">BACK</a>
</div>
<br><Br><br>
<div class="copy" align="center">
Copyright © 2006 Yasmine B.
</div>
</div>
</div>
</body>
</html>
Save and upload these files to the root directory of your site. Whew, now to the next part: editing your content pages.
The only thing that should be on your content pages are exactly that-- your content. Do not place the opening HTML, TITLE, HEAD, BODY tags on it. Those tags are already in your header.php file. Do not place the closing HTML, BODY, etc tags on it. Those are in your footer.php. Instead, place the following code at the very top:
<? include("/home/user/public_html/header.php"); ?>
Inside the parenthesis and quotes above ^^, you place your PATH. If you do not know it, created a new file with a .php extension and upload it to your root directory and place this code in it: <?php echo $_SERVER['DOCUMENT_ROOT']; ?>
Get the path by viewing that page on your browser. Once you get the path, place it in the quotes, inside the parenthesis. Do not remove the slash (/) in the front.
Now you must place the following code at the bottom of your content page:
<? include("/home/user/public_html/footer.php"); ?>
Your content page should look something like this:
<? include("/home/user/public_html/header.php"); ?>
<div class="side">WELCOME</div>
Welcome to my site. Please do not steal anything. Do not take my coding, graphics, or anything without given permission. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo.
<? include("/home/user/public_html/footer.php"); ?>
<div class="side">WELCOME</div>
Welcome to my site. Please do not steal anything. Do not take my coding, graphics, or anything without given permission. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo. Blah blah blah. Bloo bloo bloo.
<? include("/home/user/public_html/footer.php"); ?>
VOILA!! Just continue to insert those 2 PHP codes in each of your files. Then you should be done. If you use cutenews, go to the readme file in your cutenews folder to find the PHP include code :)
<html>
<head>
<title>My Title Here</title>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body style="background-image: url(imgurl.png);">
<div style="position: absolute; top: 0px; left: 0px;">
<IMG SRC="/imgurl.png" border=0 alt="version 1">
</div>
<div style="position: absolute; top: 430px; left: 135px; width:485px;height:20px; border: none; align:center;">
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
<h1>NAVIGATION</h1>
<a class="navi" target="c" href="about.html">about</a>
<a class="navi" target="c" href="me.html">the girl</a>
<a class="navi" target="c" href="contact.html">contact</a>
<a class="navi" target="c" href="links.html">links</a>
<a class="navi" target="c" href="site.html">site</a>
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
<h1>HEADER</h1>
Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here. Text text text text text goes here.
</div>
<div style="position: absolute; top: 455px; left: 135px; width:485px;height:800px; border: none;">
<div class="content">
<div class="sidebarhead">MY BLOG TITLE</div>
This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general. This is where I place my blog, or my content in general.
</div>
</body>
</html>