Asennus:
1. Lataa kuvat sivuillesi (Tiedostot -> Images -> Uusi tiedosto -> Selaa (hae tallentamasi kuvat koneeltasi) -> Lisää)
ylalinkkibg.jpg
footer_2.jpg

2. Lisää grafiikat (grafiikka)

- Lisää grafiikkaa yläpalkkiin: Vaihtoehto 1: Selaa -> otsikko_2.jpg-> Lisää oma otsikkosi
- Lisää grafiikka sivupalkkiin ylös: Vaihtoehto 1: Selaa -> ylalinkkibg.jpg -> Lisää halutessasi tekstiä
- Lisää grafiikkaa alapalkkiin: Vaihtoehto 1: Selaa -> footer_2.jpg

3. Loput tyyliasetukset, Yleiset asetukset -> Ulkoasu:
Sivujen leveys: 800px
Taustaväri: valitsemasi taustaväri
Tarkistetaanko muokattujen tyylitiedostojen olemassoloa: Kyllä

Yleiset asetukset -> Navigaatio
Piilotetaanko navigaation pikkukuva: kyllä
Navigaation taustaväri: #0c0707
Laatikkomainen navigaatio: ei
Piilotetaanko kirjautuneen käyttäjän tiedot?: kyllä

Yleiset asetukset -> Tulostus
Tarjotaanko sivuista tulostettavaa versiota?: Ei

4. Lisätään css-tiedosto: Grafiikka -> CSS - tyylien lisäys
@import url(http://fonts.googleapis.com/css?family=Balthazar); @import url(http://fonts.googleapis.com/css?family=Alef); ul.navi li { padding-left: 15px; } ul.navi li a{ color: #fff; font-family: Balthazar; font-size: 2.0em;} ul.navi li a:hover{ color: #f6ebe7; text-shadow: 0 0 3px #706966; text-decoration: none;} .paalinkitactive { color: #ffdbe7; text-shadow: 0 0 3px #7f5563;} .tekstihtml, p, .teksti, .tekstinormaali{ font-family: Alef; font-size: 1.2em; text-align: justify;} h1, h2 { font-family: Balthazar; color: #351e33;} h1 { font-size: 2.0em;} h2 { font-size: 1.3em;}