Enchanted Forest

paksunnettu kursivoitu alleviivattu

Tipsutin toivoi vieraskirjassa metsä layta. Kun olin tehnyt ulkoasun pohjan, ja aloin koodata. Huomasin että en ollut tallentanut koko pohjaa. xD No sitä sattuu missä tapahtuu. >:p Niimpä kesti pari päivää että jaksoin taas uudelleen tehdä pohjaa. Ja nyt, loppujen lopuksi tässä se on.

Ulkoasu käyttöön!

Ensimmäiseksi kopioidaan ulkoasun kuvat, ellei niitä kopio ja lataa niin silloin ulkoasussai eivät näy kuvat. Kopioi nämä ulkoasun kuvat palvelimeesi samoilla nimillä;

Kuvat ovat tässä pieninä, mutta ne tallentuvat kyllä oikean kokoisina.

Jos sinulla on sivut esimerkiksi freewebsissä niin lataa kuvat tallenttuasi sinne. Eli kirjaudut niille sivuille johon aiot ulkoasun laittaakin. Sen jälkeen lataat kuvat sinne. Sen jälkeen maalaat ja kopioit (Ctrl+C) seuraavassa laatikossa olevat koodit ja liität (Ctrl+V) ne kaikille sivuille jossa haluat ulkoasun näkyvän.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>OTSIKKOSI</title>

}
#navi{
   position: absolute; top:334px; left:68px; width:175px;
}
#navi a, #navi a:link, #navi a:active, #navi a:visited {
   color: #A7C684;
   font-size: 8px;
   font-family: Verdana, Sans-Serif;
   text-transform: uppercase;
   display: block;
   text-align: left;
   margin: 0 0 3px 0;
   padding: 1px 5px;
   letter-spacing: 2px;
   text-decoration: none;
   font-style: normal;
   font-weight:bold;
   background-color: transparent;
   border-left: 10px solid #A7C684;
   border-bottom: 0px;
}
#navi a:hover, #navi a:focus {
   color: #A7C684;
   font-size: 8px;
   font-family: Verdana, Sans-Serif;
   text-transform: uppercase;
   display: block;
   margin: 0 0 3px 0;
   padding: 1px 5px;
   letter-spacing: 2px;
   text-decoration: none;
   font-style: normal;
   font-weight:bold;
   background-color: #1B0A72;
   border-bottom: 0px solid #A7C684;
   border-left: 10px solid #53A784;
   text-align: center;
   cursor: w-resize;
}
b {
   color:#554BC8;
   font-family: Tahoma;
   font-size: 12px;
   letter-spacing: 2px;
 background-color:; 
}
i {
   color:#FFF;
  font-family: Tahoma;
   font-size: 12px;
   letter-spacing: 1px;
 background-color:#BE409F ; 
}
u {
   color: #F7481B;
   padding-bottom: 1px;
   border-bottom: 1px dashed #7FAD39;
   letter-spacing: 2px;
}

.otsikko {
text-align:center;
font-family:arial;
color: #DAE1E6 ; 
font-size:14px;
letter-spacing:2px;
width:100%;
background-color:#BE409F ; 
}
.tee{
width:238px;
position:absolute; 
top:15px;
left:515px;
text-align:justify;
}

-->
</style>

</head>

<body>

<div class="otsikko">Väliotsikko</div><bR>

teksti tulee tähän teksti tulee tähän teksti tulee tähän 
teksti tulee tähän teksti tulee tähän teksti tulee tähän 
teksti tulee tähän teksti tulee tähän teksti tulee tähän

<bR><bR><div class="otsikko">Väliotsikko</div><bR>

teksti tulee tähän teksti tulee tähän teksti tulee tähän 
teksti tulee tähän teksti tulee tähän teksti tulee tähän 
teksti tulee tähän teksti tulee tähän teksti tulee tähän

<div class="otsikko">Navigations</div><bR> 
► <a href="SIVUN OSOITE">Linkki</a><br>
► <a href="SIVUN OSOITE">Linkki</a><br>
► <a href="SIVUN OSOITE">Linkki</a><br>
► <a href="SIVUN OSOITE">Linkki</a><br>
► <a href="SIVUN OSOITE">Linkki</a><br>
► <a href="SIVUN OSOITE">Linkki</a><br>

<bR><div class="otsikko">Uutiset</div><bR> 
<I>00.00.0000</I><bR>
►  Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // 
<br><br>
<I>00.00.0000</I><bR>
►  Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän //

<bR><bR><div class="otsikko">Copyrights ©</div><bR> 
<A href="http://mixturecolour.webs.com" target="_blank">Ulkoasu © </A> <bR>
<A href="http://www.flickr.com/photos/stuckincustoms/" target="_blank">Kuva © </A> <bR> <A href="http://creativecommons.org/licenses/by-nc-sa/2.0/deed.fi" target="_blank">Kuvan Lisenssi © </A>

Navigations

► Linkki
► Linkki
► Linkki
► Linkki
► Linkki
► Linkki

Uutiset

00.00.0000
► Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän //

00.00.0000
► Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän // Tekstiä tähän //