Long days and vague clues - Blog.hr Dizajn

Besplatan "Long days and vague clues" 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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title><$ImeBloga$></title>
<style type="text/css">

body {
background: #73261f url(http://www.blogeri.hr/images/template/blog/77/bg.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
margin: 0;
padding: 0;
text-align: center;
}

html, body {
height: 100%;
}

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

#bg_bottom {
background: url(http://www.blogeri.hr/images/template/blog/77/bg_bott.gif) repeat-x bottom;
display: block;
min-height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}

* html #bg_bottom {
height: 100%;
}

#container {
width: 960px;
margin: 0 auto;
padding-bottom: 100px;
}


/* header */

#header {
height: 285px;
width: 957px;
padding: 38px 3px 0 0;
}

#header_left {
width: 485px;
height: 220px;
float: left;
background: url(http://www.blogeri.hr/images/template/blog/77/top_flower.gif) no-repeat 0 113px;
padding: 55px 0 0 0;
display: inline;
}

#site_title {
background: url(http://www.blogeri.hr/images/template/blog/77/site_title.gif) no-repeat;
width: 485px;
height: 37px;
}

#title_quote {
font-size: 1.25em;
font-weight: bold;
color: #757575;
font-style: italic;
width: 180px;
padding: 12px 55px 0 0;
float: right;
clear: both;
line-height: 20px;
text-align: left;
}

#header_right {
width: 472px;
height: 275px;
float: right;
display: inline;
background: url(http://www.blogeri.hr/images/template/blog/77/poppies.jpg) no-repeat right top;
}


/* content layers */

#content_padding {
padding-bottom: 130px;
clear: both;
float: left;
width: 950px;
}

* html #content_padding {
padding-bottom: 31px;
} 

*+html #content_padding {
padding-bottom: 31px;
}

#content_bg {
background: #a0a0a0 url(http://www.blogeri.hr/images/template/blog/77/content_bg.gif) repeat-y;
width: 950px;
float: left;
clear: both;
text-align: left;
}

#content_top {
background: url(http://www.blogeri.hr/images/template/blog/77/content_top.gif) no-repeat top;
width: 950px;
float: left;
}

#content_bottom {
background: url(http://www.blogeri.hr/images/template/blog/77/content_bott.gif) no-repeat bottom;
width: 950px;
float: left;
}

#right {
float: right;
width: 233px;
padding-bottom: 20px;
}

#left {
float: left;
width: 717px;
padding: 0 0 25px;
color: #2F2F2F;
text-align: justify;
}

.content_box, .content_box_last {
padding: 20px 23px;
background: url(http://www.blogeri.hr/images/template/blog/77/content_box.gif) no-repeat bottom;
width: 671px;
overflow: hidden;
}

.content_box_last {
background: none;
}


/* navigation */

.right_box, .nav_box {
float: left;
width: 233px;
margin-bottom: 12px;
display: inline;
}

.right_box p {
padding: 8px 25px 8px 15px;
color: #A0A0A0;
font-size: 0.9em;
line-height: 17px;
}

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

#right li {
float: left;
width: 233px;
height: 29px;
margin: 0 0 3px;
}

#right ul a {
display: block;
float: left;
width: 213px;
height: 22px;
background: url(http://www.blogeri.hr/images/template/blog/77/right_link.gif) no-repeat;
font-weight: bold;
padding: 7px 0 0 20px;
}

#right ul a:hover {
background: url(http://www.blogeri.hr/images/template/blog/77/right_link.gif) no-repeat bottom;
text-decoration: none;
}


/* footer */

#footer {
position: absolute;
left: 0px;
bottom: 0px;
display: block;
z-index: 999;
width: 100%;
height: 127px;
}

#footer_txt {
width: 940px;
margin: 0 auto;
background: url(http://www.blogeri.hr/images/template/blog/77/footer.gif) no-repeat right;
height: 60px;
clear: both;
font-size: 0.9em;
padding: 67px 0 0 20px;
text-align: left;
color: #6F6F6F;
}

* html #footer_txt {
background: url(http://www.blogeri.hr/images/template/blog/77/footer_IE.gif) no-repeat right bottom;
}


/* paragraphs, etc */

p {
margin: 0;
padding: 7px 0;
line-height: 1.7em;
}

strong {
color: #3F3F3F;
}

.img_left {
border: 0;
float: left;
margin: 7px 20px 5px 0;
}

.comment {
margin: 0 0 15px;
width: 687px;
background: #CFCFCF url(http://www.blogeri.hr/images/template/blog/77/blockquote.gif);
padding: 15px;
float: left;
clear: both;
}

code {
font-size: 12px;
}


/* links */

#right a {
color: #BFFFE0;
text-decoration: none;
}

#right a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#left a {
color: #8D362E;
font-weight: bold;
text-decoration: none;
}

#left a:hover {
color: #8F6100;
text-decoration: underline;
}

#footer a {
color: #9F9F9F;
text-decoration: none;
}

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


/* headings */

h1, h2, h3, h4 {
margin: 0;
}

h1 {
font-size: 1.8em;
color: #286C47;
padding: 0 0 8px 0
}

h2 {
color: #535F58;
font-size: 1.4em;
padding: 0 0 5px 0
}

#right h3 {
background: url(http://www.blogeri.hr/images/template/blog/77/h3.gif) no-repeat;
height: 35px;
color: #7F7F7F;
font-size: 1.5em;
font-weight: normal;
padding: 8px 0 0 10px;
line-height: 25px;
float: left;
width: 223px;
margin-bottom: 3px;
}

#right .right_box h3 {
float: none;
}

h4 {
color: #996600;
font-size: 1.2em;
padding-bottom: 5px;
}

h5 {
font-size: 1em;
font-weight: bold;
margin: 5px 0 0 0;
padding-top: 10px;
text-align: right;
border-top: 1px solid #8F8F8F;
}


/* blog sadrzaj */

.kalendar {
width: 200px;
margin: 7px 0 0 10px;
text-align: center;
line-height: 150%;
}

.kalendar td {
background: #8F8F8F
}

