Info

Ihastuin leiskan kuvaan kun löysin sen, ja tietenkin siitä piti sitten tehdä leiska. Purppura väri on kiva piristeväri muuten aika yleiseen vihreään. Tämän ulkoasun olen tehnyt pääasiassa personal- sivuille, mutta sitä saa toki käyttää muillakin sivustoilla jos vain kokee ulkoasun olevan sopiva. Kapea tekstialue tekee pitkien tekstien lukemisesta aika tuskaista, miettikää siis sen mukaan minne ulkoasua aiotte laittaa.

Asennusohjeet

Tallenna allaolevat kuvat koneellesi niillä nimillä mitkä olen niille antanut, eli leiska-e2.jpg ja leiska-e1.jpg. Kuvat ovat todellisuudessa oikean kokoisia.

Kun olet tallentanut kuvat koneellesi, lataa ne kotisivupalvelimellesi tai photobucketiin, tai minne ikinä kotisivujesi kuvat lataatkaan. Suoralinkittäminen photobucketistani on ehdottomasti kielletty! Jos lataat kuvat photobucketiin, muuta kuvien osoitteet koodista.

Lisää allaoleva koodi puhtaalle HTML- sivulle ja tallenna sivu - ja sivun pitäisi toimia!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

body {

background-color:#94A663;
font-family: georgia;
font-size: 11px;
color:#000000;
text-align: justify;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #94A663;
scrollbar-face-color:#94A663;
scrollbar-highlight-color: #94A663;
scrollbar-3dlight-color: #94A663;
scrollbar-darkshadow-color:#94A663;
scrollbar-shadow-color: #94A663;

}

p, td{
font-family: georgia;
font-size: 11px;
color:#000000;
background-color: #BCC788;

}

h1{
font-family: georgia;
font-size: 11px;
color:#798253;
font-weight: bold;
border-bottom: 1px dotted #263A12;

}

h2{
font-family: georgia;
font-size: 32px;
color:#000000;
font-weight: bold;

}

A:link{
cursor: default;
text-decoration:underline; 
font-family: georgia;
font-size: 11px;
color:#000000;

}

A:visited{
cursor:default;
text-decoration:underline; 
font-family: georgia;
font-size: 11px;
color:#000000;

}

A:active{
cursor:default;
text-decoration: underline; 
font-family: georgia;
font-size: 11px;
color:#000000;

}

A:hover{
cursor: help;
text-decoration:underline; 
font-family: georgia;
font-size: 11px;
color:#000000; 
background-color: #94A663;
}

-->
</style>
</head>

</MAP>

<div style="position: absolute; top:390; left:25;"> 
<h2>Sivusi nimi</h2><br>
<a href="linkki.htm">linkki</a> : <a href="linkki.htm">linkki</a> : <a href="linkki.htm">linkki</a> : <a href="linkki.htm">linkki</a> : <a href="linkki.htm">linkki</a>

</div>

<h1>Tervetuloa!</h1><br>

sivun tekstit tähän

</body>
</html>

Kesäfiilis

Info

Asennusohjeet