Untitled

Porkkanan kosto-leiska

Porkkanan kosto -leiskaa varten sinun pitää tallentaa tietokoneellesi ja ladata palvelimellesi nämä kuvat:
"kanileiska1.gif" -eli tuo pieni kanin kuva "menu" tekstin yllä
"kanileiska2.gif" -eli vaakatasossa oleva porkkanaviiva
"kanileiska3.jpg" -eli porkkanakuvioinen tausta
"kanileiska4.gif" -eli pystyssä oleva porkkanaviiva

Ethän tallenna kuvia toisilla nimillä, sillä silloin leiska ei toimi.

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

<html>
<head><title>YLÄREUNAN TEKSTI TÄHÄN</title>
<STYLE type="text/css">

</STYLE>
<STYLE TYPE="text/css">
</style>
</head>
<body><center><body background="kanileiska3.jpg"><table border="0" bordercolor="339944" bgcolor="DDFFAA"><tr><td rowspan="4"><img src="kanileiska4.gif"></td><td colspan="2"><center><img src="kanileiska2.gif"><br><font face="verdana" size="5" color="339944">OTSIKKOTEKSTI TÄHÄN<br><img src="kanileiska2.gif"></td><td><td rowspan="4"><img src="kanileiska4.gif"></td></tr><tr><td><iframe frameborder="0" 
width=450 height=290 src="ETUSIVUN OSOITE TÄHÄN"
 name="iframe">
</iframe></td><td><center><img src="kanileiska1.gif"><br><font face="verdana" size="1" color="339944"><b><u>Menu:</u></b><br><a href="linkki.html" target="iframe">Linkki1 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki2 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki3 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki4 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki5 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki6 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki7 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki8 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki9 teksti</a><br><a href="LINKIN OSOITE" target="iframe">Linkki10 teksti</a></td></tr><tr><td colspan="2"><center><img src="kanileiska2.gif"><br><b><font face="verdana" size="1" color="AADD66"> <a href="VIERASKIRJAN OSOITE" target="iframe">Vieraskirja</a>   <a href="LINKIN OSOITE" target="iframe">Copyright</a>   <a href="mailto:SÄHKÖPOSTIOSOITTEESI">Sähköposti</a> <br><img src="kanileiska2.gif"></td></tr></table><br><font face="verdana" size="2"><span style=background:#DDFFAA><a href="http://www.geocities.com/viherpeikko">Layout ©TeKu</a></span>

</body>
</html>

Koodista voit muuttaa näitä (koodissa suurilla kirjaimilla kirjoitettuja) kohtia:
-Otsikkoteksti tähän
-Linkinosoite
-Etusivun osoite tähän
-Vieraskirjan osoite
-Sähköpostiosoitteesi
Tuhoja aiheuttamatta voit myös muuttaa "menu" tekstin tilalle jonkun muun sanan, muuttaa linkkitekstejä ("Linkki1 teksti" jne.), sekä lisätä/vähentää linkkejä (olettaen, että osaat vähänkin HTML:ää)
Älä muuta koodista mitään muuta!

Kun luot uusia html-tiedostoja linkkejä varten, laita jokaiseen tiedostoon < head > ja < / head > tagien väliin tämä koodi:

Se tekee rullauspalkin valko-vihreäksi ja linkit oikean laisiksi :)

Ja laita jokaiseen tiedostoon < body > ja < / body> tagien väliin tämä koodi:

Tuo koodi tekee taustan valkoiseksi ja tekstin vihreäksi. Tekstisi kirjoitat sitten tuon koodin jälkeen.

Ethän unohda tätä: