Enlightening moments - Blog.hr Dizajn

Besplatan "Enlightening moments" 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 XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="hr">
<head>
<title><$ImeBloga$></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<style type="text/css">
* {margin: 0; padding: 0; border: none}
body {
	background: #140603 url(http://www.blogeri.hr/images/template/blog/20/bg.jpg) top right;
	color: #996e4a;
	font: .8em tahoma, verdana, sans-serif;
}
#container {
	width: 770px;
	margin: 0 0 0 auto;
	background: url(http://www.blogeri.hr/images/template/blog/20/light.jpg) top right no-repeat;
}
#content {
	width: 489px;
	background: url(http://www.blogeri.hr/images/template/blog/20/content-bg.jpg) repeat-y;
	float: left;
	overflow: hidden;
}
#content div {
	background: url(http://www.blogeri.hr/images/template/blog/20/content-top.jpg) top left no-repeat;
	padding: 50px 0 0 0;
}
#content div div {
	background: url(http://www.blogeri.hr/images/template/blog/20/content-bottom.jpg) bottom left no-repeat;
	padding: 0 0 10px 0;
}
#content div div div {background: none}
#content div div .post {
	background: #743e36;
	border: #7d5441 1px solid;
	padding: 0 8px;
	margin: 20px 30px;
	color: #000;
	text-align: justify;
}
#column {
	width: 250px;
	float: left;
	margin: 410px 20px 0 10px;
	overflow: hidden;
}
#footer {
	clear: both;
	height: 1px;
	line-height: 1%;
	text-indent: -100em
}
h1#owner {
	font: 24px;
	position: absolute;
	top: 23px;
	right: 220px;
	width: 200px;
	font-weight: normal;
	font-style: italic;
}
h2 {
	text-align: right;
	font-weight: normal;
	font-style: italic;
	font-size: 115%
}
h3 {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 5px 0;
	border-bottom: #5e2118 1px solid;
}
h4 {
	font-size: 130%;
	font-weight: normal;
	margin: 5px 0 5px 0;
	color: #a03f10;
}
p, ul, ol {
	text-align: left;
	margin: 0 0 8px 0;
}
ul {list-style-type: circle}
li {margin-left: 2em}
.under {
	text-align: right;
	margin: 0 0 8px 0;
	display: block;
	clear: both
}
#content div div .post .quoted {
	margin: 10px;
	background: #5e1f16;
	padding: 5px;
	border: #140603 1px solid;
	text-align: justify;
}
.slika {
	width: 200px;
	height: 150px;
	float: left;
	margin-right: 1em;
}
a:link, a:visited {color: #f39833; text-decoration: none}
a:hover {color: #fffdd3}
code {font: 110% lucida console, courier new, monospace; color: #c9a175}
.komentari {font-size: 90%; margin: 0; text-align: left;}
.komentari li {margin: 10px 0 0 10px; padding: 0 0 10px 0;}
.kalendar {
	width: 210px;
	margin: 0 auto;
	text-align: center;
	line-height: 150%;
border: 1px solid #5f2017;
}
.kalendar td {
	color: #876e4a;
	border: 1px solid #5f2017;
}
#column .kalendar td a, #column .kalendar td a:visited {
	text-decoration: none;
	font-weight: bold;
}
td.kalendar-aktivni-dani {background: #5e1f16;}
td.kalendar-prazni-dani {
	background: transparent;
	border: none;
}
td.kalendar-mjesec-godina, td.kalendar-strelica-natrag, td.kalendar-strelica-naprijed {
	color: #150505;
	background: #5e1f16;
	font-weight: bold;
}
.kalendar-nazivi-dana td {
	color: #150505;
	background: #743e36;
	font-weight: bold;
}
</style>
</head>
<body>
<h1 id="owner">
<$ImeBloga$><span style="display: none">'s blog</span>
</h1>

<div id="container">
<div id="header">
</div>
<div id="content"><div><div>

<Blog>

<div class="post">	
<!-- CONTENT START -->
<h2><$DatumPosta$> <$VrijemePosta$></h2>
<Naslov><h3><$NaslovPosta$></h3></Naslov>

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

<$TekstPosta$>

<span class="under">
<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>
</span>
<!-- Komentari ispod posta -->  
<Komentari>
<ul class="komentari">
<li><q><$TekstKomentara$></q> | <$AutorKomentara$> | <$DatumKomentara$> u <$VrijemeKomentara$></li>
</ul>
</Komentari>
<!-- Komentari ispod posta kraj -->
</div>

</Blog>
<!-- CONTENT END -->
</div></div></div>
<div id="column">

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

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

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

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

<h4>Zahvale</h4>
<ul>
	<li>Photo & design: <a href="http://inobscuro.com/">nel`chee</a></li>
	<li>hosting: <a href="http://www.blogeri.hr/">Blog</a></li>
</ul>
<!-- NAVIGATION END -->
</div>
<div id="footer">.</div>
</div>
</body>
</html>

Enlightening moments

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

Pregleda: 666

Vrijeme dodavanja: 28.05.2008.

Autor: In Obscuro

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Enlightening moments - Blog.hr Dizajn

Besplatan "Enlightening moments" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Enlightening moments

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera