Nature - Blog.hr Dizajn

Besplatan "Nature" blog dizajn za download.

Slijedeći dizajn

Prethodni dizajn

Demo pregled

3.00 / 5 (glas zabilježen)

Upute za instalaciju Blog.hr dizajna

Kopirajte slijedeći HTML kôd predloška u vaš Blog.hr editor:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html>

<head>
<title><$ImeBloga$></title>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1250' />
<meta http-equiv='content-language' content='hr' />
<style type="text/css">
html, div, form, textarea, input, img{ 
  margin: 0px;
  padding: 0px;
  border: none;
}
body{
  color: #976a36;
  background-color: #bed789;
  font: 12px Verdana, Trebuchet MS, Arial;
  margin: 0;
}
p{
  margin: 0px 0px 14px 0px;
  padding: 0px;
}
h1{
  color: #fcf2e5;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
h2{
  color: #983b34;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 4px 0px 6px 0px;
  padding: 0px;
}
a:link, a:visited, a:active{
  color: #875c2a;
  font-weight: bold;
	background-color: inherit;
  text-decoration: none;
  font-size: 11px;
}
a:hover{
  color: #d1b492;
  background-color: inherit;
  text-decoration: underline;
}
.slika{
  padding: 2px;
  margin-right: 6px;
  border: 1px solid #966733;
}


.container{
  width: 700px;
  margin: 15px auto;
}
.header{
  width: 650px;
  height: 64px;
  background: url("http://www.blogeri.hr/images/template/blog/72/header.jpg") no-repeat;
  padding: 40px 0 0 50px;
}
.header h1{
  color: #fff;
  font-size: 18px;
}
.main{
  padding: 10px 0px;
}
.left{
  float: left;
  width: 474px;
  border-top: 3px solid #a2713b;
  border-bottom: 3px solid #a2713b;
  color: #976a36;
  background-color: #fbf2e5;
  padding: 6px 8px;
  margin-right: 10px
}
.left h1{
  background: #d2b798 url("http://www.blogeri.hr/images/template/blog/72/naslov_main.jpg") no-repeat;
  padding: 3px 0 0 34px;
  height: 19px;
}
.left p{
  margin: 0;
  padding: 5px 5px 14px 5px;
}
.right{
  float: left;
  width: 190px;
  border-top: 3px solid #993b35;
  border-bottom: 3px solid #993b35;
  color: #7b241e;
  background-color: #f8e6e4;
  padding: 5px;
}
.right h2{
  background: url("http://www.blogeri.hr/images/template/blog/72/naslov_desno.jpg") no-repeat;
  padding: 3px 0 0 24px;
  height: 19px;
  border-bottom: 1px solid #c48c88;
}
.right a:link, .right a:visited, .right a:active{
  color: #cd7e79;
  font-weight: normal;
	background-color: inherit;
  text-decoration: none;
  font-size: 12px;
}
.right a:hover{
  color: #892b25;
  background-color: inherit;
  text-decoration: underline;
}
.footer{
  clear: left;
  text-align: center;
  padding: 10px 190px 0 0;
}
.under{padding: 10px 0;}


</style>
</head>

<body>

  <div class='container'>
    <div class='header'><h1><$ImeBloga$></h1></div>
    <div class='main'>
      <div class='left'>
     
     
<Blog>

<!-- CONTENT START -->
<Naslov><h1><$NaslovPosta$>, <span style='font-size:10px'><$DatumPosta$> <$VrijemePosta$></span></h1></Naslov>

<p>
<!-- Slika uz post -->
<Slika>
<img src="<$SlikaPosta$>" alt="<$SlikaTekst$>" class="slika" align="left" />
</Slika>
<!-- Slika uz post kraj -->

<$TekstPosta$></p>

<div class="under">
<a href="<$KomentariPosta$>" title="Ostavi komentar">Komentari (<font style='fonte-size: 10px;'><$BrojKomentara$></font>)</a> |
<a href="<$LinkZaPrint$>" title="Print">Print</a> |
<a href="<$LinkPosta$>" title="Permalink">#</a> | 
<a href="#" title="Natrag na vrh">^</a>
</div>
<!-- Komentari ispod posta -->  
<Komentari>
<ul>
<li><b><$AutorKomentara$></b> | <$DatumKomentara$> u <$VrijemeKomentara$><br /><$TekstKomentara$></li>
</ul>
</Komentari>
<!-- Komentari ispod posta kraj -->
</Blog>
    
      </div>
      
      <div class='right'>
      
        <!-- Logo -->
<Logo>
<a href="<$LinkBloga$>"><img src="<$Logo$>" alt="<$LogoTekst$>" class="logo" /></a>
</Logo>
<!-- Logo kraj -->

<a href="<$PrikazKomentara$>">Komentari da/ne?</a>

<!-- Molimo da ne micete ovu varijablu jer
ce se koristi za eventualne obavijesti. Hvala! -->
<$Banner$>
<!-- Kraj -->

<!-- Prvi box -->
<Box1>
<h2><$NaslovBoxa$></h2>
<p><$TekstBoxa$></p>
</Box1>
<!-- Prvi box kraj -->

<!-- Drugi box -->
<Box2>
<h2><$NaslovBoxa$></h2>
<p><$TekstBoxa$></p>
</Box2>
<!-- Drugi box kraj -->

<!-- Treci box -->
<Box3>
<h2><$NaslovBoxa$></h2>
<p><$TekstBoxa$></p>
</Box3>
<!-- Treci box kraj -->

<!-- Cetvrti box -->
<Box4>
<h2><$NaslovBoxa$></h2>
<p><$TekstBoxa$></p>
</Box4>
<!-- Cetvrti box kraj -->

      </div>
      <!-- Kostur i dizajn by Blogeri.hr. Ovaj dio koda ne smijete dirati. -->
      <div class='footer'><a href='http://www.blogeri.hr/blog-dizajn/'>Blog dizajn</a> by <a href='http://www.blogeri.hr'>Blog</a>.</div>
    </div>
  </div>

</body>
</html>

Nature

Blog servis: Blog.hr
Broj kolona: 2 kolone (desni stupac)
Boje:

Pregleda: 749

Vrijeme dodavanja: 26.03.2009.

Autor: Blogeri

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Nature - Blog.hr Dizajn

Besplatan "Nature" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Nature

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera