Pine Tree - Blog.hr Dizajn

Besplatan "Pine Tree" blog dizajn za download.

Slijedeći dizajn
Prethodni dizajn
Demo pregled
2.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">
* {margin:0; padding:0; border:none; text-decoration:none;}
img {border:0px none;}
body {font-family:verdana,trebuchet ms,sans-serif; font-size:12px; line-height:1.5em; color:#ccc; background:#010101;
      margin-top:10px; padding:0px; text-align: center;}

/* tekst posta */
p {margin-top:3px; margin-bottom:10px; color:#ccc; align:justify; font-family:Verdana,Tahoma;}
.slika {margin:0px 13px 10px 0px; border:0px solid black; border:0px;}

#container {position:relative; background:#081325; margin:0px auto 5px auto; border:0px solid #cccccc; text-align:left; width:750px;
            top:0px;}
 #pageHeader {position:relative; height:401px; background:url('http://www.blogeri.hr/images/template/blog/28/pinetree.jpg') no-repeat top;}
  #pageHeader a:hover {text-decoration:none;}
  #pageHeader h1, #pageHeader h2 {margin:0px; padding:0px; color:#959595; position:absolute; top:260px; left:10px;
                                  line-height:40px;cursor:hand; font-weight:normal;}
  #pageHeader h2 {position:absolute; top:110px; left:10px; padding:0px; margin:0px; width:528px; height:74px;}

 #glavnisadrzaj {position:relative; margin:0px 175px 0px 175px; top:-65px; background:none; padding:0px 5px;}
  h2 {font:bold 130% trebuchet ms; letter-spacing:0px; margin-bottom:0px; color:#c0c0c0;} /* dan, datum */
  h3 {font:bold 130% trebuchet ms; letter-spacing:1px; margin-bottom:3px; color:#c0c0c0;} /* naslov posta */
  .ispodposta {font-size:11px; color:#669999; font-weight:normal; margin-bottom:10px; background-color:none; border:1px solid #3c7f95;}
  h4 {font-family:Verdana,Arial,sans-serif; color:#669999; font-size:11px; margin:5px 5px 6px 5px; line-height:15px;
      font-weight:normal;} /* komentari */

 #stupac {position:absolute; top:350px; left:-1px; right:auto; width:165px; padding:2px; border:0px dashed #3c7f95;
          background:none; z-index:3; color:#669999; text-align:left; font-family:Trebuchet ms;}
  #stupac a {color: #144e60; border-bottom:none;}
  #stupac a:active {color: #144e60; border-bottom:none;}
  #stupac a:visited {color: #144e60; border-bottom:none;}
  #stupac a:hover {color: #3c7f95; border-bottom:none; text-decoration:none;}
  h5 {color:#339966; text-align:center;} /* pali, gasi komentare */
  
  /* box */
  .boks {border:0px dashed #3c7f95; background:#414C5E; margin-top:10px; width:170px; color:#c0c0c0;}
  h6 {border:1px none; font-size:12px; margin-top:2px; padding:0px 3px;} /* naslov boxa */
  h7 {border:1px none; padding:0px 3px;} /* text boxa */

 #stupacd {position:absolute; top:350px; right:-1px; left:auto; width:165px; padding:2px; border:0px dashed #3c7f95;
          background:none; z-index:3; color:#669999; text-align:left; font-family:Trebuchet ms;}
  #stupacd a {color: #144e60; border-bottom:none;}
  #stupacd a:active {color: #144e60; border-bottom:none;}
  #stupacd a:visited {color: #144e60; border-bottom:none;}
  #stupacd a:hover {color: #3c7f95; border-bottom:none; text-decoration:none;}

 #dno {position:absolute; bottom:5px; right:0px; padding:2px 2px; border:0px dashed #3c7f95; margin:5px 5px;
       background:none; color:#c0c0c0; text-align:right; font-size:10px; font-family:Tahoma,Verdana;}

/* linkovi */
a {text-decoration:none; border-bottom:0px dotted #3c7f95; color:#3c7f95;}
a:visited {text-decoration:none; border-bottom:0px dotted #3c7f95; color:#3c7f95;}
a:hover, a:active {text-decoration:underline; border-bottom:0px solid #144e60; color:#144e60;}

#footer {border-top:1px dotted #CDC4AC;padding-top:6px;text-align:center;}
#footer a:link, #footer a:visited {margin-right:6px;}

.quoted {margin:0px;padding:0px 10px 0px 10px;margin:15px 0px 15px 0px;border:1px dashed #3c7f95;color:#555555;background-color:#ceecf7;}
.logo{margin: 0px 0px 0px 1px;border:0px;}

/*---  KALENDAR ---*/
.kalendar {width:170px; background-color:none;text-align:center;font-size:90%;font-family:helvetica,arial,verdana,"trebuchet ms",sans-serif;
           margin-bottom:15px;}
.kalendar-aktivni-dani {background:#3c7f95;}
.kalendar-aktivni-dani-linkovi {color:#1444e60;font-size:11px;font-weight:bold;text-decoration:none;border-bottom:none;}
.kalendar-aktivni-dani-linkovi:visited {color:#1444e60;border-bottom:none;}
.kalendar-aktivni-dani-linkovi:hover {color:#003366;text-decoration:none;border-bottom:none;}
.kalendar-neaktivni-dani {background:#3c7f95; color:#003366;}
.kalendar-prazni-dani {background:#3c7f95;}
.kalendar-nazivi-dana {background:#3c7f95;color:#003366;font-weight:bold;text-align:center;}
.kalendar-mjesec-godina {background:#3c7f95;color:#003366;font-weight:bold;text-align:center;}
.kalendar-strelica-natrag {background:#3c7f95;font-size:150%;}
.kalendar-strelica-natrag a:link {color:#1444e60;font-weight:bold;text-decoration:none;border-bottom:none;}
.kalendar-strelica-natrag a:visited{color:#1444e60;text-decoration:none;border-bottom:none;}
.kalendar-strelica-natrag a:hover{color:#003366;text-decoration:none;border-bottom:none;}
.kalendar-strelica-naprijed {background:#3c7f95;font-size:150%;}
.kalendar-strelica-naprijed a:link {color:#1444e60;font-weight:bold;text-decoration:none;border-bottom:none;}
.kalendar-strelica-naprijed a:visited{color:#1444e60;text-decoration:none;border-bottom:none;}
.kalendar-strelica-naprijed a:hover{color:#003366;text-decoration:none;border-bottom:none;}
</style>
<!-- Kraj -->

</head>

<body>
<base target="_blank">
<div id="container">
<div id="intro">

<div id="pageHeader">
<!-- Ime bloga -->
<a href="<$LinkBloga$>">
<h1><$ImeBloga$></h1></a>
<!-- Ime bloga kraj-->
</div><!-- kraj #pageHeader -->

<div id="glavnisadrzaj">
<!--  Postovi -->
<Blog>
<!-- Datum posta -->
<Datum>
<h2><$DanPosta$>, <$DatumPosta$></h2>
</Datum>
<!-- Datum posta kraj-->	
<!-- Naslov posta -->
<Naslov>
<h3><$NaslovPosta$></h3>
</Naslov>
<table>
<tr>
<td>		
<!-- Slika uz post -->
<Slika>
<IMG SRC="<$SlikaPosta$>" ALT="<$SlikaTekst$>" class="slika" ALIGN=LEFT>
</Slika>
<!-- Tekst posta -->
<p class="p1"><$TekstPosta$></p>

</td>
</tr>
</table>

<div class="ispodposta">
<!-- Sadrzaji ispod posta -->
<center>| <$VrijemePosta$> | 
<A HREF="<$KomentariPosta$>" TARGET="_blank">Komentiraj</A> (<$BrojKomentara$>) | 
<A HREF="<$LinkZaPrint$>" TARGET="_blank">Print this!</A> | 
<A HREF="<$LinkPosta$>" title="Permalink">#</A></center>
</div><!-- kraj #ispodposta -->

<!-- Komentari ispod posta -->  
<Komentari>
<h4><$TekstKomentara$> (<$AutorKomentara$> <$DatumKomentara$> <$VrijemeKomentara$>)</h4><br/>
</Komentari>
</Blog>
<!--  Postovi  kraj-->
</div><!-- kraj #glavnisadrzaj -->

<div id="dno"><b>Copyright © <$ImeBloga$></b> - Design touch by: <a href="http://trimudraca.blog.hr">Tri mudraca</a>, hosted by <a href="http://www.blogeri.hr">Blog</a></div>

<!-- stupac -->
<div id="stupac">
<!-- Logo -->
<Logo>
<p align="center"><A HREF="<$LinkBloga$>" style="border:0px;"><IMG SRC="<$Logo$>" ALT="<$LogoTekst$>" class="logo"></A></p>
</Logo><br/>
<!-- Link za prikaz komentara -->
<h5><A HREF="<$PrikazKomentara$>">Komentari On/Off</A></h5><br>
<!-- Kalendar -->
<p align="center">
<$Kalendar$>
</p><br/>

<div class="boks">
<!-- Prvi box -->
<Box1>
<h6><$NaslovBoxa$></h6>
<h7><$TekstBoxa$></h7>
</Box1>
<!--  Prvi box kraj -->
</div>
			
<div class="boks">			
<!-- Drugi box -->
<Box2>
<h6><$NaslovBoxa$></h6>
<h7><$TekstBoxa$></h7>
</Box2>
<!--  Drugi box kraj -->
</div>

</div><!-- kraj #stupac -->

<!-- stupac desni -->
<div id="stupacd">
<!-- Molimo da ne micete ovu varijablu jer
ce se koristi za eventualne obavijesti. Hvala! -->
<p align="center"><$Banner$></p>
<!-- Kraj -->

<div class="boks">
<!-- Treci box -->
<Box3>
<h6><$NaslovBoxa$></h6>
<h7><$TekstBoxa$></h7>
</Box3>
<!-- Treci box kraj -->
</div>

<div class="boks">
<!-- Cetvrti box -->
<Box4>
<h6><$NaslovBoxa$></h6>
<h7><$TekstBoxa$></h7>
</Box4>
<!-- Cetvrti box kraj -->
</div>
</div><!-- kraj #stupacd -->

</div><!-- kraj #intro -->
</div><!-- kraj #container -->

</body>
</html>
Pine Tree

Blog servis: Blog.hr
Broj kolona: 3 kolone
Boje:
Pregleda: 542
Vrijeme dodavanja: 28.05.2008.
Autor: MSD
MAPA BLOGERA
Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr
Pine Tree - Blog.hr Dizajn

Besplatan "Pine Tree" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Pine Tree

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera
