Tallip�ivi�

Ulkoasusta

�l� kysy, en tied�. T�m� tekele l�hti rakentumaan vanhoista ylij��m�materiaaleista: vanha harjoittelu sai toimia koodina ja kuvat olin tallentanut my�hemp�� k�ytt�� varten flickrist�. Kuvat eiv�t ole niink��n hienoja otoksia kilpailuista, vaan nuo hieman hassummat tilannekuvat kuvaavat hienosti jokap�iv�ist� talliel�m��. Huomatkaapa muuten my�s vasemmanpuoleisen, vaaleanrautiaan hevosen upea klippaus. <:
J�lleen kerran simppeli, ainoa haastavampi juttu on vaihdella taustav�rej�: Tausta pit�� muokata kuvanmuokkaimella. Kuvat on kuitenkin helppo vaihtaa mieleisiksi ja otsikko kirjoittuu yht� helposti kuin mik� tahansa teksti.

Asennusohjeet

1. Tallenna alla olevat kuvat koneellesi ja lataa ne kotisivupalvelimellesi. �l� vaihda tiedostonimi�, ellet halua vaihtaa niit� koodiinkin. Kuvat ovat oikeasti oikean kokoisia. �l� suoralinkit� kuvia!

2. Kopioi alla olevassa laatikosta ulkoasun koodit ja liit� ne tyhj�lle html-sivulle (kopioi=maalaa teksti kokonaan mustaksi ja paina hiiren oikeasta n�pp�imest� "kopioi". Liit�=paina hiiren oikeasta n�pp�imest� "liit�").
3. Lis�� sivun sis�lt�, vaihda linkkien osoitteet oikeiksi yms.
4. Tallenna. Nyt ulkoasun pit�isi olla sivuillasi.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html>  <head> <title> OTSIKKO </title> <style type="text/css">  </STYLE> </head> <body><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads> <div id="linklaatikko"><tr><td> <a href="#" class="paalinkit"> ► LINKKI</a> <a href="#" class="paalinkit"> ► LINKKI</a> <a href="#" class="paalinkit"> ► LINKKI</a> <a href="#" class="paalinkit"> ► LINKKI</a> <a href="#" class="paalinkit"> ► LINKKI</a> <a href="#" class="paalinkit"> ► LINKKI</a> </div></tr></td> <div id="textlaatikko"><tr><td> <tr><td> <center> <h1>Otsikkosi</h1> <img src="http://www.geocities.com/chu_virtuaali/leiskat/th_thomascollet.jpg" style="border:4px double #3d3d3d;" width="160" height="107"> <img src="http://www.geocities.com/chu_virtuaali/leiskat/th_spakattacks.jpg" style="border:4px double #3d3d3d;" width="160" height="107"> <img src="http://www.geocities.com/chu_virtuaali/leiskat/th_thomascollet2.jpg" style="border:4px double #3d3d3d;" width="160" height="107"> <br><h1></h1> </center> <h4>V�liotsikko</h4> Kuvat, tekstit ym. <br><br><br><h1></h1> <center><sup>Layout © <a href="http://www.blacklily.urli.net/">Black Lily Layouts</a> Kuvat © Spakattacks & Thomas Collet / flickr.com (<a href="http://creativecommons.org/licenses/by-nc-sa/1.0/fi/">Lisenssi</a>) </sup></center>