Deus ex machina - Blog.hr Dizajn

Besplatan "Deus ex machina" blog dizajn za download.

Slijedeći dizajn

Prethodni dizajn

Demo pregled

4.50 / 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: #224733 url(http://www.blogeri.hr/images/template/blog/81/bg1.jpg) repeat-x top;
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 15px;
color: #A18170
}


/* CONTENT LAYERS */

#container {
width: 100%;
background: url(http://www.blogeri.hr/images/template/blog/81/bg2.jpg) repeat-x bottom;
text-align: center;
padding: 24px 0
}

#back {
width: 723px;
background: url(http://www.blogeri.hr/images/template/blog/81/bg3.jpg);
margin: 0 auto
}

#header_a {
background: url(http://www.blogeri.hr/images/template/blog/81/header1.jpg);
width: 723px;
float: left;
height: 221px
}

#header_b {
background: url(http://www.blogeri.hr/images/template/blog/81/header2.jpg);
width: 673px;
float: left;
height: 39px;
padding: 47px 0 0 50px
}


/* TITLE AND DESCRIPTION */

.title {
font-family: georgia, serif;
font-size: 34px;
font-weight: normal;
text-transform: uppercase;
float: left;
letter-spacing: 1px;
word-spacing: 4px;
color: #BCC7A8;
height: 20px;
padding-top: 4px
}

.desc {
text-align: right;
float: right;
margin: 21px 50px 0 0;
font-style: italic;
color: #AB7F4F
}


/* */

#content_bot {
float: left;
background: url(http://www.blogeri.hr/images/template/blog/81/footer1.jpg) no-repeat bottom
}

#nav {
background: url(http://www.blogeri.hr/images/template/blog/81/nav.jpg) no-repeat;
float: left;
width: 190px;
color: #AB7F4F;
text-align: justify;
padding-left: 31px
}

#content {
background: url(http://www.blogeri.hr/images/template/blog/81/content.jpg) no-repeat;
float: right;
width: 446px;
text-align: justify;
overflow: visible;
padding: 0 48px 10px 8px
}

#footer {
background: url(http://www.blogeri.hr/images/template/blog/81/footer2.jpg);
height: 34px;
clear: both;
font-style: italic;
padding: 112px 0 0 0;
color: #826F61
}


/* LINKS */

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

a:link, a:visited {
color: #A4A060
}

a:hover, a:active {
color: #B9B9B7
}

#nav ul {
list-style: none;
margin: 0;
padding: 0
}

.nav li a {
display: block;
height: 18px;
width: 177px;
margin-bottom: 4px;
padding: 3px 0 0 13px
}

.nav li a:visited, .nav li a:link {
background: url(images/nav_li.jpg)
}

.nav li a:hover, .nav li a:active {
background: url(images/nav_li_hover.jpg)
}


/* PARAGRAPHS */

p {
margin: 5px 0 8px
}

#nav p {
margin: auto 5px auto 13px
}


/* ETC. */

blockquote {
background: #564F2E url(http://www.blogeri.hr/images/template/blog/81/blockquote.jpg) bottom no-repeat;
width: 403px;
margin: 0 0 10px 15px;
color: #9EA398;
padding: 7px;
border: 1px solid #717663
}

code {
color: #9EA398
}


/* HEADINGS */

h1 {
background: url(http://www.blogeri.hr/images/template/blog/81/h1.jpg) no-repeat center;
color: #944213;
text-transform: uppercase;
height: 22px;
text-align: right;
font-family: georgia, serif;
font-size: 20px;
padding: 6px 15px 0 0;
margin: 22px 0 7px
}

h2 {
font-family: georgia, serif;
font-size: 16px;
color: #7B8B7C;
border-bottom: 1px solid #717663;
padding: 0 0 2px 10px;
margin: 5px 0 4px
}

h3 {
font-family: georgia, serif;
font-size: 17px;
color: #A18170;
font-weight: normal;
text-align: right;
margin: 14px 0 5px;
padding-right: 8px
}


/* AVATARS AND SUCH */

.left {
float: left;
margin-right: 8px
}

.right {
float: right;
margin-left: 8px
}

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

.kalendar {width:90%;height:150px;font-size:10px;margin: auto 5px auto 13px}
.kalendar-aktivni-dani {background:#70552D;text-align:center;}
.kalendar-neaktivni-dani {background:#804E2E;text-align:center;}
.kalendar-prazni-dani {background:#804E2E;}
.kalendar-nazivi-dana {background:#804E2E;text-align:center;}
.kalendar-mjesec-godina {background:#804E2E;text-align:center}
.kalendar-strelica-natrag {background:#804E2E;text-align:center}
.kalendar-strelica-naprijed {background:#804E2E;text-align:center}

</style>
</head>

<body>
<div id="container">

<div id="back">

<div id="header_a">

</div>

<div id="header_b">

<span class="title">

<!-- IME BLOGA -->

<$ImeBloga$>

<!-- -->

</span>

<span class="desc"> 

<!-- OPIS BLOGA -->

Everything happens for a reason. 

<!-- -->

</span>

</div>

<div id="content_bot">

<div id="nav">

<!-- NAVIGACIJA (LIJEVA KOLUMNA) -->

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

<!-- Kalendar -->
<br />
<$Kalendar$>
<br />
<!-- Kalendar kraj-->
<p> <a href="<$PrikazKomentara$>">Komentari da/ne?</a> </p>

<!-- 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 -->


<!-- AKO U BILO KOJEM BOXU ZELITE LINKOVE S EFEKTIMA, KORISTITE <ul class="nav"> ZA NJIH, KAO OVDJE -->

<!-- POPIS LINKOVA -->
<h3> Korišteno za dizajn </h3>
<ul class="nav">
<li> <a href="http://endless-light.com"> Designed by Endless Light </a> </li>
<li> <a href="http://lost-media.com"> Lost-Media.com </a> </li>
<li> <a href="http://webshots.com"> Webshots </a> </li>
<li> <a href="http://hybrid-genesis.net"> Hybrid Genesis </a> </li>
<li> <a href="http://www.blogeri.hr/"> Blog </a> </li>
</ul>
<!-- KRAJ POPISA -->


<!-- KRAJ NAVIGACIJE -->

</div>

<div id="content">


<!-- SADRZAJ BLOGA -->


<Blog>

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

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

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

<span class="under">
<code><$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></code>
</span>
<br /> <br />

<!-- Komentari ispod posta -->  
<Komentari>
<blockquote>
<h2><$AutorKomentara$>, <$DatumKomentara$> u <$VrijemeKomentara$></h2>
<p><$TekstKomentara$></p>
</blockquote>
</Komentari>
<!-- Komentari ispod posta kraj -->

</Blog>




<!-- KRAJ SADRZAJA -->

</div>

</div>

<div id="footer">

<!-- COPYRIGHT. OVDJE NE MORAS UKLJUCITI LINK NA ENDLESS-LIGHT.COM, ALI GA OSTAVI NEGDJE NA SVOM BLOGU -->

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>. 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>

<!-- -->

</div>

</div>

</div>

</body>

</html>

Deus ex machina

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

Pregleda: 662

Vrijeme dodavanja: 15.09.2009.

Autor: Endless Light

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Deus ex machina - Blog.hr Dizajn

Besplatan "Deus ex machina" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Deus ex machina

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera