Fallen - Blog.hr Dizajn

Besplatan "Fallen" blog dizajn za download.

Slijedeći dizajn

Prethodni dizajn

Demo pregled

3.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: #93847E;
cursor: default;
text-align: justify;
font-family: verdana, serif;
font-size: 11px;
padding: 0px;
margin: 20px 0px
}


/* CONTENT TALBES */

#content {
width: 764px;
height: auto;
margin-left: auto;
margin-right: auto;
border: 0px
}

#top {
width: 764px;
height: 260px;
line-height: 0px
}

#left {
width: 50px;
background: url(http://www.blogeri.hr/images/template/blog/85/left.jpg)
}

#nav {
width: 198px;
background: rgb(167,158,138) url(http://www.blogeri.hr/images/template/blog/85/nav.jpg) no-repeat top;
vertical-align: top
}


/* NAVIGATION LAYER */

.nav {
width: 182px;
padding: 0px 8px 15px 8px;
color: rgb(98,95,87)
}


/* NAVIGATION LINKS */

.links {
margin-top: 5px
}

.links a {
display: block;
border: 1px solid rgb(140,135,118);
padding: 3px 0px 3px 15px;
margin-bottom: 3px
}

.links a:link, .links a:visited {
background: rgb(180,172,154)
}

.links a:hover, .links a:active {
background: rgb(193,185,167)
}


/* THE REST OF THE CONTENT TABLES */

#midd {
width: 20px;
background: url(http://www.blogeri.hr/images/template/blog/85/midd.jpg)
}

#main {
width: 467px;
background: rgb(165,129,97) url(http://www.blogeri.hr/images/template/blog/85/main.jpg) no-repeat top;
color: rgb(94,68,48);
vertical-align: top
}

.main {
width: 437px;
margin: 0px 15px;
background: rgb(140,108,83);
border: 1px solid rgb(91,52,21);
color: rgb(195,167,134)
}

.main p {
margin: 0px;
padding: 5px 10px 10px 10px;
line-height: 14px
}

#right {
width: 29px;
background: url(http://www.blogeri.hr/images/template/blog/85/right_bg.jpg);
vertical-align: bottom;
line-height: 0px
}

#bottom {
height: 65px;
line-height: 0px
}


/* CREDITS */

#credits {
margin: 0px auto 20px;
text-align: center;
color: rgb(96,89,73)
}


/* HEADINGS */

h1 {
font-family: georgia, serif;
font-size: 20px;
color: rgb(130,112,102);
background: url(http://www.blogeri.hr/images/template/blog/85/h1.jpg);
margin: 0px;
padding: 4px 0px 5px 20px
}

h2 {
font-family: verdana, serif;
font-size: 11px;
color: rgb(113,84,59);
background: url(http://www.blogeri.hr/images/template/blog/85/h2.jpg);
margin: 0px;
padding: 5px 20px 14px 0px;
text-align: right
}

h3 {
font-family: georgia, serif;
font-size: 16px;
color: rgb(96,89,73);
margin: 0px;
padding-bottom: 8px
}


/* LINKS */

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

.nav a:link, .nav a:visited {
color: rgb(136,113,91)
}

.nav a:hover, .nav a:active {
color: rgb(96,89,73)
}

.main a:link, .main a:visited {
color: rgb(161,158,152);
border-bottom: 1px solid
}

.main a:hover, .main a:active {
color: rgb(91,52,21);
border: 0
}

#credits a:link, #credits a:visited {
color: rgb(180,172,154)
}

#credits a:hover, #credits a:active {
color: rgb(91,52,21)
}


/* OTHER FORMATTING */

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

b {
color: rgb(214,191,164)
}

i {
font-weight: bold
}

.slika {
width: 200px;
height: 150px;
float: left;
margin-right: 5px
}
.kalendar {width:100%;height:150px;font-size:10px;}
.kalendar-aktivni-dani {background:rgb(193,185,167);text-align:center;}
.kalendar-neaktivni-dani {background:rgb(180,172,154);text-align:center;}
.kalendar-prazni-dani {background:rgb(180,172,154);}
.kalendar-nazivi-dana {background:rgb(180,172,154);text-align:center;}
.kalendar-mjesec-godina {background:rgb(180,172,154);text-align:center;}
.kalendar-strelica-natrag {background:rgb(180,172,154);text-align:center;}
.kalendar-strelica-naprijed {background:rgb(180,172,154);text-align:center;}

.komentari {font-size: 90%; margin: 0; text-align: left;}
.komentari li {
	list-style: none;
	margin: 10px 16px;
	padding: 5px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 95%;
	border: #bfadad solid;
	border-width: 1px 0;
	text-align: justify
	}
.sig {text-align: right;}
</style>
</head>

<body>
<!-- GLAVNA TABLICA -->

<!-- I OVDJE ZAMIJENITE ADRESE SLIKA SVOJIM ADRESAMA -->

<table cellspacing="0" cellpadding="0" id="content">
  <tr> 
    <td colspan="5" id="top"><img src="http://www.blogeri.hr/images/template/blog/85/top.jpg" alt=""/></td>
  </tr>
  <tr> 
    <td id="left"></td>
    <td id="nav">

<div class="nav">

<!-- NAVIGACIJA -->


<!-- AKO ZELIS "LIJEPE" LINKOVE, PI�I OVAKO: 

<Box1>
<h3><$NaslovBoxa$></h3>
<div class="links">
<$TekstBoxa$>
</div>
</Box1>

KAD UNOSI� BOXEVE, NEMOJ PRELAZITI U NOVE REDOVE, TO CE BITI AUTOMATSKI -->


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

<br /> <br />

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

<br /> <br /> <br />

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


<br /> <br /> <br />


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


<br /> <br /> <br />


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



<!-- KRAJ NAVIGACIJE -->

</div>

    </td>
    <td id="midd"></td>
    <td id="main">


<!-- SADRZAJ BLOGA -->

<div class="main">

<Blog>

<Naslov><h1><$NaslovPosta$></h1></Naslov>
<span class="under">
<h2><$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></h2>
</span>

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

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


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

</Blog>



<!-- KRAJ SADRZAJA -->

</div>

    </td>
    <td id="right"><img src="http://www.blogeri.hr/images/template/blog/85/right.jpg" alt=""/></td>
  </tr>
  <tr> 
    <td colspan="5" id="bottom"><img src="http://www.blogeri.hr/images/template/blog/85/bottom.jpg" alt=""/></td>
  </tr>
</table>

<!-- DIZAJN STRANICE -->

<!-- OSTAVITE OVAJ TEKST OVDJE -->

<div id="credits">

Dizajn: <a href="http://endless-light.com">Endless-Light.com</a> | Slike: <a href="http://luisroyo.com">Luis Royo</a> | Hosting slika: <a href="http://www.blogeri.hr">Blog</a>

</div>


</body>
</html>

Fallen

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

Pregleda: 979

Vrijeme dodavanja: 15.09.2009.

Autor: Endless Light

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Fallen - Blog.hr Dizajn

Besplatan "Fallen" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Fallen

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera