Etusivu Esittely Asukkaat Toiminta

txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt

Otsikkosi

Tähän ulkoasuun et tarvitse kuvankäsittelyohjelmaa, saat kirjoitettua otsikon suoraan koodiin.

Saat ulkoasun käyttöösi noudattamalla näitä ohjeita:

Tallenna nämä kuvat koneellesi:

Älä vaihda tallennus nimiä!

Sen jälkeen kopioit tämän koodin sivuillesi ja lataat kuvat. (älä suoralinkitä!)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Veikkalay</title>

<!--

body {
   background: #99ba5e;
   font-family: verdana;
   font-size: 11px;
   color: #202020;
   line-height:1.4;
   margin-top:0px;
   margin-bottom:-12px;
   margin-left:-1px;
}

A:active, A:visited, A:link {
        font-family: verdana;
	color: #7d9351;
	text-decoration: underline;
}
A:hover {
        font-family: verdana;
	color: #ffffff;
	text-decoration: none;
	cursor: default;
}

h1 {
margin-top:1em;
color: #ffffff;
font-size:30px;
font-family: palatino linotype;
line-height:20px;
letter-spacing: normal;
margin-bottom:15px;
text-align:center;
}

#kokosivu {
   background: url(20c.jpg) repeat-y;
   width:750px;
   min-height: 700px;
}

#otsikkokuva {
   background: url(20a.jpg) no-repeat;
   height: 150px;
}

#otsikkokuva2 {
   background: url(20b.jpg) no-repeat;
   height: 200px;
}

#itseteksti {
   margin-top: -300px;
   margin-left: 300px;
   margin-right: 10px;
   text-align : justify;
}

#itseteksti2 {
   padding:0px 20px;
}

div#linkit {
        font-size: 12px;
        color: #ffffff;
        font-family: Palatino Linotype;
        line-height: 30.4px; 
	width: 108px;
        position:absolute;
        top: 55px;
        left: 210px;
}

#linkit a {
        display: block;
	text-decoration: none;
	color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        font-variant: small-caps;
}

#linkit a:hover {
	color: #ffffff;
	text-decoration: underline;
}

div#sivupalkki {
	text-align: justify;
        font-size: 11px;
        color: #bed399;
        font-family: verdana;
	width: 125px;
        position:absolute;
        top: 300px;
        left: 175px;
}

-->

</style>

</head>
<body>

<a href="#">Etusivu</a>
				<a href="#">Esittely</a>
				<a href="#">Asukkaat</a>
				<a href="#">Toiminta</a>

</div>

txt txt txt txt txt txt
		txt txt txt txt txt txt
		txt txt txt txt txt txt
		txt txt txt txt txt txt
		txt txt txt txt txt txt
		txt txt txt txt txt txt

</div>

<h1>Otsikkosi</h1>

<p>
Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin.
Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin.
Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin.
Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin.
Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin.
Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin.
Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin. Tähän kirjoitat kaiken tekstin.
</p>

</div>

</body>

</html>