.kalendar td.kalendar-strelica-natrag, .kalendar td.kalendar-mjesec-godina,
.kalendar td.kalendar-strelica-naprijed {
background: url(http://www.blogeri.hr/images/template/blog/77/right_link.gif) no-repeat top right;
}

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

td.kalendar-aktivni-dani {
background: url(http://www.blogeri.hr/images/template/blog/77/right_link.gif) no-repeat bottom right;
}

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

.kalendar .kalendar-nazivi-dana td {
background: #6F6F6F;
}

</style>


</head>

<body>
<div id="bg_bottom">
	<div id="bg_top">
		<div id="container">
		
			<div id="header">
				<div id="header_left">
				
					<div id="site_title"> </div>
					
					<div id="title_quote">
					
					
					<!-- IME BLOGA -->
					
					<$ImeBloga$>
					
					<!-- -->


					</div>
					
				</div> <!-- #header_left -->
				
				
				<div id="header_right"> </div> <!-- #header_right -->
			</div> <!-- #header -->
			
			
			<!-- CONTENT LAYERS -->
			
			<div id="content_padding">
			<div id="content_bg"><div id="content_top"><div id="content_bottom">
			
			
				<div id="right">
				
				
				<!-- EDIT YOUR NAVIGATION -->
									
					<div class="right_box">
					
					<!-- Kalendar -->
					<h3>Kalendar</h3>
					<$Kalendar$>
					<!-- Kalendar kraj-->
					
					</div>
					
					<div class="right_box">
					<h3>Dim sum, lose some</h3>
					<p><a href="<$PrikazKomentara$>">Komentari da/ne?</a></p>
					
					<!-- Molimo da ne micete ovu varijablu jer
					ce se koristi za eventualne obavijesti. Hvala! -->
					<$Banner$>
					
					</div>
					
					<!-- Prvi box -->
					<Box1>
					<div class="right_box">
					<h3><$NaslovBoxa$></h3>
					<p><$TekstBoxa$></p>
					</div>
					</Box1>
					<!-- Prvi box kraj -->
					
					<!-- Drugi box -->
					<Box2>
					<div class="right_box">
					<h3><$NaslovBoxa$></h3>
					<p><$TekstBoxa$></p>
					</div>
					</Box2>
					<!-- Drugi box kraj -->
					
					<!-- Treci box -->
					<Box3>
					<div class="right_box">
					<h3><$NaslovBoxa$></h3>
					<p><$TekstBoxa$></p>
					</div>
					</Box3>
					<!-- Treci box kraj -->
					
					<!-- Cetvrti box -->
					<Box4>
					<div class="right_box">
					<h3><$NaslovBoxa$></h3>
					<p><$TekstBoxa$></p>
					</div>
					</Box4>
					<!-- Cetvrti box kraj -->


					<!-- Credits -->
					<h3> Credits </h3>
					
					<!--ZADRZI OVE LINKOVE OVDJE, ILI IH UKLJUCI NEKAMO NA SVOJ BLOG -->
					
					<ul>
					<li><a href="http://endless-light.com" target="_blank">Layout: Endless Light</a></li>
					<li><a href="http://sxc.hu" target="_blank">Photo: Stock.xchng</a></li>
					<li><a href="http://hybrid-genesis.net" target="_blank">Brushes: Hybrid Genesis</a></li>
					<li><a href="http://www.blogeri.hr" target="_blank">Blog</a></li>
					</ul>
					
					
					<!-- KRAJ NAVIGACIJE -->
					
					
				</div> <!-- #right -->
			
			
				<div id="left">
				
				<!-- SADRZAJ BLOGA -->

				<Blog>
				
				<div class="content_box">

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

				<!-- Slika uz post -->
				<Slika>
				<img src="<$SlikaPosta$>" alt="<$SlikaTekst$>" class="img_left">
				</Slika>
				<!-- Slika uz post kraj -->
				
				<p><$TekstPosta$></p>
				
				<h5><$DatumPosta$> u <$VrijemePosta$> · <a href="<$KomentariPosta$>" title="Ostavi komentar" target="_blank">Ostavi komentar</a> (<$BrojKomentara$>) ·
				<a href="<$LinkZaPrint$>" title="Isprintaj ovaj post" target="_blank">Isprintaj</a> ·
				<a href="<$LinkPosta$>" title="Link do ovog posta">#</a> </h5>
				
				</div>
				
				<!-- KRAJ POSTA -->
				

				<!-- Komentari ispod posta -->  
				<Komentari>
				<div class="comment">
				<h4><$AutorKomentara$> · <$DatumKomentara$> u <$VrijemeKomentara$></h4>
				<p><$TekstKomentara$></p>
				</div>
				</Komentari>
				<!-- Komentari ispod posta kraj -->


				</Blog>
				
				
				</div> <!-- #left -->


			</div></div></div> <!-- #content_bg , #content_top , #content_bottom -->
			</div> <!-- #content_padding -->
	
	
		</div> <!-- #container -->
		
		
		<div id="footer">
			<div id="footer_txt">
			
			
			<!-- UREDI TEKST PO SVOJOJ ZELJI -->
			
			© <a href="<$LinkBloga$>"><$ImeBloga$></a>. <a href="http://endless-light.com/layouts/bloghr.php" target="_blank">Blog predlo�ci</a> by <a href="http://endless-light.com" target="_blank">Endless-Light.com</a>, hosting slika by <a href="http://www.blogeri.hr">Blog</a>.
			
			<!-- KRAJ -->
			
			
			</div> <!-- #footer_txt -->
		</div> <!-- #footer -->
			
		
	</div> <!-- #bg_top -->
</div> <!-- #bg_bottom -->



</body>

</html>
Long days and vague clues

Blog servis: Blog.hr
Broj kolona: 2 kolone (desni stupac)
Boje:
Pregleda: 1054
Vrijeme dodavanja: 15.09.2009.
Autor: Endless Light
MAPA BLOGERA
Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr
Long days and vague clues - Blog.hr Dizajn

Besplatan "Long days and vague clues" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Long days and vague clues

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera
