OTSIKKO

Linkki - Linkki - Linkki - Linkki - Linkki - Linkki - © / ©

Joku vieraskirjassa pyysi kuvasta ulkoasua, jossa oli paljon tuollaisia pikkukuvia. Rakensin niistä sitten pikaisesti tällaisen yksinkertaisuuden huipun (: Koodauksessakin meni vain ehkä viitisen minuuttia aikaa, toivottavasti tää jollekulle kelpaa. Viekussa aikalailla kysellään otsikoiden fonttia, joten kerron tässä samalla nyt, että otsikon fontti on Pierre Tryout. eipä sitten muuta, linkkejä mahtuu ylös n. 6-8, riippuen linkkitekstien pituudesta (jos linkit eivät kunnolla mahdu, nimethän voi korvata esim. numeroilla tai äksillä). Ja tämä on table.

Kuvat & Koodit

Lisää seuraava kuva samannimisena palvelimellesi. Älä suoralinkitä, se kuormittaa meidän palvelimiamme!

Lisää sitten 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>

#kokosivu {
background-color: #ffffff;
}

#kuva {
background-color: #ffffff;
}

#tekstit {
background-color: #ffffff;
text-align:justify;
}

a:link {
color : #952602; 
text-decoration : none;
} 
a:active {
color : #952602; 
text-decoration : underline;
} 
a:visited {
color : #952602; 
text-decoration : none;
} 
a:hover {
color : #000000; 
text-decoration: underline; 
cursor: default;
}
-->
</style>

</head>

<body>

<a href="http://">Linkki</a> - 
<a href="http://">Linkki</a> -
<a href="http://">Linkki</a> -    
<a href="http://">Linkki</a> -
<a href="http://">Linkki</a> -    
<a href="http://">Linkki</a> -

</div>
<div style="position: absolute; top:90px; left:217px; width: 302px;">
<div id="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 tekstit tekstit tekstit tekstit

</div>
</div>
</div>
<script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body>
</html>

Risut ja ruusut vieraskirjaan :) samoin sinne viestiä, jos ulkoasu ei toimi toivomallasi tavalla.

~Tanja