LISÄÄ TÄHÄN OMA OTSIKKOSI

tervetuloa

Tästä en kyllä yhtään sitten tiedä, mistä inspis lähti. Etsin kivannäköisen perhosulkoasun, tavoitteena oli tehdä ihan yksinkertainen ja brushiton divlei. Tässä lopputulos.. Hieman monimutkaisempi kuin ajattelin, mutta ainakin värit ovat kivat. Koodauksessa lisäsin vielä muutaman lisäyksityiskohdan ulkoasuun (linkkien väliotsikot & sivujen pääotsikko). Ulkoasu on siis div/table, ja linkkejä mahtuu mielin määrin sivuun. Ne eivät vaan saa olla kamalan pitkiä, tai ne "pilkkoontuvat" useammalle riville. Eipä sitten muute, copyrightejä ei saa poistaa ja otsikkoa ei lisätä kuvankäsittelyohjelmalla erikseen ulkoasuun. Niin, ja kommenttia ulkoasusta otetaan mieluusti vieraskirjassa vastaan.

kuvat & koodit

Jos haluat ulkoasun sivuillesi, lisää ensin seuraavat 2 kuvaa samannimisinä palvelimellesi:

Sen jälkeen lisää seuraava koodi kaikille tekemillesi sivuille:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>LISÄÄ TÄHÄN OMA OTSIKKOSI</title> <style type="text/css">  </style> </head> <body> <body background="shadowsbg.jpg"> <div id="kokosivu"> <div style="position: absolute; top:0px; left:0px;"> <div id="otsikkokuva"> <img src="shadows.jpg" alt=""> </div></div> <div style="position: absolute; top:402px; left:7px; width:110px"> <div class="valiotsikko"> Väliotsikko</div><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> <br><div class="valiotsikko"> Väliotsikko</div><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> <br><div class="valiotsikko"> Väliotsikko</div><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> x - <a href="http://">Linkki</a><br> <br><div class="valiotsikko"> Copyright</div><br> x - <a href="http://www.freewebs.com/eternity_world">Tanja, EW</a><br> x - <a href="http://www.freefoto.com">Freefoto</a><br> x - <a href="http://elegancepixelfied.com">Elegancepixelf.</a><br> x - <a href="http://moargh.de">Moargh.de</a> </div></div> <div style="position: absolute; top:393px; left:135px; width: 454px"><div id="tekstit"> <div class="paaotsikko">OTSIKKOSI</div><br> Tekstit tekstit tekstit tekstit tekstit tekstit tekstit Tekstit tekstit tekstit tekstit tekstit tekstit tekstit Tekstit tekstit tekstit tekstit tekstit tekstit tekstit Tekstit tekstit tekstit tekstit tekstit tekstit tekstit Tekstit tekstit tekstit tekstit tekstit tekstit tekstit Tekstit tekstit tekstit tekstit tekstit tekstit tekstit Tekstit tekstit tekstit tekstit tekstit tekstit tekstit Tekstit tekstit tekstit tekstit tekstit tekstit tekstit </div></div> </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>

x - Tanja