42 - Blog.hr Dizajn

Besplatan "42" 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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>

<!-- Meta Information -->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<!--kraj-->

<!--Ime bloga koje ce se prikazivati u tabu browsera-->
<title><$ImeBloga$></title>
<!--kraj-->

<!-- Ovdje se upravlja izgledom bloga -->
<style type="text/css">

body {
background: #e7e7e7 url(http://www.blogeri.hr/images/template/blog/78/bg.jpg);
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 0.75em;
margin: 0;
padding: 0;
color: #3f3f3f;
}

#bg_top {
background: url(http://www.blogeri.hr/images/template/blog/78/bg_top.jpg) repeat-x top;
}

#bg_bottom {
background: url(http://www.blogeri.hr/images/template/blog/78/bg_bottom.jpg) repeat-x bottom;
}

#header {
background: url(http://www.blogeri.hr/images/template/blog/78/header.jpg) no-repeat right;
width: 80%;
height: 168px;
margin: 0 auto;
}

#site_title {
height: 118px;
padding-top: 40px;
}

#content_center {
margin: 0 auto;
width: 80%;
}

#content_bg {
background: #FFFFFF url(http://www.blogeri.hr/images/template/blog/78/content_bg.jpg) no-repeat top right;
float: left;
width: 100%;
}

#content {
padding: 0 20px;
margin: 20px 200px 20px 0;
background: url(http://www.blogeri.hr/images/template/blog/78/content_brd.jpg) repeat-y top right;
}

#right {
float: right;
width: 170px;
padding: 20px 15px;
}

/*#left {
float: left;
width: 75%;
}*/

#footer {
clear: both;
width: 80%;
height: 63px;
margin: 0 auto;
background: url(http://www.blogeri.hr/images/template/blog/78/footer.jpg) no-repeat left bottom;
color: #262626;
padding-top: 15px;
text-align: right;
font-size: 0.9em;
}



/* HEADINGS */

#site_title h1 {
color: #FFFFFF;
margin: 0;
font-size: 2.5em;
}

#site_title h2 {
color: #e94866;
margin: 0;
font-size: 1.3em;
font-style: italic;
padding-left: 40px;
}

#content h1 {
clear: left;
color: #8c8c8c;
font-size: 1.7em;
margin: 0;
border-bottom: 1px solid #e0e0e0;
padding: 10px 0 3px;
}

#content h2 {
font-size: 1.3em;
margin: 0;
padding: 15px 0 3px;
}

h3 {
font-size: 1.2em;
color: #8c8c8c;
border-bottom: 1px solid #e0e0e0;
margin: 0;
padding-bottom: 3px
}

h4 {
margin: 0;
font-size: 1.2em;
}

#right ul {
margin: 0;
padding: 5px 0 20px 15px;
list-style: none;
}

#right li {
background: url(http://www.blogeri.hr/images/template/blog/78/list.jpg) no-repeat 0 8px;
padding-left: 10px;
}

p {
margin: 0;
padding: 6px 0;
}

blockquote {
background: #ebebeb;
padding: 15px;
}

code {
font-size: 1.1em;
}


/* LINKS */

#header_links {
text-align: right;
float: right;
padding: 26px 200px 0 0;
}

.header_link {
background: #939393;
float: left;
margin-left: 10px;
font-weight: bold;
}

#header_links a {
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 5px 12px;
}

#header_links a:hover {
color: #000000;
background: #FFFFFF;
}

#content_bg a {
color: #e94866;
text-decoration: none;
}

#content_bg a:hover {
color: #000000;
text-decoration: underline;
}

#footer a {
color: #5f1420;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
color: #272727;
text-decoration: underline;
}


.logo {
margin: auto;
}

.kalendar {
width: 232px;
margin: 0;
text-align: center;
line-height: 150%;
padding-left: 6px
}

* html .kalendar {
width: 226px;
margin-left: 6px
}

.kalendar td {
background: #BED4E9
}

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

td.kalendar-aktivni-dani {
background: #E6F0F7;
}

.kalendar-nazivi-dana td, .kalendar-mjesec-godina, 
.kalendar-strelica-natrag, .kalendar-strelica-naprijed {
font-weight: bold;
color: #0A3F80;
}

.slika{float:left;margin:0 10px 10px 0}


</style>
<!-- Kraj -->

</head>

<body>

<div id="bg_bottom">

<div id="bg_top">

<div id="header">

<div id="site_title">
			
<!-- Ime bloga -->
<a href="<$LinkBloga$>"><h1><$ImeBloga$></h1></a>
<h2>...it's such a perfect day...</h2>
<!-- Ime bloga kraj-->

</div>

</div>

<div id="content_center">
<div id="content_bg">

<div id="right">

<!-- Logo -->
<Logo>
<p><A HREF="<$LinkBloga$>" style="border:0px;"><IMG SRC="<$Logo$>" ALT="<$LogoTekst$>" class="logo"></A></p>
</Logo>
<!-- Logo kraj -->

<!-- Kalendar -->
<p>
<$Kalendar$>
</p>
<!-- Kalendar kraj-->

<!-- Link za prikaz komentara -->
<ul><li><A HREF="<$PrikazKomentara$>">Komentari On/Off</A></li></ul>
<!-- Link za prikaz komentara kraj-->

<!-- Molimo da ne micete ovu varijablu jer
ce se koristi za eventualne obavijesti. Hvala! -->
<p><$Banner$></p>
<!-- 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 -->


<!-- Credits -->

<h3> Credits </h3>

<ul>
<li>Dizajn: <a href="http://endless-light.com">Endless Light</a></li>
<li>Slike: <a href="http://luisroyo.com">Luis Royo</a></li>
<li>Brushes: <a href="http://hybrid-genesis.net">Hybrid Genesis</a></li>
<li>Hosting slika: <a href="http://www.blogeri.hr">Blog</a></li>
</ul>


</div>

<div id="content">

<div id="left">
		
		
<!--  Postovi -->
<Blog>

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

<!-- Tekst posta-->
<p><$TekstPosta$></p>
 <!-- Tekst posta -->
			

			
<!-- Sadrzaji ispod posta -->
- <$DanPosta$>, <$DatumPosta$>, <$VrijemePosta$> - 
<A HREF="<$KomentariPosta$>" TARGET="_blank">Komentari</A> (<$BrojKomentara$>) - 
<A HREF="<$LinkZaPrint$>" TARGET="_blank">Isprintaj</A> - 
<A HREF="<$LinkPosta$>" title="Permalink">#</A>
<!--  Sadrzaji ispod posta kraj -->

<br />

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

<br />

</Blog>
<!--  Postovi  kraj-->

<!-- END OF CONTENT -->

</div>

</div>

</div>

</div>

<div id="footer">
© <a href=""><$ImeBloga$></a>. Design by <a href="http://endless-light.com">Endless-Light.com</a>. Hosting slika by <a href="http://www.blogeri.hr">Blog</a>. <a href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.

</div>


</div>

</div>

</body>

</html>

42

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

Pregleda: 918

Vrijeme dodavanja: 15.09.2009.

Autor: Endless Light

MAPA BLOGERA

Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr

42 - Blog.hr Dizajn

Besplatan "42" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

42

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera