Mechanic - Blog.hr Dizajn

Besplatan "Mechanic" blog dizajn za download.

Slijedeći dizajn
Prethodni dizajn
Demo pregled
3.50 / 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 {font-family:tahoma,arial,trebuchet ms,verdana,sans-serif;font-size:12px;line-height:1.5em;color: #000;background:#3c7f95;margin-top:10px;padding:0px;text-align: center;}
p {margin-top:3px;color:#000000;text-align:justify;}
h3 {font: bold 150% trebuchet ms;letter-spacing:-1px;margin-bottom:0px;color:#3c7f95;}

#container {position:relative;background: #ffffff url('http://www.blogeri.hr/images/template/blog/39/mechanic.jpg') no-repeat right top;;margin:0px auto 10px auto;border:2px solid #000;text-align:left;width:750px;min-height: 500px;}
#pageHeader {height:50px;}
#pageHeader h1, #pageHeader h2 span {margin:0px;padding:0px;color: #144e60;position:relative;top:50px;left:10px;line-height:40px;cursor:hand;text-align:center;}
#pageHeader h2 {position:absolute;top:110px;left:10px;padding:0px;margin:0px;width:528px;height:74px;}
a {text-decoration:none;border-bottom:0px dotted #144e60;color:#144e60;}
a:visited {text-decoration:none;border-bottom:0px dotted #144e60;color:#144e60;}
a:hover, a:active {text-decoration:none;border-bottom:1px solid #3c7f95;color:#3c7f95;}

#quickSummary {position:absolute;top:92px;right:0px;left:auto;z-index:2;width:298px; voice-family: ""}""; voice-family:inherit;width:300px;}
#quickSummary {width:300px;} 
#quickSummary p {margin: 15px; font-style: italic;font-size:140%;font-family:"arial";font-weight:}
#quickSummary p.p2 {font-style:normal;font-weight:normal;font-size:100%;margin-top:0px;}
#preamble {margin: 80px 10px 0px 290px;}
#supportingText {padding-left:20px;margin:0px 350px 40px 0px;}
h4 {font-family:helvetica,arial,verdana,"trebuchet ms",sans-serif;font-size:120%;color:#555555;font-weight:bold;line-height:150%;background-color:#;border:1px solid #3c7f95;margin-left:0px;padding-left:8px;width:98%;}
#footer {padding-top:15px;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;}

/*---  LIJEVI STUPAC ---*/
#linkList {position:absolute;top:120px;right:auto;left:10px;width:200px;padding:0px;border:1px solid #ceecf7;background: #;z-index: 1;}
#linkList2 {margin: 5px 5px 5px 5px;text-align:left;}
#linkList h3 {color: #000000;font-family:trebuchet ms;font-size:120%;margin: 0px 0px 6px 0px;padding: 0px;}	
#linkList ul {margin: 0px;padding: 0px;color:gray;}
#linkList li {display: block;margin-bottom:2px;padding-left:10px;list-style-type: none}
#linkList li a:link {color: #144e60;border-bottom:none;}
#linkList li a:visited {color:#144e60;border-bottom:1px solid #144e60;}
#linkList li a:hover {color:#3c7f95;border-bottom:1px solid #3c7f95;}
.ispodposta {font-size:11px;color:#000000;font-weight:normal;margin-bottom:10px;background-color:#;border:1px solid #ceecf7;}
.komentari{font-family: Verdana, Arial, sans-serif;color: #144e60;font-size:11px;margin-bottom:2px;margin-top:5px;margin-left:5px;margin-right:5px;line-height:15px;}
.slika{margin:0px 13px 10px 0px;border:0px solid black;border:0px;}

/*---  LOGO ---*/
.logo{margin: 0px 0px 0px 1px;border:0px;}

/*---  KALENDAR ---*/
.kalendar {width:202px; 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>

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

</div>

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

<!-- Datum posta -->
<Datum><center>
<h4><$DatumPosta$> / <$DanPosta$></h4>
</center></Datum>
<!-- Datum posta kraj-->	

<!-- Naslov posta -->
<Naslov><center>
<h3><$NaslovPosta$></h3>
</center></Naslov>
<!-- Naslov posta kraj -->

<table>
<tr>
<td>
			
<!-- Slika uz post -->
<Slika>
<IMG SRC="<$SlikaPosta$>" ALT="<$SlikaTekst$>" class="slika" ALIGN=LEFT>
</Slika>
<!-- Slika uz post kraj -->

<!-- Tekst posta-->
<p class="p1"><span><$TekstPosta$></span></p>
 <!-- Tekst posta -->
			
</td>
</tr>
</table>

<div class="ispodposta">

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

<!-- Komentari ispod posta -->  
<Komentari>
<li class="komentari"><$TekstKomentara$> (<$AutorKomentara$> <$DatumKomentara$> <$VrijemeKomentara$>)</i><BR>
</Komentari>
<!-- Komentari ispod posta kraj -->
<hr color=#ceecf7>
</Blog>
<!--  Postovi  kraj-->
<div id="footer">
hosted by <a href="http://www.blogeri.hr">Blog</a>
</div>

</div>

<!-- Desni stupac -->
<div id="linkList">
<div id="linkList2">

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

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

<br>

<!-- Kalendar -->
<p>
<$Kalendar$>
</p>
<!-- Kalendar 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>
<ul><li><$TekstBoxa$></li></ul>
</Box1>
<!--  Prvi box kraj -->
			
<!-- Drugi box -->
<Box2>
<h3><$NaslovBoxa$></h3>
<ul><li><$TekstBoxa$></li></ul>
</Box2>
<!--  Drugi box kraj -->

<!-- Treci box -->
<Box3>
<h3><$NaslovBoxa$></h3>
<ul><li><$TekstBoxa$></li></ul>
</Box3>
<!-- Treci box kraj -->

<!-- Cetvrti box -->
<Box4>
<h3><$NaslovBoxa$></h3>
<ul><li><$TekstBoxa$></li></ul>
</Box4>
<!-- Cetvrti box kraj -->

<br>

</div>
</div>
</div>
</div>

</body>
</html>
Mechanic

Blog servis: Blog.hr
Broj kolona: 2 kolone (lijevi stupac)
Boje:
Pregleda: 446
Vrijeme dodavanja: 20.08.2008.
Autor: MSD
MAPA BLOGERA
Blogeri.hr

PRETRAGA blogera

Designed & developed by: SLink.hr
Mechanic - Blog.hr Dizajn

Besplatan "Mechanic" blog dizajn za download.

Upute za instalaciju Blog.hr dizajna

Mechanic

Blogeri.hr

Blog Postovi

Blog Katalog

Blog Alati i Pomoć

Korisnici

PRETRAGA blogera
