Changing the colour on your philosophy template

The background colour on my philosophy template is green. To change this colour, go to the top of the html page and work your way down until you find the bit that says:

}
body {
background-color: #669966;

The 6 numbers in bold after the # sign are the hexadecimal code that represents the shade of green in the background of my philosophy template. Two change the background colour to one of the one's below, replace these 6 numbers with the one witten on your chosen colour.

0066FF	006699	3399FF	6699FF	66CCFF
003333	003300	339900	339966	66FF99
990000	CC0000	CC0033	990033	FF0066
FFFF00	FFFF33	FFFF66	FFFFCC	FFFFFF

There are hundreds of colours available, check out htmlgoodies.com for a more extensive colour guide.

Press Save.

To change the colour of your links, look for:

a:link {
color: #003300;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #006600;

The first hex code is for the colour your link will be before it has been clicked. The second hex code is for the colour your link will be after someone has clicked it. This is especially useful if you have a lot of links. It lets you visitors know which links they've already tried.

See some samples of customized templates

John Locke

Descartes

Derrida

If you look closely at the Derrida example you'll see that I changed the background colour of the table as well as the page. To do this find the html code that says:

Tip: It will be just before the <h1> tag. Simply replace the hex code with the colour code of your choice.

Customising the philosophy template