OTSIKKO

Linkki : Linkki : Linkki : Linkki : Linkki : Linkki

Tällä kertaa tällainen ulkoasu, kirsikoita... Otsikon voit sitten lisätä kuvaan omalla kuvankäsittelyohjelmallasi, Paintkin käy. Tekstinvärinä on siis punainen, ja linkki näyttää tältä. Taustaväri on normaali valkoinen. Ulkoasu on siis hyvin yksinkertainen, ja table, joten koodit laitetaan jokaiselle sivulle. Linkkejä ei kannata lisätä enempää kuin mitä tuossa alkuperäisesti on, se saattaa pilata kokonaisuuden.

Vaihe 1.
Tallenna tämä kuva koneellesi samannimisenä. Älä suoralinkitä!
*kliks*.

Vaihe 2.
Lisää jokaiselle sivulle tämä koodi (muista laittaa linkit):

<!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;
}

#kokosivu2 {
padding: 0px 70px
}

#kuva {
background-color: #ffffff;
margin-bottom:10px;
}

#linkit {
position:absolute;
top: 225px;
left: 150px;
font-size: 11px;
}

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

#ala {
background-color: #ffffff;
text-align:justify;
width: 400px;
}

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

</head>

<body>

<div id="kokosivu">
<div id="kokosivu2">
<div id="kuva"><img src="/cherryotsikko.jpg" border="0" alt="" width="400" height="230"></div>
<div id="linkit"><a href="http://OSOITE">Linkki</a> : <a href="http://OSOITE">Linkki</a> : <a href="http://OSOITE">Linkki</a> : <a href="http://OSOITE">Linkki</a> : <a href="http://OSOITE">Linkki</a> : <a href="http://OSOITE">Linkki</a></div>
<div id="tekstit">

TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ TEKSTIÄ

</div>
</div>
<div id="ala">
____________
<br>
Ulkoasu © Tanja, <a href="http://www.eternity-world.net" target="_blank">Eternity World</a>. Kuva © <a href="http://www.sxc.hu/profile/mlutsch">sxc.hu</a>.
</div>
</div>
</body>
</html>

</body>
</html>