Kao-leiska

Vaaleansininen kao-table
Kai tästä nyt ihan kiva tuli. Vaaleansininen, kuten toivottiinkin. Teksteille luulisi olevan riittävästi tilaa, ja tuonne navigaatioon saa laittaa niin monta linkkiä kuin haluaa, sillä linkki-ikkuna venyy silloin alaspäin. Otsikkoa tähän leiskaan ei lisätä kuvankäsittelyohjelmalla, vaan indexin koodista löytyy paikka, missä lukee "Otsikkosi tähän", ja sen tilalle kirjoitat sivujesi nimen. Otsikkotilaa on niukasti, joten jätä ne "Kaohoitola" -alut pois, esimerkiksi jos sivujesi nimi on Kaohoitola Lumpeenkukka, Laita otsikkoon pelkkä "Lumpeenkukka".

Tallenna nämä kuvat nimillä kuva.png ja pienikao.png :

Laita nämä koodit indexiin ja jokaiselle uudelle sivulle :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>SIVUSI NIMI</title> <STYLE type=text/css></STYLE> </head> <body> <Div style="position: absolute; top:40; left:40; align="justify"> <img src="kuva.png"></div> <div style="position: absolute; top:55; left:55;"> <font size="7" face="georgia"> Otsikkosi tähän </font> </div> <div style="position: absolute; top:147px; left:40px;"><center> <table cellpadding="3" cellspacing="0" width="381" height="300" border="1" bordercolor="#5b9090" style="border-collapse: collapse"> <tr> <td rowspan="1" width="381" bgcolor="#ffffff" valign="top"> <img src="pienikao.png" align="left"> <b>Otsikko</b> <br> 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ä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä <br> <br> </td></tr><tr> <td rowspan="1" width="488" height="25" bgcolor="#ffffff" align="left">Ulkoasun © <a href="mailto:jennihassu@netti.fi">Jenni</a>, <a href="http://www.freewebs.com/eternity_world" target="_blank">Eternity World</a><br> Kuvien © <a href="http://www.lailanet.fi/satu.heijari" target="_blank">SaHe</a> (kuvien muokkaus © Jenni)</tr> </tr></table> <br> <br> </div> <div style="position: absolute; top:88px; left:425px;"> <iframe src="linkit.htm" name="L" width="215" height="185" frameborder=0 style="border-width:0px; border-style:dotted; frameborder="no" scrolling="scrol" noresize></iframe> </div> <div style="position: absolute; top:335px; left:425px;"> <iframe src="paivitykset.htm" name="P" width="215" height="140" frameborder=0 style="border-width:0px; border-style:dotted; frameborder="no" scrolling="scrol" noresize></iframe> </div> <script type="text/javascript" src="http://staticthumbs.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>

Tallenna nämä koodit nimellä linkit.htm :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <STYLE type=text/css></STYLE> </head> <body> ~ Väliotsikko ~ <br> - <a href="linkki" target="T">linkki</a> <br> - <a href="linkki" target="T">linkki</a> <br> - <a href="linkki" target="T">linkki</a> <p> ~ Väliotsikko ~ <br> - <a href="linkki" target="T">linkki</a> <br> - <a href="linkki" target="T">linkki</a> <br> - <a href="linkki" target="T">linkki</a> <p> ~ Väliotsikko ~ <br> - <a href="linkki" target="T">linkki</a> <br> - <a href="linkki" target="T">linkki</a> <br> - <a href="linkki" target="T">linkki</a> <p> <script type="text/javascript" src="/i.js"></script><script type="text/javascript" src="http://staticthumbs.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>

Tallenna nämä koodit nimellä paivitykset.htm :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <STYLE type=text/css></STYLE> </head> <body> ~ 00.00.0000 ~ <br> tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä <p> ~ 00.00.0000 ~ <br> tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä <p> ~ 00.00.0000 ~ <br> tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä <script type="text/javascript" src="/i.js"></script><script type="text/javascript" src="http://staticthumbs.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>