Untitled

RUUTUJA-leiska

Ruutuja-leiskaa varten sinun pitää tallentaa tietokoneellesi ja ladata palvelimellesi nämä kuvat:
"ruutu1.gif" -eli pystysuorassa oleva ruutujono (oikealla)
"ruutu2.gif" -eli vaakasuorassa oleva ruutujono (ylhäällä&alhaalla)

"ruutu3.gif" -Vasemman yläkulman ruutu
"ruutu4.gif" -Vasemman alakulman ruutu
"ruutu5.gif" -Oikean alakulman ruutu
"ruutu6.gif" -Oikean yläkulman ruutu

Ethän muuta kuvien nimiä, muuten leiska ei toimi.

Tallenna tämä koodi index.html tiedostoosi:
(poista sitä ennen kaikki teksti index.html-tiedostosta)

<html>
<head>
	
	<title>Untitled</title>
<STYLE type="text/css">

</STYLE>
<STYLE TYPE="text/css">
</style>
</head>

<body><center><body bgcolor="eeddff"><table border="0" bgcolor="BBBBFF" width="510" height="510"><tr><td><img src="ruutu3.gif"></td><td background="ruutu2.gif" style="background-position:center top; background-repeat:no-repeat;"><br><font face="tahoma" size="6" color="8800AA"><center><b><u>OTSIKKO TÄHÄN</b></u></td><td><img src="ruutu6.gif">
</td></tr><tr><td><font face="tahoma" size="1" color="00AAFF"><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti1</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti2</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti3</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti4</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti5</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti6</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti7</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti8</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti9</a><br><li type="square"><a href="LINKINOSOITE" target="iframe">Linkki teksti10</a><br></td><td><iframe frameborder="0" 
width="330" height="330" src="ETUSIVUN OSOITE TÄHÄN.html"
 name="iframe">
</iframe></td><td background="ruutu1.gif" style="background-position:right center; background-repeat:no-repeat;"></td></tr><td><img src="ruutu4.gif"></td><td background="ruutu2.gif" style="background-position:center bottom; background-repeat:no-repeat;"></td><td><img src="ruutu5.gif"></td></tr></table><br><font face="tahoma" size="2"><span style=background:#ffffff><a href="http://www.oocities.org/viherpeikko">Layout ©TeKu</a></span>

</body>
</html>

Koodista voit muuttaa näitä kohtia:
-"OTSIKKO TÄHÄN"
-"LINKINOSOITE"
-"Linkkiteksti1", "linkkiteksti2" jne.
-"ETUSIVUN OSOITE TÄHÄN"

Ethän muuta muita kohtia! Jos muutat, rikot tekijänoikeuslakia.

Laittamalla tämän koodin jokaisen sivun alkuun (head ja /head tagien väliin) saat linkit rullauspalkin oikean värisiksi:

Laittamalla tämän koodin jokaisen sivun alkuun (body ja /body tagien väliin) saat taustan ja tekstin oikean värisiksi:

Muistithan: