Views:
Author: Chris
Templates?
Alright, I don't know how you are going to implement this system into your site so I am simply going to start by creating a site!
Our main template and files
I am simply going to do this in CSS as images are to long to mess around with in a website layout you aren't going to use.
Let's start by creating a new index.php document, (make sure you don't save over your current files, I suggest you back them up if you are a novice or move them into another folder because we are going to need this space at the moment.
Lets create the following documents:
index.php
Create a folder named
includes
Inside that folder create a file called
style.css
CSS
Open up your
style.css page and type in the following:
body{background:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; font-size:13px;} /* I prefer a font size of 13 because screens are getting higher resolutions on smaller screens, I used to use 11 and 12 but 13 looks better in my opinion*/
#container{background:#FFF; margin:0 auto 0 auto; width:780px; border:1px solid #0099FF; padding:5px;}/*this will center our site and give it a border IE 6+ and most other browsers*/
a:link {color: #0066CC; text-decoration: none;}
a:visited {text-decoration: none; color: #0066CC;}
a:hover {text-decoration: underline; color: #0099FF;}
a:active {text-decoration: none; color: #0099FF;}
#header{padding:10px; background:#C6DFFF; font-size:24px;}
Note, if you are working with tables you can manually change the formatting to what you like, I'll post a screen shot at the end of the tutorial
Continue Reading...
1 2 3