<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//FIN">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  <title>ötsikkööh</title>
  <style type="text/css">
<!--
body {
background-color: #202020;
font-family: verdana;
font-size: 12px;
color: #c0c0c0;
line-height:1.5;
background-repeat:repeat-y;
background-image:url(tausta.jpg);
text-align:justify;
}

h1 {
font-family: times new roman;
font-style: italic;
font-size: 22px;
color: #808080;
text-align: left;
line-height:1.5;
letter-spacing:5px;

}

h2 {
font-family: times new roman;
font-size: 20px;
font-style: italic;
color: #808080;
text-align: left;
line-height:1.5;
letter-spacing:5px;

}

h3 {
font-family: times new roman;
font-size: 17px;
font-style: italic;
color: #808080;
text-align: left;
line-height:1.5;
letter-spacing:5px;

}


a:link, a:active, a:visited  {
color : #ffffff; 
text-decoration : none;
} 
 

a:hover {
color : #808080; 
text-decoration : underline;

}

a:link.menu, a:active.menu, a:visited.menu  {
display: block;
font-family: times new roman;
font-size: 20px;
color: #ffffff;
text-align: center;
margin: auto;
line-height:1.5;
letter-spacing:5px;
height: 30px;
width: 244px;
text-decoration: none;
} 
 

a:hover.menu {
display: block;
font-family: times new roman;
font-size: 20px;
color: #ffffff;
text-align: center;	
letter-spacing:5px; 
line-height:1.5;
margin: auto;
height: 30px;
width: 244px;
background-repeat:repeat-x;
background-image:url(hover.png);
text-decoration: none;


}

-->

</style>

</head>

<body>



<div style="position: absolute; top:0px; left:0px;">
<img src="1.jpg" border="0">
</div>
<div style="position: absolute; top:0px; left:429px;">
<img src="2.jpg" border="0">
</div>
<div style="position: absolute; top:0px; left:850px;">
<img src="3.jpg" border="0">
</div>


<div style="position: absolute; top:190px; left:0px; width:244px;">
<a href="" class="menu">linkkisi</a><br />
<a href="" class="menu">linkkisi</a><br />
<a href="" class="menu">linkkisi</a><br />
<a href="" class="menu">linkkisi</a><br />
<a href="" class="menu">linkkisi</a><br />
<a href="" class="menu">linkkisi</a><br />
</div>

<div style="position: absolute; top:150px; left:264px; width:720px;">

            <p> <h2>Ohjeet ulkoasun kopiointiin</h2>
<p> <strong>Kopioi ulkoasun grafiikat<br>

              </strong>Ulkoasu ei toimi oikein, jos yksi pikkukuvakin on j&auml;&auml;nyt 
              tallentamatta. Jotta saisit t&auml;m&auml;n ulkoasun sivuillesi, 
              sinun on tallennettava n&auml;m&auml; kuvat:
            <p> <a href="1.jpg"><img src="1.jpg" width="50" height="50" border="0"></a>&nbsp;&nbsp;&nbsp; 
<a href="2.jpg"><img src="2.jpg" width="50" height="50" border="0"></a>&nbsp;&nbsp;&nbsp; 
<a href="3.jpg"><img src="3.jpg" width="50" height="50" border="0"></a>&nbsp;&nbsp;&nbsp; 
<a href="hover.png"><img src="hover.png" width="50" height="50" border="0"></a>&nbsp;&nbsp;&nbsp; 
<a href="tausta.jpg"><img src="tausta.jpg" width="50" height="50" border="0"></a>
            
            
            

            <p><strong> Kopioi ulkoasun koodit<br>
              </strong>Klikkaa hiiren oikealla painikkeella jotakin kohtaa ulkoasusta 
              ja valitse 'n&auml;yt&auml; l&auml;hdekoodi'- Maalaa koodi (ctrl + a) ja kopioi 
              se (ctrl + c)</p>

            <p><strong>Voil&aacute;!<br>

              </strong>Liit&auml; koodit tyhj&auml;&auml;n tiedostoon ja muokkaa 
              ulkoasun tekstit ja muut - nyt sinulla on sivuillasi uusi ulkoasu! 
              Jos jokin j&auml;i viel&auml; ep&auml;selv&auml;ksi, l&auml;het&auml; 
              s&auml;hk&ouml;postia.</p>

                  <p><p>
<center>
                 &copy;  <a href="http://raitatossu.net/pilvimarja">Pilvimarja</a> / <a href="mailto:mamsterr@gmail.com">hhaidh</a><p>


</p>
</div>


</body>
</body>
</html>