Otsikkosi

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

Tallenna nämä kuvat koneellesi:

Älä vaihda tallennus nimiä! Ensimmäiseen kuvaan voit kirjoittaa jollakin kuvankäsittelyohjelmalla (esim. Paint) otsikkosi.

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: url(11h.jpg) repeat-x #404040;
   font-family: verdana;
   font-size: 11px;
   color: #404040;
   line-height: 1.4;
}

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

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

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

#kokosivu {
   background: url(11g.jpg) repeat-y;
   width: 750px;
   margin-top: -9px;
}

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

#otsikkokuva2 {
   background: url(11c.jpg) no-repeat;
   height: 120px;
}

#otsikkokuva3 {
   background: url(11d.jpg) no-repeat;
   height: 130px;
}

#otsikkokuva4 {
   background: url(11e.jpg) no-repeat;
   height: 200px;
}

#alakuva {
   background: url(11f.jpg) no-repeat;
   height:90px;
}

#itseteksti {
   margin-top: -200px;
   margin-left: 30px;
   margin-right: 30px;
   margin-bottom: 0px;
   text-align : justify;
}

#copyteksti {
   font-family: verdana;
   font-size: 11px;
   color: #808080;
   text-align: center;
   margin-top: -30px;
   margin-bottom: 20px;
}

#menu {
   margin-top: -200px;
   margin-right: 40px;
   float: right;
}

#menu a {
	display: block;
	float: left;

margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
        font-family: palatino linotype;  
	color: #48636e;
        font-size: 12px;
        font-weight: bold;
        font-variant: small-caps;
	text-decoration: none;
        text-align: center;

}

#menu a:hover, #menu .active a {
        font-family: palatino linotype; 
	color: #48636e;
        font-size: 12px;
        font-weight: bold;
        font-variant: small-caps;
	text-decoration: underline;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

-->

</style>

</head>
<body>

<a href="#">Etusivu</a>
			<a href="#">Info</a>

<a href="#">Toiminta</a>
			<a href="#">Hevoset</a>
			<a href="#">Yhteys</a>

</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>

</div>

<div id="copyteksti">Ulkoasun ja kuvan © <a href="http://siskokset.net/veikkalay">Veikkalay</a> 2009, muokkaus © ? » <a href="#alku">Sivun alkuun</a></div>

</div>

</body>

</html>