Optimistic - Blog.hr Dizajn

Besplatan "Optimistic" 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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$ImeBloga$></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<meta name="copyright" content="Design by nelchee @ inobscuro.com" />
<style type="text/css">
* {margin: 0; padding: 0; border: none; text-decoration: none;}
html {
	background: url(http://www.blogeri.hr/images/template/blog/17/bg1.gif) #ddddae center;
	text-align: center;
	font: small "Georgia", "Palatino Linotype", "Times New Roman", serif;
	color: #444;
}
body {
	background: url(http://www.blogeri.hr/images/template/blog/17/bg2.jpg) center top repeat-x;
}
p, ul, ol {
	padding: 5px 0;
	line-height: 150%;
}
ol {list-style-type: upper-roman;}
ul {list-style-type: circle;}
li {margin-left: 1.5em;}
a:link {border-bottom: 1px dashed; font-weight: bold;}
a:visited {border: none; font-weight: normal;}
code {color: #f5f5f5; font-size: 100%;}
#container {
	width: 757px;
	margin: 0 auto;
	text-align: left;
	background: url(http://www.blogeri.hr/images/template/blog/17/header.jpg) left top no-repeat;
	padding-right: 13px !important;
	padding-right: 12px;
}
#header {
	height: 123px;
	position: relative;
}
#content {
	width: 445px;
	float: right;
	background: url(http://www.blogeri.hr/images/template/blog/17/bg_content-top.jpg) #365921 left top no-repeat;
	color: #ffedaf;
	position: relative;
}
#content div {
	background: url(http://www.blogeri.hr/images/template/blog/17/bg_content-bottom.gif) left bottom no-repeat;
	padding: 20px;
	position: relative;
}
#content div div {background: none; padding: 0;}
#column {
	width: 230px;
	background: url(http://www.blogeri.hr/images/template/blog/17/bg3.gif) left top repeat-y;
	float: right;
	margin: 384px 52px 0 0;
}
#column div {
	margin-top: -220px;
	background: url(http://www.blogeri.hr/images/template/blog/17/credit.gif) left bottom no-repeat;
	padding: 0 20px;
	position: relative;
}
#column div div {
	margin: 0;
	padding: 0;
	background: none;
}
#column ul {padding-bottom: 10px;}
#footer {
	clear: both;
	text-align: center;
	font-size: 85%;
	color: #7ca758;
}
#footer a:link, #footer a:visited {
	color: #7ca758;
	border: none;
	font-weight: bold;
}
#footer a:hover {color: #345620;}
#column h2, #column h3 {color: #1b300f;}
h1 {
	color: #a9c57f;
	font: italic normal 3em "Times New Roman", "Georgia", sans-serif;
	padding: 10px 0 0 270px;
}
#content h2 {
	background: url(http://www.blogeri.hr/images/template/blog/17/bg_title.gif) right top no-repeat;
	color: #f4d547;
	margin: 0 -20px;
	font: italic normal 1.6em "Times New Roman", "Georgia", sans-serif;
	padding: 22px 10px 20px 90px;
}
h3 {
	padding-top: .3em;
	font: italic bold 1.6em "Times New Roman", "Georgia", sans-serif;
}
#content h3 {
	font-size: 1.3em;
	color: #e5cb5d;
	border-bottom: 3px solid #2d4f18;
}
#content p, #content li {text-align: justify;}
#column a:link, #column a:visited {
	color: #697f0f;
	border-color: #99ab3c;
}
#content a:link, #content a:visited {
	color: #b3c46c;
	border-color: #58803a;
}
#column a:hover {color: #ffedaf;}
#content a:hover {color: #fadb7e;}
#container #column a.credit {
	display: block;
	height: 30px;
	text-indent: -9999px;
	border: none;
}
#content, #column div {
	overflow: visible !important;
	overflow: hidden;
}
.slika {
	width: 200px;
	height: 150px;
	float: left;
	margin-right: 1em
}
#content p.time {clear: both; text-align: right;}
.kalendar {
	width: 100%;
}
#content p.autor {text-align: right;}
.komentari li {
	border-left: 5px solid #2a451a;
	margin: 10px 0;
	padding: 0 10px;
	list-style: none;
	background: #31501e;
}
#content div.quoted {
	border-left: 5px solid #0b1207;
	background: url(http://www.blogeri.hr/images/template/blog/17/quote.gif) #2a451a top left no-repeat !important;
	background-position: .1cm 0;
	margin: 10px 0;
	padding: 5px 10px 5px 20px;
	font-style: italic;
	color: #b6cf9b;
}
.kalendar {
	text-align: center;
	margin: 1em 0;
}
.kalendar a {border: 0;}
.kalendar td {
	background: #c1cc70;
	color: #666f30;	
	padding: 2px 0;
	opacity: .7;
	border: 1px solid #a0af4c;
}
.kalendar td.kalendar-aktivni-dani {
	opacity: 1;
	background: #96ad55;
}
#column .kalendar td a:link {
	color: #dfdeb1;
}
#column .kalendar td a:hover {color: #1b300f;}
td.kalendar-mjesec-godina, td.kalendar-strelica-natrag, td.kalendar-strelica-naprijed {
	color: #bcc86d;
	background: #5f7e38;
	font-weight: bold;
}
.kalendar-nazivi-dana td {
	color: #dbddab;
	background: #96ad55;
	font-weight: bold;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1><$ImeBloga$></h1>
</div>
<div id="content">
<div>
<Blog>
<!-- Datum posta -->
<Datum>
<h4><$DanPosta$>, <$DatumPosta$></h4>
</Datum>
<!-- Datum posta kraj-->	
<Naslov><h2><$NaslovPosta$></h2></Naslov>
<!-- Slika uz post -->
<Slika>
<img src="<$SlikaPosta$>" alt="<$SlikaTekst$>" class="slika" align="left">
</Slika>
<!-- Slika uz post kraj -->
<p><$TekstPosta$></p>
<p class="time">- <$VrijemePosta$> -</p>
<p><a href="<$KomentariPosta$>" target="_blank">Komentari</a> (<$BrojKomentara$>) - 
<a href="<$LinkZaPrint$>" target="_blank">Isprintaj</a> - 
<a href="<$LinkPosta$>" title="Permalink">#</a></p>
<ul class="komentari">
<!-- Komentari ispod posta -->  
<Komentari>
<li>
	<p><$TekstKomentara$></p>
	<p class="autor"><$AutorKomentara$>, <$DatumKomentara$> u <$VrijemeKomentara$></p>
</li>
</Komentari>
<!-- Komentari ispod posta kraj -->
</ul>
</blog>
</div></div>
<div id="column">
<div>
<!-- Logo -->
<Logo>
<p><a href="<$LinkBloga$>"><img src="<$Logo$>" alt="<$LogoTekst$>" class="logo"></a></p>
</Logo>
<!-- Logo kraj -->
<!-- Kalendar -->
<$Kalendar$>
<!-- Kalendar kraj-->
<!-- Link za prikaz komentara -->
<A HREF="<$PrikazKomentara$>">Komentari On/Off</A>
<!-- Link za prikaz komentara kraj-->

<!-- Molimo da ne micete ovu varijablu jer
ce se koristi za eventualne obavijesti. Hvala! -->
<$Banner$>
<!-- Kraj -->
<!-- Prvi box -->
<Box1>
<h3><$NaslovBoxa$></h3>
<p><$TekstBoxa$></p>
</Box1>
<!-- Prvi box kraj -->

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

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

<!-- Cetvrti box -->
<Box4>
<h3><$NaslovBoxa$></h3>
<p><$TekstBoxa$></p>
</Box4>
<!-- Cetvrti box kraj -->
<a href="http://inobscuro.com/" class="credit">Designed by In Obscuro</a>
</div></div>
<div id="footer">
<p>
Sadržaj © 2006 <a href="<$LinkBloga$>"><$ImeBloga$></a>.
Design © <a href="http://inobscuro.com/">nel`chee</a>.
Hosting slika <a href="http://www.blogeri.hr/">Blog</a>.
<a href="http://creativecommons.org/licenses/by-nc-nd/2.5/deed.hr" title="Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License">Creative Commons Licence</a>
</p>
</div>
</div>
</body>
</html>

Optimistic

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

Pregleda: 1285

Vrijeme dodavanja: 28.05.2008.

Autor: In Obscuro

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Optimistic - Blog.hr Dizajn

Besplatan "Optimistic" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Optimistic

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera