Leiska1 - asennusohjeet

Layout 1 - asennusohjeet

Layoutin numero 1 saat tallillesi alla ohjeistetulla tavalla. Layouttia et saa toimimaan Expagessa, etkä kaikenmaailman PageBuildereissa.

Lisää seuraava koodi puhtaalle HTML- sivulle:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

body {

font-family: Tahoma;
font-size: 12px;
color:#000000;
text-align: justify;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #CDAE8F;
scrollbar-face-color:#CDAE8F;
scrollbar-highlight-color: #CDAE8F;
scrollbar-3dlight-color: #CDAE8F;
scrollbar-darkshadow-color:#6B5137;
scrollbar-shadow-color: #CDAE8F;

}

p, td{
font-family: Tahoma;
font-size: 12px;
color: #0000000;

}

h1{
font-family: Tahoma;
font-size: 25px;
color: #0000000;

}

A:link{
cursor: default;
text-decoration: none; 
font-family: Tahoma; 
font-size: 12px;
color: #6B5137;

}

A:visited{
cursor: default;
text-decoration: none; 
font-family: Tahoma;
font-size: 12px;
color: #6B5137;

}

A:active{
cursor: default;
text-decoration: none; 
font-family: Tahoma;
font-size: 12px;
color: #6B5137;

}

A:hover{
cursor: s-resize;
text-decoration: underline; 
font-family: Tahoma; 
font-size: 12px;
color:#000000; 
}

-->
</style>
	
	<title>Ravihevonen</title>

</head>

<div style="position: absolute; top:40px; left:50px;"> 
<img src="http://i22.photobucket.com/albums/b342/leiskain/1-vas.jpg" border="1" alt=""><br>
Layout © Tidam / <a href="http://viimeinen.net/layouts">Tidamin Kopiointisivut</a>
</div>

<div style="position: absolute; top:45px; left:360px;"> 
<h1>Tallin nimi</h1>
</div>

<div style="position: absolute; top:270px; left:95px;"> 
<a href="linkki.htm" target="ravi">Linkki</a><br>
<a href="linkki.htm" target="ravi">Linkki</a><br>
<a href="linkki.htm" target="ravi">Linkki</a><br>
<a href="linkki.htm" target="ravi">Linkki</a><br>
<a href="linkki.htm" target="ravi">Linkki</a><br>
<a href="linkki.htm" target="ravi">Linkki</a><br>

</body>
</html>

Ja jotta ulkoasussasi näkyisi jotain grafiikoitakin, tallenna allaolevat kuvat koneellesi ja lataa saman nimisinä palvelimellesi. Jos lataat kuvasi jollekin toiselle kuvapalvelimelle, kuten Photobuckettiin, muistathan muuttaa grafiikoiden osoitteet oikeiksi.

Kuvat ovat todellisuudessa oikean kokoisia.

Etusivun saaminen näkyviin

Olen laittanut iframen koodiin etusivun oletukseksi etusivu.html- sivun. Voit muuttaa sitä jos on tarvis, ja kyseinen kohta löytyy koodin loppuosasta, kohdasta src="etusivu.html". Muuta etusivu.html:n paikalle sen sivun nimi, jonka haluat siihen tulevan.

Sisäsivujen muotoilu

Jotta sisäsivut sopisivat ulkoasuun, kannattaa joka sivun alkuun, ensimmäisen < head>- tagin jälkeen lisätä alla oleva koodi.