Otsikkosi

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

Tallenna nämä kuvat koneellesi:

Älä vaihda tallennus nimiä! Voit kirjoittaa kuvankäsittelyohjelmalla (esim. paint tms.) haluamasi otsikon ensimmäiseen kuvaan.

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(aika5.jpg) repeat-x #e4e7d3;
   font-family: verdana;
   font-size: 11px;
   color: #202020;
   line-height:1.4;
   margin-top: 0px;
}

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

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

h2 {
margin-top:1em;
color: #d7782a;
font-size:14px;
font-family: palatino linotype;
line-height:20px;
letter-spacing: normal;
margin-bottom:15px;
text-align:left;
}

#kokosivu {
   background: url(aika4.jpg) repeat-y;
   width:750px;
   margin-top: -1px;
   margin-bottom: 0px;
}

#otsikkokuva {
   background: url(aika1.jpg) no-repeat;
   height: 116px;
}

#otsikkokuva2 {
   height: 195px;
}

#otsikkokuva3 {
   background: url(aika3.jpg) no-repeat;
   height: 191px;
}

#itseteksti {
   margin-top: -190px;
   margin-left: 15px;
   margin-right: 15px;
   text-align : justify;
}

#itseteksti2 {
   padding:0px 20px;
}

#copyteksti {
   font-family: verdana;
   font-size: 11px;
   color: #bdbfa9;
   text-align: center;
   margin-top: -25px;
}

#copyteksti a {
	text-decoration: none;
	color: #7e9796;
}

#copyteksti a:hover {
	text-decoration: none;
	color: #d7782a;
}

#menu {
   float:left;
   margin-top: -461px;
   margin-left: 140px;
}

#menu a {
	display: block;
	float: right;
	margin: 20px 10px 20px 10px;
	padding: 13px 13px 6px 13px;
        font-family: palatino linotype;  
	color: #d7782a;
        font-size: 12px;
        font-weight: bold;
        font-variant: small-caps;
	text-decoration: none;
	background: #dcdfca;
        text-align: center;

}

#menu a:hover, #menu .active a {
        font-family: palatino linotype; 
	color: #7f9998;
        font-size: 12px;
        font-weight: bold;
        font-variant: small-caps;
	text-decoration: none;
	background: #ffffff;
}

-->

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

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.

</div>

<div id="copyteksti">Ulkoasun © <a href="http://siskokset.net/veikkalay">Veikkalay</a> 2009, kuvat © <a href="http://www.rinsessa.net/jamaika/vapaat.htm">Vapaasti kopioitavaa 2009</a> » <a href="#alku">Sivun alkuun</a></div>

</div>

</body>

</html>