Tästä löytyypi sitten ulkoasun 'Lost' koodi ja kuva (photobucket pienensi sitä, se ei siis oikeasti oo noin epäselvä). Tekstittömän version koodi on tekstillisen jälkeen (varo, ettet kopioi molempia ^-^).

th_l.png

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
  <? headOsio ?>
  <title><? bloginNimi ?></title>
  <style type="text/css">
  <!--
  body {
    font-family: verdana, arial, tahoma, sans-serif;
    background-image: url('http://i109.photobucket.com/albums/n41/ameriaa/background-1.png');
    background-repeat: repeat-y;
    background-position: center;
    padding: 0px;
    margin: 0px;
  }
  .blogname {
    font-size: 20pt;
    text-align: right;
    font-family: times new roman, sans-serif;
    color: #000000;
    background: #FFFFFF;
    border: 1px #000000 solid;
    border-left: none;
    opacity: .5;
    filter: alpha(opacity=4);
    -moz-opacity: .4;
    width: 734px;
    height: 40px;
    padding-top: 10px;
  }
  .blogname a {
    text-decoration: none;
    color: #000000;
  }
  .laatikko_otsikko {
    background-color: #142615;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 9pt;
    height: 25px;
  }
  .laatikko_syndikaatio img {
    border: 0px;
  }
  .laatikko a {
    color: #666666;
  }
  .laatikko {
    font-size: 8pt;
    color: #FFFFFF;
    margin-bottom: 1em;
  }
  .otsikko, .arkisto_vuosi {
    font-weight: bold;
  }
  .arkisto_kuukausi {
    margin-left: 1em;
  }
  .kirjoitusotsikko {
    font: 13pt, verdana, arial, tahoma, sans-serif;
    color: #666666;
    margin-bottom: 0.5em;
  }
  .kirjoitusotsikko a {
    color: #142615;
    text-decoration: none;
    border-bottom: 1px #BBBBBB solid;
  }
  .kirjoitus {
    margin-bottom: 1em;
  }
  .kirjoitusaika {
    margin: 0;
    padding: 0;
    font-size: 7pt;
    text-transform: uppercase;
    color: #666666;
  }
  .kirjoitusteksti {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 9pt;
  }
  .kirjoitusteksti a {
    color: #666666;
  }
  .kirjoituslinkit {
    font-size: 7pt;
    text-transform: uppercase;
  }
  .kirjoituslinkit a {
    color: #666666;
  }
  .kommentti, #kommentointilaatikko {
    background-color: #142615;
    margin: 0.5em;
    padding: 0.5em;
    font-size: 10pt;
    color: #FFFFFF;
  }
  .kommentoija {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8pt;
    color: #FFFFFF;
  }
  .kommentoija a {
    color: #666666;
  }
  .kommenttiaika {
    margin: 0;
    padding: 0;
    font-size: 7pt;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #kommentointilaatikko input[type="text"] {
    width: 225px;
    font-size: 9pt;
    font-family: verdana, arial, tahoma, sans-serif;
  }
  #kommentointilaatikko textarea {
    width: 325px;
    height: 125px;
    font-size: 9pt;
    font-family: verdana, arial, tahoma, sans-serif;
  }
  -->
  </style>
 </head>
 <body>
  <? banner ?>
  <table border="0" width="735" align="center" cellpadding="0" cellspacing="0">
   <tr>
    <td colspan="2">
     <table border="0" width="735" align="center" cellpadding="0" cellspacing="0" style="background-image: url('http://i109.photobucket.com/albums/n41/ameriaa/otherst.png')">
      <tr>
       <td><img src="http://vuodatus.net/images/spacer.gif" width="1" height="435" alt=""/></td>
       <td valign="bottom"><div class="blogname"><a href="/"><? bloginNimi ?></a><img src="http://vuodatus.net/images/spacer.gif" width="15" height="1" alt=""/></div></td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td><img src="http://vuodatus.net/images/spacer.gif" width="507" height="1" alt=""/></td>
    <td><img src="http://vuodatus.net/images/spacer.gif" width="228" height="1" alt=""/></td>
   </tr>
   <tr>
    <td valign="top" width="507">
     <div style="padding: 1em">
      <? sisalto ?>
     </div>
    </td>
    <td width="228" valign="top">
     <div style="padding: 0.5em">
      <? laatikot{kirjoittaja} ?>
      <? laatikot{arkisto} ?>
      <? laatikot{kategoriat} ?>
      <? laatikot{syndikaatio} ?>
      <? laatikot{sivut} ?>
      <? laatikot{ei(sivut,kirjoittaja,arkisto,kategoriat,syndikaatio)} ?>
     </div>
    </td>
   </tr>
  </table>
 </body>
</html>

TEKSTITTÖMÄN KOODI

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
  <? headOsio ?>
  <title><? bloginNimi ?></title>
  <style type="text/css">
  <!--
  body {
    font-family: verdana, arial, tahoma, sans-serif;
    background-image: url('http://i109.photobucket.com/albums/n41/ameriaa/background-1.png');
    background-repeat: repeat-y;
    background-position: center;
    padding: 0px;
    margin: 0px;
  }
  .blogname {
    font-size: 20pt;
    text-align: right;
    font-family: times new roman, sans-serif;
    color: #000000;
    background: #FFFFFF;
    border: 1px #000000 solid;
    border-left: none;
    opacity: .5;
    filter: alpha(opacity=4);
    -moz-opacity: .4;
    width: 734px;
    height: 40px;
    padding-top: 10px;
  }
  .blogname a {
    text-decoration: none;
    color: #000000;
  }
  .laatikko_otsikko {
    background-color: #142615;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 9pt;
    height: 25px;
  }
  .laatikko_syndikaatio img {
    border: 0px;
  }
  .laatikko a {
    color: #666666;
  }
  .laatikko {
    font-size: 8pt;
    color: #FFFFFF;
    margin-bottom: 1em;
  }
  .otsikko, .arkisto_vuosi {
    font-weight: bold;
  }
  .arkisto_kuukausi {
    margin-left: 1em;
  }
  .kirjoitusotsikko {
    font: 13pt, verdana, arial, tahoma, sans-serif;
    color: #666666;
    margin-bottom: 0.5em;
  }
  .kirjoitusotsikko a {
    color: #142615;
    text-decoration: none;
    border-bottom: 1px #BBBBBB solid;
  }
  .kirjoitus {
    margin-bottom: 1em;
  }
  .kirjoitusaika {
    margin: 0;
    padding: 0;
    font-size: 7pt;
    text-transform: uppercase;
    color: #666666;
  }
  .kirjoitusteksti {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 9pt;
  }
  .kirjoitusteksti a {
    color: #666666;
  }
  .kirjoituslinkit {
    font-size: 7pt;
    text-transform: uppercase;
  }
  .kirjoituslinkit a {
    color: #666666;
  }
  .kommentti, #kommentointilaatikko {
    background-color: #142615;
    margin: 0.5em;
    padding: 0.5em;
    font-size: 10pt;
    color: #FFFFFF;
  }
  .kommentoija {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8pt;
    color: #FFFFFF;
  }
  .kommentoija a {
    color: #666666;
  }
  .kommenttiaika {
    margin: 0;
    padding: 0;
    font-size: 7pt;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  #kommentointilaatikko input[type="text"] {
    width: 225px;
    font-size: 9pt;
    font-family: verdana, arial, tahoma, sans-serif;
  }
  #kommentointilaatikko textarea {
    width: 325px;
    height: 125px;
    font-size: 9pt;
    font-family: verdana, arial, tahoma, sans-serif;
  }
  -->
  </style>
 </head>
 <body>
  <? banner ?>
  <table border="0" width="735" align="center" cellpadding="0" cellspacing="0">
   <tr>
    <td colspan="2">
     <table border="0" width="735" align="center" cellpadding="0" cellspacing="0" style="background-image: url('http://i109.photobucket.com/albums/n41/ameriaa/others.png')">
      <tr>
       <td><img src="http://vuodatus.net/images/spacer.gif" width="1" height="435" alt=""/></td>
       <td valign="bottom"><div class="blogname"><a href="/"><? bloginNimi ?></a><img src="http://vuodatus.net/images/spacer.gif" width="15" height="1" alt=""/></div></td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td><img src="http://vuodatus.net/images/spacer.gif" width="507" height="1" alt=""/></td>
    <td><img src="http://vuodatus.net/images/spacer.gif" width="228" height="1" alt=""/></td>
   </tr>
   <tr>
    <td valign="top" width="507">
     <div style="padding: 1em">
      <? sisalto ?>
     </div>
    </td>
    <td width="228" valign="top">
     <div style="padding: 0.5em">
      <? laatikot{kirjoittaja} ?>
      <? laatikot{arkisto} ?>
      <? laatikot{kategoriat} ?>
      <? laatikot{syndikaatio} ?>
      <? laatikot{sivut} ?>
      <? laatikot{ei(sivut,kirjoittaja,arkisto,kategoriat,syndikaatio)} ?>
     </div>
    </td>
   </tr>
  </table>
 </body>
</html>