TALLISI NIMI

ETUSIVU INFO HEVOSET TOIMINNASTA YHTEYSTIEDOT

AJANKOHTAISTA
o Ajankohtainen asia
o Ajankohtainen asia
o Ajankohtainen asia
o Ajankohtainen asia

Leiskainfo

Tein tämän ulkoasun joskus aikoinaan omalle tallilleni, josta ei sitten kuitenkaan tullut mitään suunnitelmaa suurempaa. En enää keksinyt tälle mitään muuta käyttöä, joten päätin lisätä sen kopioitaviin. Mitään erikoista nimeä en leiskalle keksinyt, mutta eiköhän tämä ilmankin pärjää.

Asennusohjeet

Tallenna ensin allaoleva kuva koneellesi ja lataa se sen jälkeen kotisivutilaasi. HUOM! Ethän suoralinkitä alla olevaa kuvaa, ja ethän muuta sen tallennusnimeä (jos muutat, joudut vaihtamaan nimen koodistakin).

Ladattuasi kuvan kotisivupalvelimellesi, liitä allaoleva koodi puhtaalle html- sivulle ja tallenna.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=ISO8859-1">

body{background-color:#C7CCB3; padding:0px; font-family:arial; font-size:12px; color:#103F6F;}

A:link,A:visited,A:active{cursor: default; text-decoration:none; font-family:Arial; font-size: 12px; color: #000000;}
A:hover{cursor:default;text-decoration:none; font-family:Arial; font-size: 12px;color: #103F6F; background-color:#D8DEE5;}

h1{color:#4B4536; font-family:Georgia; font-size:13px; border-bottom:1px solid #FFFFFF;}

#kaikki{position:absolute; top:0px; left:0px; background-color:#FFFFFF; padding:0px; border-right:1px solid #103F6F; border-bottom:1px solid #103F6F;}

#otsake{width:700px; height:45px; text-align:right; background-image:url(http://i6.tinypic.com/2m3hj4w.jpg); background-repeat:no-repeat; padding:6px; font-family:times new roman; font-size:35px; color:#103F6F; font-weight:bold;}

#links{width:700px; height:30px; padding:0px; background-color:#103F6F;}

#boksi{width:150px; background-color:#C7CCB3; font-family:Arial; font-size: 12px; color: #103F6F; float:right; vertical-align:top; border:1px solid #103F6F; padding:5px;}

#tekstier{width:688px; background-color:#FFFFFF; font-family:arial; font-size:12px; color:#103F6F; left:0px; width:690px; background-color:#FFFFFF; font-family:Arial; font-size: 12px; color: #103F6F; padding:10px;}

a.nav, a.nav:link, a.nav:visited {display:block; width:135px; height:30px; background-color:#103F6F; border:0px solid #000000; text-align:center; text-decoration:none; font-family:Arial; font-size:12px; color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}

a.nav:hover {color:#000000; background:#FFFFFF; border:1px solid #103F6F;}
a.nav:active {color:#000000; background:#103F6F;}

}
-->
</style>

<title>Tallin nimi</title>

</head>
<body>
<div id="kaikki">

<div id="otsake">TALLISI NIMI</div>

<div id="links"><a class="nav" href="osote">ETUSIVU</a> <a class="nav" href="osote">INFO</a> <a class="nav" href="osote">HEVOSET</a> <a class="nav" href="osote">TOIMINNASTA</a> <a class="nav" href="osote">YHTEYSTIEDOT</a></div>

<div id="tekstier"> 
<div id="boksi"><strong>AJANKOHTAISTA</strong><br>
o Ajankohtainen asia<br>
o Ajankohtainen asia<br>
o Ajankohtainen asia<br>
o Ajankohtainen asia<br></div>

<h1>Tervetuloa!</h1>

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