Koiranpä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>LLayout © <a href="http://www.blacklily.urli.net/">Black Lily Layouts</a> Kuvat © Ferdi's World / flickr.com (<a href="http://creativecommons.org/licenses/by-nc-sa/1.0/fi/">Lisenssi</a>) </sup></center>