OTSIKKO

Autumn Spirit

Syksy alkaa vähitellen muuttumaan talveksi, ja mä en siitä yhtään pidä =( Muistona kivasta (ja lyhyestä!) syksystä tällainen hieman värikkäämpi ulkoasu. Divi on tämä, ja linkkejä mahtuu sivuun niin paljon kuin haluaa. Kuvassa ei ole oikeastaan tilaa otsikolle, mutta saahan sen jonnekin tunkea, jos haluaa :) Tekstin fontti on Trebuchet MS (tai jos sitä ei koneelta ei löydy, niin tekstin pitäisi näkyä Tahomana). Linkki näyttää tältä.

Kuvat & Koodit

Jos haluat ulkoasun sivuillesi, lisää ensin seuraavat 2 kuvaa samannimisinä palvelimellesi:

Sen jälkeen lisää seuraava koodi kaikille tekemillesi sivuille:

<!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>OTSIKKO</title>

#linkit {
background-color:transparent;
font-size: 11px;
color: #000000;
text-align:right;
}

.mitt {
border-bottom: 1px solid #313d25;
border-left: 1px solid #313d25;
text-align:left;
letter-spacing:4px;
font-family: Georgia;
color: #313d25;
font-size: 16px;
font-weight:bold;
}

a:link {
color : #c5c364; 
text-decoration: none; 
} 
a:active {
color : #c5c364;
text-decoration: none; 
} 
a:visited {
color : #c5c364;
text-decoration: none; 
} 
a:hover {
color : #000; 
text-decoration: none; 
cursor: default;
background-color: #c5c364;

}
-->
</style>

</head>

<body>

</div>

<a href="linkinosoite.htm">Linkki</a> ◄<br>
<a href="linkinosoite.htm">Linkki</a> ◄<br>
<a href="linkinosoite.htm">Linkki</a> ◄<br>
<a href="linkinosoite.htm">Linkki</a> ◄<br>
<a href="linkinosoite.htm">Linkki</a> ◄<br><br>

<br>

</div></div>

<div class="mitt">  Autumn Spirit</div></b><br>

Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! 
Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! 
Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! 
Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! 
Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! 
Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! 
Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! 
Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit! Tekstit!

</div></div>

</div>
</body>
</html>

Extrat