OK, it's the layout. What you see here is an example. While the code has no color, I gave the example some just for fun. Copy the code inside the text area and paste it into a text editor, then edit at will.
How to edit this layout, for users with limited HTML knowledge
- By default, the layout will have borders and backgrounds on the left and right menus but not on the content, but to tweak that, you can add or remove the
border:
andbackground-color:
styles on the three main DIVs. - If you want to change a background color into a background image, change the
background-color:#FFFFFF;
part tobackground-image:url(filename of background image);
. - To remove one of the menus, just take it out in the code and stylesheet and change either the
margin-left
ormargin-right
of#content
, depending on which menu you removed, to0px;
. - The banner, by default, would be somewhere under 150 pixels in height. If you wish to make it bigger, or if your banner is considerably smaller so you want to make the content start higher up, you can edit the
top:
andmargin-top:
of the menus and content. If you want to remove the banner altogether, you can just remove theheader
DIV from the coding and stylesheet and put thetop:
andmargin-top:
to0px;
- To make the menus appear the same on every page, cut them out and put into separate files called, for example,
leftmenu.txt
andrightmenu.txt
. Replace them with<!--#include file="leftmenu.txt" -->
and<!--#include file="rightmenu.txt" -->
. Save the pages (not the menus) with the .shtml extension. Make sure that your host supports SSI. Editleftmenu.txt
andrightmenu.txt
when you want to edit the menus. - It is better to cut and paste everything between the
<style>
and</style>
tags (not including the tags themselves) into a separate file called something likestylesheet.css
and then externally link to it by replacing the<style>
tags with<link href="stylesheet.css" rel="stylesheet" type="text/css">
. Then the stylesheet will also be the same on every page and making a new style will be a breeze. - If you're going to link back, please visit the Link to Me section to find the most fitting button for your color scheme.
The rest is self-explanatory for anybody who:
- knows hex color codes or has some reference for the colors
- has basic understanding of the format of HTML and CSS
- knows English
- has some common sense.
If you fit those requirements, you'll be fine. If not, you can check out my HTML guide for the first two. If you have problems with the latter two, you shouldn't be trying to use my layout anyway.