Silent reverie - Blog.hr Dizajn

Besplatan "Silent reverie" blog dizajn za download.

Slijedeći dizajn

Prethodni dizajn

Demo pregled

5.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 HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title><$ImeBloga$></title>

<meta http-equiv="content-type" content="text/html; charset=windows-1250"/>

<style type="text/css">

body {
background: #E6E7E1 url(http://www.blogeri.hr/images/template/blog/84/bg.jpg) repeat-x top;
margin: 0;
padding: 0;
font-family: verdana, serif;
font-size: 11px;
color: #A29D96;
text-align: justify;
cursor: default
}


/* THE POSITIONING OF THE DIVS */

#left {
position: absolute;
top: 0;
left: 0;
width: 271px;
background: url(http://www.blogeri.hr/images/template/blog/84/left_bg.jpg)
}

#nav {
float: left;
padding: 376px 26px 20px 70px;
width: 175px;
line-height: 13px;
background: url(http://www.blogeri.hr/images/template/blog/84/top_1.jpg) no-repeat top
}


/* THE NAVIGATION LIST */

.nav li {
list-style: circle;
padding-bottom: 2px
}

ul.nav  {
padding: 0;
padding-left: 25px;
margin: 0
}


/* THE CONTENT DIV */

#right {
position: absolute;
left: 271px;
top: 0;
width: 446px;
background: #EFEFEB url(http://www.blogeri.hr/images/template/blog/84/top_b.jpg) no-repeat top
}

#main {
float: left;
line-height: 14px;
width: 430px;
background: url(http://www.blogeri.hr/images/template/blog/84/main_bg.jpg) no-repeat bottom;
padding: 129px 8px 60px
}

#main p {
margin: 8px 0 11px
}

/* FIXING AN IE BUG */

* html #main {
width: 426px
}


/* LINKS */

a {
font-weight: bold;
text-decoration: none
}

#main a {
letter-spacing: 1px;
word-spacing: 2px
}

#main a:link, #main a:visited {
color: #D39DA7;
border-bottom: 0
}

#main a:hover, #main a:active {
color: #C3A794;
border-bottom: 1px solid #DDD2C7
}

#nav a:link, #nav a:visited {
color: #A38490
}

#nav a:hover, #nav a:active {
color: #B9A5B0
}


/* HEADINGS */

h1 {
font-family: georgia, serif;
font-size: 16px;
background: url(http://www.blogeri.hr/images/template/blog/84/h1_bg.jpg) no-repeat;
color: #A5778D;
padding: 7px 0 7px 15px;
margin: 10px 0 0 10px
}

h2 {
font-family: georgia, serif;
font-size: 15px;
color: #998F85;
margin: 0;
padding: 20px 0 7px 0
}

h3 {
color: #C3A794;
font-size: 11px;
letter-spacing: 1px;
text-align: right;
border-top: 1px solid #D39DA7;
padding-top: 2px;
margin-top: 0
}


/* AVATAR */

.avatar {
float: left;
padding-right: 5px
}

blockquote {
background: url(http://www.blogeri.hr/images/template/blog/84/quote.jpg);
border: 1px solid #DACACD;
color: #AC8794;
margin: 0 20px 10px;
padding: 0 10px
}


/* FORM ELEMENTS */

.post_comment {
width: 414px;
height: 335px;
padding-top: 5px
}

label {
float: left;
display: block;
margin-bottom: 15px
}

form {
margin-top: 15px
}

input, textarea {
background: #DDD7D2;
padding: 3px;
color: #897E74;
border: 1px solid #BEABA5;
width: 270px;
margin: 0 30px 8px 10px;
float: right;
font-family: verdana, sans-serif;
font-size: 11px
}

.smilies {
float: right;
width: 270px;
margin: 0 30px 8px 10px;
padding: 3px
}

* html .smilies {
width: 240px
}

select {
background: #DDD7D2;
color: #897E74;
border: 1px solid #BEABA5;
font-family: verdana, sans-serif;
font-size: 11px;
height: 19px;
width: 200px
}

.button {
width: 80px;
margin-left: 120px;
float: left
}

.slika {
	width: 200px;
	height: 150px;
	float: left;
	margin-right: 1em
}

.kalendar {width:100%;height:150px;font-size:10px;}
.kalendar-aktivni-dani {background:white;text-align:center;}
.kalendar-neaktivni-dani {background:#EFEFEF;text-align:center;}
.kalendar-prazni-dani {background:#EFEFEF;}
.kalendar-nazivi-dana {background:#EFEFEF;text-align:center;}
.kalendar-mjesec-godina {background:#EFEFEF;text-align:center;}
.kalendar-strelica-natrag {background:#EFEFEF;text-align:center;}
..kalendar-strelica-naprijed {background:#EFEFEF;text-align:center;}

.sig {text-align: right;}
</style>
</head>

<body>

<!-- NAVIGACIJA -->

<div id="left">

<div id="nav">

<!-- Logo -->
<Logo>
<a href="<$LinkBloga$>"><img src="<$Logo$>" alt="<$LogoTekst$>" class="logo"></a>
</Logo>
<!-- Logo kraj -->

<!-- Kalendar -->
<$Kalendar$>
<!-- Kalendar kraj-->
<br><br>
<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>
<$TekstBoxa$>
</Box1>
<!-- Prvi box kraj -->


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


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


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



<!-- KRAJ NAVIGACIJE -->

</div>

</div>



<div id="right">

<div id="main">


<!-- SADRZAJ BLOGA -->

<Blog>

<Naslov><h1><$NaslovPosta$></h1></Naslov>

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

<p><$TekstPosta$></p>

<span class="under">
<h3><$DatumPosta$> u <$VrijemePosta$> |
<a href="<$KomentariPosta$>" title="Ostavi komentar"><$BrojKomentara$> Komentara</a> |
<a href="<$LinkZaPrint$>" title="Isprintaj ovaj post">Print</a> |
<a href="<$LinkPosta$>" title="Link do ovog posta">#</a> |
<a href="#" title="Natrag na vrh">^</a></h3>
</span>


<!-- Komentari ispod posta -->  
<Komentari>
<blockquote>
<p><$TekstKomentara$></p>
<p class="sig">-- <$AutorKomentara$> -- <$DatumKomentara$> u <$VrijemeKomentara$></p>
</blockquote>
</Komentari>
<!-- Komentari ispod posta kraj -->

</Blog>



<br /> 

<!-- KORISTENO ZA DIZAJN BLOGA -->

<h1>Kori�teno za dizajn</h1>
<ul class="nav">
<li>Dizajn: Jelena, <a href="http://endless-light.com">Endless-Light.com</a></li>
<li>Slike: <a href="http://gallery.celestial-star.net">Celestiar Star</a> i <a href="http://www.sxc.hu/">Stock.Xchng</a></li>
<li>Kistovi: <a href="http://annikavonholdt.com">Annika Von Holdt</a></li>
<li>Rije�i pjesama <a href="http://sarahmclachlan.com">Sarah McLachlan</a></li>
<li>Hosting slika: <a href="http://www.blogeri.hr">Blog</a></li>
</ul>


<!-- ENDING THE CONTENT LAYERS -->

</div>

</div>



</body>

</html>

Silent reverie

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

Pregleda: 1377

Vrijeme dodavanja: 15.09.2009.

Autor: Endless Light

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Silent reverie - Blog.hr Dizajn

Besplatan "Silent reverie" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Silent reverie

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera