Temporary peace - Blog.hr Dizajn

Besplatan "Temporary peace" blog dizajn za download.

Slijedeći dizajn

Prethodni dizajn

Demo pregled

4.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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title><$ImeBloga$></title>
<style type="text/css">

body {
margin: 0;
padding: 0;
text-align: center;
background: #731A0E url(http://www.blogeri.hr/images/template/blog/80/bg_bottom.jpg) repeat-x bottom;
color: #ECD1A4;
cursor: default;
font-family: "Lucida Sans Unicode", Sans-serif;
font-size: 11px
}


/* CONTENT LAYERS */

#back_top {
background: url(http://www.blogeri.hr/images/template/blog/80/bg_top.jpg) repeat-x top;
}

#container {
background: url(http://www.blogeri.hr/images/template/blog/80/bg_content.jpg);
width: 745px;
margin: 0 auto
}

#header {
background: url(http://www.blogeri.hr/images/template/blog/80/top.jpg);
height: 59px;
padding: 30px 0 0 42px
}

#content_bottom {
background: url(http://www.blogeri.hr/images/template/blog/80/footer_1.jpg) no-repeat bottom;
float: left;
padding-bottom: 20px
}

#left {
float: left;
background: url(http://www.blogeri.hr/images/template/blog/80/left.jpg) no-repeat top;
width: 438px;
text-align: justify;
overflow: visible;
padding: 0 8px 0 42px
}

#right {
float: right;
background: url(http://www.blogeri.hr/images/template/blog/80/right.jpg) no-repeat top;
width: 210px;
text-align: justify;
line-height: 15px;
padding: 215px 34px 0 13px
}

#footer {
height: 81px;
clear: both;
background: url(http://www.blogeri.hr/images/template/blog/80/footer.jpg);
padding: 30px 42px 0 0;
text-align: right;
color: #853821
}


/* NAVIGATION */

.nav {
background: url(http://www.blogeri.hr/images/template/blog/80/nav.jpg);
margin-bottom: 20px;
width: 210px
}

.nav_top {
background: url(http://www.blogeri.hr/images/template/blog/80/nav_top.jpg) no-repeat top;
width: 210px
}

.nav_bottom {
background: url(http://www.blogeri.hr/images/template/blog/80/nav_bottom.jpg) no-repeat bottom;
padding: 5px 10px 5px 10px;
width: 190px
}

.nav ul {
margin: 0;
padding: 0 0 10px 15px;
list-style: none;
}


/* TITLES and HEADINGS */

#title, #desc, h1, h2, h3 {
font-family: "Century Gothic", Sans-serif;
}

#title {
color: #313114;
float:left;
font-size: 47px;
text-transform: lowercase
}

#desc {
color: #BABA94;
font-size: 24px;
padding: 22px 0 5px 10px
}

h1 {
color: #58130A;
font-size: 25px;
margin: 20px 0 0 0;
font-weight: normal
}

h2 {
color: #F4AA9E;
font-size: 16px;
margin: 0
}

h3 {
color: #7D6230;
margin: 0;
font-size: 18px;
padding: 10px 0 7px
}

h4 {
color: #F4AA9E;
margin: 0;
font-size: 12px;
text-align: right;
padding: 10px 0 0
}


/* LINKS */

a {
text-decoration: none;
}

#left a:link, #left a:visited {
color: #FFDAD4;
border-bottom: 1px solid #E58F7F
}

#left a:hover, #left a:active {
color: #FFFFFF;
border: 0
}

#right a, #footer a {
font-weight: bold
}

#right a:link, #right a:visited {
color: #E1DA9F
}

#right a:hover, #right a:active {
color: #FFFFFF
}

#footer a:link, #footer a:visited {
color: #C02C17
}

#footer a:hover, #footer a:active {
color: #482917
}


/* SPAN CURVES */

.a, .b, .c, .d {
float: right;
height: 16px;
display: block
}

.a {
width: 85px
}

.b {
width: 70px;
clear: right
}

.c {
width: 40px;
clear: right
}

.d {
width: 20px;
clear: right
}


/* ETC*/

.slika{margin-right:10px}

blockquote {
background: #C16143 url(http://www.blogeri.hr/images/template/blog/80/blockquote.jpg) repeat-x bottom;
border: 1px solid #CC7855;
padding: 10px 10px 10px 20px;
line-height: 17px;
color: #F4BB97
}

#left p, #footer p {
margin: 5px 0 10px 0;
line-height: 15px;
}

.logo {margin: auto;}
.kalendar {
	width: 190px;
	margin: 20px auto 0 auto;
	text-align: center;
	line-height: 150%;
}
.kalendar td {
background: transparent
}

.kalendar td a {
	text-decoration: none;
	font-weight: bold;
}
td.kalendar-aktivni-dani {background: #B0974D;}
.kalendar-nazivi-dana td, .kalendar-mjesec-godina, .kalendar-strelica-natrag, .kalendar-strelica-naprijed {
	font-weight: bold;
}
</style>


</head>

<body>
<div id="back_top">

<div id="container">

<div id="header"> 

<div id="title"> 

<!-- IME BLOGA -->

<$ImeBloga$>

<!-- -->

</div>

</div>


<div id="right">

<!-- NAVIGACIJA -->

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

<div class="nav">
<div class="nav_top">
<div class="nav_bottom">

<!-- Kalendar -->
<$Kalendar$>
<!-- Kalendar kraj-->

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

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

</div>
</div>
</div>
			
<!-- Prvi box -->
<Box1>
<div class="nav">
<div class="nav_top">
<div class="nav_bottom">
<h3><$NaslovBoxa$></h3>
<$TekstBoxa$>
</div>
</div>
</div>
</Box1>
<!-- Prvi box kraj -->

<!-- Drugi box -->
<Box2>
<div class="nav">
<div class="nav_top">
<div class="nav_bottom">
<h3><$NaslovBoxa$></h3>
<$TekstBoxa$>
</div>
</div>
</div>
</Box2>
<!-- Drugi box kraj -->

<!-- Treci box -->
<Box3>
<div class="nav">
<div class="nav_top">
<div class="nav_bottom">
<h3><$NaslovBoxa$></h3>
<$TekstBoxa$>
</div>
</Box3>
<!-- Treci box kraj -->

<!-- Cetvrti box -->
<Box4>
<div class="box">
<h4><$NaslovBoxa$></h4>
<$TekstBoxa$>
</div>
</div>
</div>
</Box4>
<!-- Cetvrti box kraj -->


<!-- Credits -->
<div class="nav">
<div class="nav_top">
<div class="nav_bottom">

<h3> Credits </h3>

<!--ZADRZI OVE LINKOVE OVDJE, ILI IH UKLJUCI NEKAMO NA SVOJ BLOG -->

<ul>
<li> <a href="http://endless-light.com"> Design: Endless Light </a> </li>
<li> <a href="http://faestock.deviantart.com"> Stock photos: Faestock </a> </li>
<li> <a href="http://couchfort.net/article/59/css-curves"> CSS curves </a> </li>
<li> <a href="http://www.blogeri.hr/"> Blog </a> </li>
</ul>

</div>
</div>
</div>


<!-- KRAJ NAVIGACIJE -->

</div>


<div id="left">
<div id="desc"> 

kratak opis bloga...

</div>
<!-- SADRZAJ BLOGA -->

<Blog>

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

<h2><$DatumPosta$> u <$VrijemePosta$></h2>

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

<p><$TekstPosta$></p>
<b> <a href="<$KomentariPosta$>" title="Ostavi komentar" target="_blank">Bla bla bla</a> (<$BrojKomentara$>) •
<a href="<$LinkZaPrint$>" title="Isprintaj ovaj post" target="_blank">Isklesaj</a> •
<a href="<$LinkPosta$>" title="Link do ovog posta">#</a> </b>

<!-- Komentari ispod posta -->  
<Komentari>
<blockquote>
<$TekstKomentara$>
<h4><$AutorKomentara$> • <$DatumKomentara$> u <$VrijemeKomentara$></h4>
</blockquote>
</Komentari>
<!-- Komentari ispod posta kraj -->

</Blog>

</div>


<div id="footer">

<!-- UREDI TEKST PO SVOJOJ ZELJI -->

<p>
Designed by <a href="http://endless-light.com">Jelena</a>. Hosting slika by <a href="http://www.blogeri.hr">Blog</a>. Site owned by <a href=""><$ImeBloga$></a>. 
</p>

<p>
Valid <a href="http://validator.w3.org/check?uri=referer">HTML 4.01 Transitional</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
</p>

<!-- -->


</div>



</div>


</div>



</body>

</html>

Temporary peace

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

Pregleda: 723

Vrijeme dodavanja: 15.09.2009.

Autor: Endless Light

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Temporary peace - Blog.hr Dizajn

Besplatan "Temporary peace" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Temporary peace

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera