Twisted logic - Blog.hr Dizajn

Besplatan "Twisted logic" blog dizajn za download.

Slijedeći dizajn

Prethodni dizajn

Demo pregled

4.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 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/83/bg.jpg);
margin: 20px 0;
padding: 0;
text-align: center;
font-family: verdana, sans-serif;
font-size: 11px;
color: #393327;
cursor: default
}


/* THE CONTENT LAYERS */

#center {
margin: 0 auto;
width: 692px
}

#back {
background: url(http://www.blogeri.hr/images/template/blog/83/content.jpg);
width: 692px
}

#top {
background: url(http://www.blogeri.hr/images/template/blog/83/top.jpg);
width: 652px;
height: 60px;
padding: 166px 0 0 40px;
font-family: georgia, serif;
font-size: 36px;
color: #766F66;
text-align: left
}

#top_nav {
background: url(http://www.blogeri.hr/images/template/blog/83/top_nav.jpg);
width: 652px;
height: 46px;
font-weight: bold;
font-family: georgia, serif;
font-size: 14px;
padding: 9px 0 0 40px;
text-align: left
}


/* TOP NAVIGATION */

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

#top_nav li {
display: inline;
margin: 0 15px 0 0;
padding: 0 
}


/* NAVIGATION */

#nav {
float: right;
width: 173px;
text-align: justify;
padding: 0 65px 0 5px
}

#nav p {
margin: 0;
padding: 0
}

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

#nav li {
background: url(http://www.blogeri.hr/images/template/blog/83/link.gif) no-repeat left center;
padding: 0 0 2px 8px
}


/* CONTENT */

#content {
float: left;
width: 398px;
background: url(http://www.blogeri.hr/images/template/blog/83/left.jpg) no-repeat top;
text-align: justify;
padding: 0 15px 0 30px;
line-height: 15px
}

#content p {
margin: 7px 0 10px;
padding: 0
}


/* FOOTER */

#footer {
clear: both;
width: 657px;
height: 59px;
background: url(http://www.blogeri.hr/images/template/blog/83/footer.jpg);
padding: 44px 0 0 35px;
text-align: left;
letter-spacing: 1px
}


/* LINKS */

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

#content a {
letter-spacing: 1px
}

#top_nav a:link, #top_nav a:visited,
#content a:link, #content a:visited,
#footer a:link, #footer a:visited {
color: #1A4F72
}

#top_nav a:active, #top_nav a:hover,
#content a:active, #content a:hover,
#footer a:active, #footer a:hover {
color: #7D3E26
}

#content a:link, #content a:visited {
border-bottom: 1px solid #6E8FB0
}

#content a:hover, #content a:active {
border: 0
}

#nav a:link, #nav a:visited {
color: #817B6E;
border-bottom: 0
}

#nav a:hover, #nav a:active {
color: #393327;
border-bottom: 1px solid #393327
}


/* THE RED AND BLUE LAYERS */

.red, .blue {
width: 350px;
margin-left: 12px;
padding: 10px
}

.red {
background: #C55E4C url(http://www.blogeri.hr/images/template/blog/83/red.jpg) no-repeat bottom;
border: 1px solid #DFA59B;
color: #673127
}

.blue {
background: #6E8FB0 url(http://www.blogeri.hr/images/template/blog/83/blue.jpg) no-repeat bottom;
border: 1px solid #B5C6D7;
color: #334353
}


/* HEADINGS */

h1 {
color: #9A593F;
font-family: georgia, serif;
margin: 0;
padding: 0 0 3px 22px;
font-size: 20px;
border-bottom: 1px solid #C0884B
}

.red h2, .blue h2 {
font-family: georgia, serif;
font-size: 16px;
height: 25px;
margin: 0 0 5px;
padding: 6px 0 0 20px
}

.red h2 {
background: url(http://www.blogeri.hr/images/template/blog/83/h2_red.jpg);
color: #DFA59B
}

.blue h2 {
background: url(http://www.blogeri.hr/images/template/blog/83/h2_blue.jpg);
color: #B5C6D7
}

h3 {
font-family: georgia, serif;
font-size: 15px;
color: #577890;
padding: 0;
margin: 15px 0 3px
}

.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:#D9D8D4;text-align:center;}
.kalendar-neaktivni-dani {background:#BAB9B4;text-align:center;}
.kalendar-prazni-dani {background:#BAB9B4;}
.kalendar-nazivi-dana {background:#BAB9B4;text-align:center;}
.kalendar-mjesec-godina {background:#BAB9B4;text-align:center}
.kalendar-strelica-natrag {background:#BAB9B4;text-align:center}
.kalendar-strelica-naprijed {background:#BAB9B4;text-align:center}

</style>
</head>

<body>
<div id="center">

<div id="back">

<div id="top">

<!-- IME BLOGA -->

<$ImeBloga$>

<!-- -->

</div>


<div id="top_nav">

<!-- GORNJA NAVIGACIJA. IZBRISITE JE AKO JE NE ZELITE KORISTITI. -->

<ul>
<li> Navigacija: </li>
<li> <a href="">Home</a></li>
<li> <a href="#"> Link ovdje </a> </li>
<li> <a href="#"> Link ovdje </a> </li>
<li> <a href="#"> Link ovdje </a> </li>
<li> <a href="#"> Link ovdje </a> </li>
</ul>

<!-- KRAJ GORNJE NAVIGACIJE -->

</div>


<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://coldplay.com">Coldplay.com</a></li>
<li><a href="http://kevinwestenberg.com/">Kevin Westenberg</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>
<div class="red">
<h2><$AutorKomentara$>, <$DatumKomentara$> u <$VrijemeKomentara$></h2>
<p><$TekstKomentara$></p>
</div>
<br />
</Komentari>
<!-- Komentari ispod posta kraj -->

</Blog>




<!-- KRAJ SADRZAJA -->

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

<!-- -->

</div>


</div>

</div>


</body>

</html>

Twisted logic

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

Pregleda: 776

Vrijeme dodavanja: 15.09.2009.

Autor: Endless Light

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

Twisted logic - Blog.hr Dizajn

Besplatan "Twisted logic" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Twisted logic

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera