LIME SPLASH

Lime Splash

Tästä tulikin aika hauska. n__n Jostain syystä tulee mieleen jonkinlaiset kasvot, että tuo yhtymäkohdassa keskellä oleva ylös alaisin oleva "nuoli" on kuin nenä ja limetit ovat kuin silmät. Ja linkkialue suu. Okei, mielikuvitus laukkaa taas.. ^^ Värit voisivat toki olla paremmatkin mutta ne saa sitten itse vaihtaa jos osaa. Otsikon fontti on Agent Orange ja leiskan nimi Lime Splash.

Kuvat ja koodit

Tallenna tämä kuva nimellä limesplash1.png ja lisää siihen halutessasi otsikko. Lataa kuva sen jälkeen omalle palvelimellesi.

Seuraavaksi laitat nämä koodit indexiin ja kaikille muillekin sivuille.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <title>SIVUSI NIMI </title> <link rel="stylesheet" href="tyyli.css" type="text/css"> </head> <body> <body bgcolor="#BCF893"> <div style="position:absolute; top:50px; left:50px;"> <IMG src="limesplash1.png"> </div> <div style="position:absolute; top:120px; left:50px; width:601;"><center> Ulkoasun © <a href="mailto:jennihassu@netti.fi">Jenni</a>, <a href="http://www.eternity-world.net" target="_blank">Eternity World</a> - Kuvan © <a href="http://www.sxc.hu/profile/matchstick" target="_blank">Martin Walls</a></center> </div> <div style="position:absolute; top:367px; left:50px;"> <TABLE width="601" height="86" style="border: 1px solid #000000;" bgcolor="#DDFCC8"> <TR> <TD> <center><b>OTSIKKO</b></center> <p> TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT TEKSTIT <br> <br> </TD> </TR> </TABLE></div> <div style="position:absolute; top:343px; left:50px; width:603px; height:33px;"><center> - <a href="LINKIN OSOITE">linkki</a> - <a href="LINKIN OSOITE">linkki</a> - <a href="LINKIN OSOITE">linkki</a> - <a href="LINKIN OSOITE">linkki</a> - <a href="LINKIN OSOITE">linkki</a> - </center></div> </body> </html>

Sitten luot sivun tyyli.css, ja laitat sinne nämä koodit.

Nyt leiskan pitäisi toimia. Jos jotain ongelmia ilmenee, lähetä sähköpostia osoitteeseen jennihassu[at]netti[dot]com. (at = @ dot = .)