Elsewhere - Blog.hr Dizajn

Besplatan "Elsewhere" blog dizajn za download.

Slijedeći dizajn

Prethodni dizajn

Demo pregled

4.67 / 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: url(http://www.blogeri.hr/images/template/blog/82/bg.jpg) right top;
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-size: 11px;
color: #816A85;
line-height: 15px
}


/* CONTENT LAYERS */

#container {
position: absolute;
top: 0;
right: 0;
background: url(http://www.blogeri.hr/images/template/blog/82/content.jpg) repeat-y right;
width: 730px
}

#back {
float: left;
background: url(http://www.blogeri.hr/images/template/blog/82/footer.jpg) no-repeat bottom;
padding-bottom: 50px
}

#top_1 {
background: url(http://www.blogeri.hr/images/template/blog/82/top.jpg);
height: 289px
}

#top_2 {
background: url(http://www.blogeri.hr/images/template/blog/82/top_2.jpg);
height: 31px;
font-size: 36px;
font-family: georgia, serif;
color: #BC8EC7;
text-transform: uppercase;
text-align: right;
padding: 17px 25px 0 0;
float: left;
width: 705px
}

#nav {
float: left;
background: url(http://www.blogeri.hr/images/template/blog/82/nav.jpg) no-repeat;
width: 205px;
padding: 70px 5px 0 25px;
text-align: justify;
color: #698C14
}

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

#content {
float: left;
background: url(http://www.blogeri.hr/images/template/blog/82/main.jpg) no-repeat;
width: 414px;
text-align: justify;
padding: 25px 8px 0 15px;
overflow: visible
}

#right {
float: right;
width: 38px;
background: url(http://www.blogeri.hr/images/template/blog/82/right.jpg) no-repeat;
height: 139px;
font-size: 14px;
padding: 140px 0 0 20px
}

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

#right li {
margin-bottom: 22px
}

p {
margin: 5px 0 10px
}


/* LINKS */

a {
font-weight: bold;
text-decoration: none;
letter-spacing: 1px
}

#content a:link, #content a:visited {
color: #996734
}

#content a:hover, #content a:active {
color: #CB9A0C
}

#nav a:link, #nav a:visited {
color: #617F22
}

#nav a:hover, #nav a:active {
color: #85A135
}

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

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


/* HEADINGS */

h1 {
background: url(http://www.blogeri.hr/images/template/blog/82/h1.jpg);
width: 400px;
height: 24px;
color: #A466B2;
font-family: georgia, serif;
font-size: 17px;
margin: 25px 0 0 3px;
text-transform: uppercase;
padding: 7px 0 0 10px
}

.h1_1 {
background: url(http://www.blogeri.hr/images/template/blog/82/h1_1.jpg)
}

h2, h3 {
color: #B79F04;
border-bottom: 1px solid #E5EEC1;
text-align: right;
font-size: 14px;
margin: 17px 0 3px;
padding-bottom: 2px
}

h2 {
font-size: 12px;
border: 0
}

h3 {
text-transform: uppercase
}


/* ETC. */

blockquote {
background: #E8E3B1 url(http://www.blogeri.hr/images/template/blog/82/blockquote.jpg) no-repeat right top;
color: #A8960F;
border: 1px solid #D5C86C;
padding: 8px;
margin: 0 20px 10px
}

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

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

.kalendar {width:100%;height:150px;font-size:10px;}
.kalendar-aktivni-dani {background:rgb(211,231,118);text-align:center;}
.kalendar-neaktivni-dani {background:#E8E3B1;text-align:center;}
.kalendar-prazni-dani {background:#E8E3B1;}
.kalendar-nazivi-dana {background:#E8E3B1;text-align:center;}
.kalendar-mjesec-godina {background:#E8E3B1;text-align:center}
.kalendar-strelica-natrag {background:#E8E3B1;text-align:center}
.kalendar-strelica-naprijed {background:#E8E3B1;text-align:center}

</style>
</head>

<body>
<div id="container">

<div id="top_1"> </div>

<div id="top_2">

<!-- IME BLOGA -->

<$ImeBloga$>

<!-- -->

</div>

<div id="back">

<div id="nav">

<!-- NAVIGACIJA -->


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


<!-- POPIS LINKOVA -->
<h3> Korišteno za dizajn </h3>
<ul>
<li> Dizajn: <a href="http://endless-light.com">Endless Light</a> </li>
<li> Slike: <a href="http://aethereality.net/">Aethereality</a> </li>
<li> Kistovi: <a href="http://inobscuro.com">In Obscuro</a> </li>
<li> Hosting slika: <a href="http://www.blogeri.hr">Blog</a> </li>
</ul>
<!-- KRAJ POPISA -->


<!-- KRAJ NAVIGACIJE -->

</div>

<div id="content">


<!-- SADRŽAJ BLOGA -->


<Blog>

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

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

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

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


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

</Blog>




<!-- KRAJ SADRŽAJA -->

</div>

<div id="right">

<!-- DODATNA NAVIGACIJA. NEMOJ UBACITI VIŠE OD CETIRI POVEZNICE. 
KORISTI SAMO INICIJALE (SAMO PO DVA SLOVA) -->

<ul>
<li>  </li>
</ul>

<!-- KRAJ DODATNE NAVIGACIJE -->

</div>

</div>

</div>


</body>

</html>

Elsewhere

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

Pregleda: 1027

Vrijeme dodavanja: 15.09.2009.

Autor: Endless Light

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Elsewhere - Blog.hr Dizajn

Besplatan "Elsewhere" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Elsewhere

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera