Laurelinin sivupohjat

Olet saapunut selaamaan Laurelinin sivupohjia. Kaikista olemassa olevista sivupohjista löydät kuvat helpoiten klikkaamalla kategoriaa kaikki sivupohjat.  Täällä onkin sitten ne koodit. Hankalasti kaikki jonossa, mutta olemassa... Koitan keksiä tähän jonkin paremman systeemin. Mutta...

Sääntö numero yksi: Kun lainaat täältä pohjaa, laita aina kommentti, jotta voin käydä katsomassa millaiselta se sinun blogissasi näyttää :)

Sääntö numero kaksi: Kun käytät sivupohjaa, laita aika laatikko, jossa ilmoitus, että tämä on Laurelin sivupohja. Näin sitten muutkin tietävät.

335494.jpg

Sydänvatsa tekstillä
(Jokaisessa meissä asuu pieni ihminen)

<!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: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   font-size: 10pt;
   padding: 0px;
   margin: 0px;
   background-color: #E6D5C5; 
  }
  #sivu {
   position: absolute;
   top: 30px;
   width: 100%;
  }
  #vasenreuna {
   position: absolute;
   width: 230px;
   left: 20px;
   top: 470px;
  }
  #blogialue {
    position: absolute;
    left: 260px;
    right: 260px;
    top: 500px;
  }
  #oikeareuna {
   position: absolute;
   width: 230px;
   right: 20px;
   top: 470px;
  }
  .blogiotsikko {
   text-align: center;
   font-size: 35pt;
   font-family: Monte Petito, Monotype corsiva;
  }
  .blogiotsikko a {
    color: #634239;
    text-decoration: none;
  } 
  .blogname a {
    text-decoration: none;
    color: #634239;
    background-position: center;
  }
  .laatikko a {
    color: #634239;
  }
  /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */
  .laatikko {
   border: 4px #634239 double;
   padding: 4px;
   background-color: #F7E9DE;
   margin-bottom: 10px;
  }
  .laatikko_otsikko {
   font-weight: bold;
   font-size: 11pt;
   color: #634239;
  }
  .laatikko_syndikaatio {
     border: none;
     text-align: center;
  }
  .laatikko_syndikaatio img {
    border: 0px;
    margin-bottom: 2px;
  }
  .laatikko_syndikaatio .laatikko_otsikko {
    display: none;
  }
  .otsikko {
   font-weight: bold;
   color: #634239;
  }
  .kontaktirivi {
    text-transform: uppercase;
    font-size: 8pt;
   }
  .laatikko a {
   color: #634239;
  }
  .kirjoitusaika, .kommenttiaika {
   margin: 0;
   padding: 0;
   padding-top: 0.3em;
   padding-bottom: 1em;
   font-size: 8pt;
   text-transform: uppercase;
   color: #634239;
  }
  .kirjoitusotsikko {
   font-size: 14pt;
   font-weight: bold;
  }
  .kirjoitusotsikko a {
    text-decoration: none;
    color: #634239;
  }
  .kirjoitus {
    background-color: #F7E9DE;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    padding-left: 1.3em;
    padding-right: 2.5em;
    border: 4px #634239 double;
  }
  .kirjoituslinkit {
   padding-top: 1em;
   text-transform: uppercase;
   color: #634239;
   font-size: 8pt;
  }
  .kirjoituslinkit a {
   color: #634239;
  }
  .arkisto_vuosi {
   font-weight: bold;
   color: #634239;
  }
  .arkisto_kuukausi {
    margin-left: 2em;
  }
  .kommentti, #kommentointilaatikko {
    background-color: #F7E9DE;
    background-repeat: no-repeat;
    margin: 0.5em;
    padding: 0.5em;
    font-size: 10pt;
    border: 4px #634239 double;
  }
  .kommentoija {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9pt;
    color: #634239;
  }
  .kommentoija a {
    color: #634239;
  }
  .kommenttiaika {
    margin: 0;
    padding: 0;
    font-size: 8pt;
    text-transform: uppercase;
    color: #634239;
  }
  #kommentointilaatikko input[type="text"] {
    width: 275px;
    font-size: 10pt;
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  }
  #kommentointilaatikko textarea {
    width: 375px;
    height: 75px;
    font-size: 10pt;
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  }
A:link {text-decoration: none; color: #634239;}
-->
  </style>
 </head>
 <body>
  <? banner ?>
  <div id="sivu">
   <div align="center">
   <img src="http://farm1.static.flickr.com/145/350474534_f7b83568fc_o.jpg"></div>
</div>
   <div id="vasenreuna">
    <? laatikot{kirjoittaja} ?>
    <? laatikot{arkisto} ?>
    <? laatikot{kategoriat} ?>
    <? laatikot{sivut} ?>
    <? laatikot{syndikaatio} ?>
   </div>
   <div id="blogialue">
    <div class="blogiotsikko"><a href="/"><? bloginNimi ?></a></div>
    <? sisalto ?>
   </div>
   <div id="oikeareuna">
    <? laatikot{ei(kirjoittaja,arkisto,kategoriat,syndikaatio,sivut)} ?>
   </div>
  </div>
 </body>
</html>


335508.jpg

Sydänvatsa

<!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: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   font-size: 10pt;
   padding: 0px;
   margin: 0px;
   background-color: #E6D5C5; 
  }
  #sivu {
   position: absolute;
   top: 30px;
   width: 100%;
  }
  #vasenreuna {
   position: absolute;
   width: 230px;
   left: 20px;
   top: 470px;
  }
  #blogialue {
    position: absolute;
    left: 260px;
    right: 260px;
    top: 500px;
  }
  #oikeareuna {
   position: absolute;
   width: 230px;
   right: 20px;
   top: 470px;
  }
  .blogiotsikko {
   text-align: center;
   font-size: 35pt;
   font-family: Monte Petito, Monotype corsiva;
  }
  .blogiotsikko a {
    color: #634239;
    text-decoration: none;
  } 
  .blogname a {
    text-decoration: none;
    color: #634239;
    background-position: center;
  }
  .laatikko a {
    color: #634239;
  }
  /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */
  .laatikko {
   border: 4px #634239 double;
   padding: 4px;
   background-color: #F7E9DE;
   margin-bottom: 10px;
  }
  .laatikko_otsikko {
   font-weight: bold;
   font-size: 11pt;
   color: #634239;
  }
  .laatikko_syndikaatio {
     border: none;
     text-align: center;
  }
  .laatikko_syndikaatio img {
    border: 0px;
    margin-bottom: 2px;
  }
  .laatikko_syndikaatio .laatikko_otsikko {
    display: none;
  }
  .otsikko {
   font-weight: bold;
   color: #634239;
  }
  .kontaktirivi {
    text-transform: uppercase;
    font-size: 8pt;
   }
  .laatikko a {
   color: #634239;
  }
  .kirjoitusaika, .kommenttiaika {
   margin: 0;
   padding: 0;
   padding-top: 0.3em;
   padding-bottom: 1em;
   font-size: 8pt;
   text-transform: uppercase;
   color: #634239;
  }
  .kirjoitusotsikko {
   font-size: 14pt;
   font-weight: bold;
  }
  .kirjoitusotsikko a {
    text-decoration: none;
    color: #634239;
  }
  .kirjoitus {
    background-color: #F7E9DE;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    padding-left: 1.3em;
    padding-right: 2.5em;
    border: 4px #634239 double;
  }
  .kirjoituslinkit {
   padding-top: 1em;
   text-transform: uppercase;
   color: #634239;
   font-size: 8pt;
  }
  .kirjoituslinkit a {
   color: #634239;
  }
  .arkisto_vuosi {
   font-weight: bold;
   color: #634239;
  }
  .arkisto_kuukausi {
    margin-left: 2em;
  }
  .kommentti, #kommentointilaatikko {
    background-color: #F7E9DE;
    background-repeat: no-repeat;
    margin: 0.5em;
    padding: 0.5em;
    font-size: 10pt;
    border: 4px #634239 double;
  }
  .kommentoija {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9pt;
    color: #634239;
  }
  .kommentoija a {
    color: #634239;
  }
  .kommenttiaika {
    margin: 0;
    padding: 0;
    font-size: 8pt;
    text-transform: uppercase;
    color: #634239;
  }
  #kommentointilaatikko input[type="text"] {
    width: 275px;
    font-size: 10pt;
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  }
  #kommentointilaatikko textarea {
    width: 375px;
    height: 75px;
    font-size: 10pt;
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  }
A:link {text-decoration: none; color: #634239;}
-->
  </style>
 </head>
 <body>
  <? banner ?>
  <div id="sivu">
   <div align="center">
   <img src="http://farm1.static.flickr.com/165/350474538_f44ea3c898_o.jpg"></div>
</div>
   <div id="vasenreuna">
    <? laatikot{kirjoittaja} ?>
    <? laatikot{arkisto} ?>
    <? laatikot{kategoriat} ?>
    <? laatikot{sivut} ?>
    <? laatikot{syndikaatio} ?>
   </div>
   <div id="blogialue">
    <div class="blogiotsikko"><a href="/"><? bloginNimi ?></a></div>
    <? sisalto ?>
   </div>
   <div id="oikeareuna">
    <? laatikot{ei(kirjoittaja,arkisto,kategoriat,syndikaatio,sivut)} ?>
   </div>
  </div>
 </body>
</html>


335519.jpg

Naamiot

<!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: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   font-size: 10pt;
   padding: 0px;
   margin: 0px;
   background-color: #1F120A; 
  }
  #sivu {
   position: absolute;
   top: 50px;
   width: 100%;
  }
  #vasenreuna {
   position: absolute;
   width: 230px;
   left: 20px;
   top: 420px;
  }
  #blogialue {
    position: absolute;
    left: 260px;
    right: 260px;
    top: 420px;
  }
  #oikeareuna {
   position: absolute;
   width: 230px;
   right: 20px;
   top: 420px;
  }
  .blogiotsikko {
   text-align: center;
   font-size: 35pt;
   font-family: Monte Petito, Vladimir Script, Monotype Corsiva;
  }
  .blogiotsikko a {
    color: #F4BE5A;
    text-decoration: none;
  } 
  .blogname a {
    text-decoration: none;
    color: #F4BE5A;
    background-position: center;
  }
  .laatikko a {
    color: #682A03;
  }

  /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */
  .laatikko {
   border: 2px #682A03 solid;
   padding: 5px;
   background-image: url('http://farm1.static.flickr.com/138/347926888_aeaf623771_o.jpg');
   background-repeat: no-repeat;
   margin-bottom: 10px;
  }
  .laatikko_otsikko {
   font-weight: bold;
   font-size: 11pt;
   color: #682A03;
  }
  .laatikko_syndikaatio {
     border: none;
     text-align: center;
  }
  .laatikko_syndikaatio img {
    border: 0px;
    margin-bottom: 2px;
  }
  .laatikko_syndikaatio .laatikko_otsikko {
    display: none;
  }
  .otsikko {
   font-weight: bold;
   color: #682A03;
  }
  .kontaktirivi {
    text-transform: uppercase;
    font-size: 8pt;
   }
  .laatikko a {
   color: #682A03;
  }
  .kirjoitusaika, .kommenttiaika {
   margin: 0;
   padding: 0;
   padding-top: 0.3em;
   padding-bottom: 1em;
   font-size: 8pt;
   text-transform: uppercase;
   color: #682A03;
  }
  .kirjoitusotsikko {
   font-size: 14pt;
   font-weight: bold;
  }
  .kirjoitusotsikko a {
    text-decoration: none;
    color: #682A03;
  }
  .kirjoitus {
    background-image: url('http://farm1.static.flickr.com/141/347943958_742cbce9f1_b.jpg');
    background-repeat: no-repeat;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    padding-left: 1.3em;
    padding-right: 2.5em;
    border: 2px #682A03 solid;
  }
  .kirjoituslinkit {
   padding-top: 1em;
   text-transform: uppercase;
   color: #682A03;
   font-size: 8pt;
  }
  .kirjoituslinkit a {
   color: #682A03;
  }
  .arkisto_vuosi {
   font-weight: bold;
   color: #682A03;
  }
  .arkisto_kuukausi {
    margin-left: 2em;
  }
  .kommentti, #kommentointilaatikko {
    background-image: url('http://farm1.static.flickr.com/141/347943958_742cbce9f1_b.jpg');
    background-repeat: no-repeat;
    margin: 0.5em;
    padding: 0.5em;
    font-size: 10pt;
    border: 2px #682A03 solid;
  }
  .kommentoija {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9pt;
    color: #682A03;
  }
  .kommentoija a {
    color: #682A03;
  }
  .kommenttiaika {
    margin: 0;
    padding: 0;
    font-size: 8pt;
    text-transform: uppercase;
    color: #682A03;
  }
  #kommentointilaatikko input[type="text"] {
    width: 275px;
    font-size: 10pt;
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  }
  #kommentointilaatikko textarea {
    width: 375px;
    height: 75px;
    font-size: 10pt;
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  }
A:link {text-decoration: none; color: #682A03;}
 -->
  </style>
 </head>
 <body>
  <? banner ?>
  <div id="sivu">
   <div align="center">
   <img

src="http://farm1.static.flickr.com/136/347789904_c76c5a26b4.jpg"></div>

</div>
   <div id="vasenreuna">
    <? laatikot{kirjoittaja} ?>
    <? laatikot{arkisto} ?>
    <? laatikot{kategoriat} ?>
    <? laatikot{sivut} ?>
    <? laatikot{syndikaatio} ?>
   </div>
   <div id="blogialue">
    <div class="blogiotsikko"><a href="/"><? bloginNimi ?></a></div>
    <? sisalto ?>
   </div>
   <div id="oikeareuna">
    <? laatikot{ei(kirjoittaja,arkisto,kategoriat,syndikaatio,sivut)} ?>
   </div>
  </div>
 </body>
</html>