Introduction
Template
This is where we are posting the sites in-progress. Click on the links on the left side to check them out.
You will need to make sure that the first file is named index.html just like you do for the actual site. I'll post notes about what updates are made to the template so you can add them to your sites.
Updates
2/19/07 - Third Set
Now that we've started the third set of libraries, and I have fixed a few of the bugs...let's see if we can't get these done quickly. =)
11/7/06 - Server Setup
I finally got a few minutes to set up the folders on the FTP server and links here on the left. Sorry if anyone has been delaying because they were missing. I'm double-checking meeting times, etc. and will be sending out a reminder email shortly after I've confirmed things.
Finish Status
- 100% Allegheny
- 100% Avalon
- 100% Bridgeville
- 100% Castle Shannon
- 100% Crafton
- 100% Dormont
- 100% McKeesport
- 100% Scott Township
- 100% Springdale
- 100% Wilkinsburg
- 100% Documentation
5/25 HTML & Additional Colors
I have added the links up in the top corner that everyone seemed to make sure were there. The catalog image they wanted, is currently placed down with the logos, as putting it at the top doesn't really work with our design.
To try the different colors, (in Firefox) go to View > Page Style and choose a different color. I've got Tan, Green, Blue and Red set up right now.
5/20 Flexible CSS Redo
Okay. I've redesigned the CSS formatting so that it is flexible and can fill the browser width if desired. At the moment it is set at 100%. To update the files you have already made, this is what to do:
- Find <body>, add <!-- start container --> on the next line.
- Find <!--start head-->, change to <!--start header-->
- Find <!--end head-->, change to <!--end header-->
- Find <!--start right side` -->, delete this and the next line
- Find <div id="nav">, change to <div id="nav" class="column">
- Find <div id="content">, change to <div id="content" class="column">
- Find <div id="rightColumn">, change to <div id="rightColumn" class="column">
- Find <!--end right side -->, change to <!--end bottom div -->
- Find <!--end bottom container-->, delete this and the </div> before
- Additionally, you will need to update the CSS files to the current versions.
To see what it looks like at a particular width, change the width in the #container section to something like 750px or 800px.
I've tested the layout in IE6, Safari and Firefox. It doesn't quite work in Opera 8 (there's a bug that will be fixed in v9). Please tell me if you find other browsers it has problems with. Or CSS classes that you need for your site.
5/17 Layout CSS Update
Centered the container so that the site would be centered. Pretty sure there are still a few bugs with IE and other things. Let me know if you have comments. - Michael