Gratis design (2): Maler(forside)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${BlogTitle} - ${BlogDescription}</title>
<meta name="description" content="${BlogDescription}" />
<script type="text/javascript">var domainName = ".${AppDomain}";</script>
<script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>
<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />
<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="shortcut icon" href="linktilhvorforbloggher" />
</head>
<body class="front">
<div id="doc2">
<br>
<br>
<div id="header">
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first">
<tag:entrylist limit="30">
<div class="entry">
<h2>
<center><a href="${EntryPermaLink}">${EntryTitle}</a></h2></center>
<div class="meta">
<ul>
<b>DATO:</b><li>${EntryDate}&nbsp;
&nbsp;&nbsp;&nbsp;<b>TID:</b>&nbsp;
${EntryTime}&nbsp;
&nbsp;&nbsp;&nbsp;<b>KATEGORI:</b>&nbsp;
<a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
<li>
<ul>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<b>Kommentarer:</b>
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">Ingen kommentar</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">En kommentar</a>
<tag:else />
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</tag:if>
</li>
<li>
</li>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
<div class="tags">Stikkord:
<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
</tag:if>
</div>
</div>
</tag:entrylist>
<div>Les mer i arkivet
<tag:archivelist limit="3"> »
<a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>
</div>
</b>
<div id="side" class="yui-u">
<div>
<h3>DITT NAVN</h3>
<img src="http://i54.tinypic.com/qxtjj8.png">
<br>
<br>
Info ''her''
<br>
<br>
<b>Kontakt:</b> <a href="mailto:din e-mail her">din e-mail her</a>
<br>
<b>Venneforespørsel</b> &raquo; <a href="LINKTILVENNEFORSPØRSEL"><img src="http://i52.tinypic.com/9hn9ly.png"/></a>
<br>
<br>
&copy; ditt navn/bloggadresse
<br>
</div>
<div class="sokerute">
<h3>SØK I BLOGGEN</h3>
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value="Søk" />
</form>
</div>
<div>
<h3>KATEGORIER</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
</div>
<div>
<h3>ARKIV</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<div>
<h3>SISTE POSTER</h3>
<ul>
<tag:recentlist limit="10">
<li>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</li>
</tag:recentlist>
</ul>
</div>
<div>
<h3>SISTE KOMMENTARER</h3>
<ul>
<tag:commentlist global="true" limit="10" sort="desc">
<li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
</tag:commentlist>
</ul>
</div>
<div>
<h3>LENKER</h3>
<ul>
<tag:linklist>
<li>
<a href="${LinkURL}">${LinkName}</a>
</li>
</tag:linklist>
</ul>
</div>
<tag:if test="${HasLinks == 'true'}">
<div>
<ul>
<h3>DESIGN</h3>
Design laget av <b><a href="http://www.bylene.blogg.no" target="_blank" >Bylene.blogg.no</a></b>
<a href="http://bylene.blogg.no"><img src="http://i51.tinypic.com/2l8kh82.png"/></a><tag:productlist>
<li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>
</tag:productlist>
</ul>
</div>
</tag:if>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

Gratis design(1): Stilsett(css)

body {
padding: 0px;
background-image: url('');
background-color: #f8f8f6;
background-repeat: repeat-x;
color: #000000;
}
#header {
background-image: url('');
margin-left: 245px;
height: 368px;
width: 725px;
background-repeat: no-repeat;
}
#wrapper {
background-image: url('http://i51.tinypic.com/micpxy.png');
background-repeat: no-repeat;
width: 950px;
font-family: tahoma;
font-size: 10pt;
padding: 10px;
height: 1000px;
}
#side {
position: relative;
margin-top: 60px;
margin-left: 40px;
padding: 9px;
background: transparent;
float: left;
width: 220px;
font-size: 11px;
width: 210px;
height:600px;
overflow:scroll;
}
#main {
background: transparent;
float: right;
width: 610px;
height:610px;
overflow:scroll;
width: 640px;
margin-top: 20px;
margin-right: 20px;
}
#dato {
font-family: tahoma;
font-size: 10px;
color: #424242;
text-align:right;
padding-right:7px;
margin-bottom:-28px;
}
#footer {
background-repeat: no-repeat;
color: #FFFFFF;
}
.entry .meta {
background-image: url('http://i52.tinypic.com/2zeclcx.png');
padding: 2px;
font-size: 11px;
font-family: arial;
color: #000000;
}
.entry {
background: transparent;
padding: 10px;
margin-left: -40px;
}
#side div {
padding: 0px;
background: transparent;
}
a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
a:hover { color: #000000}
h1, h4, h5 { font-family: Tahoma; }
h1 { font-family: Tahoma; color: #000000; }
#header h1, #header p { display:none }
#header { color: #000000; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #000000; }
h2 { margin: 0px -20px 0px -20px ; font-size: 28px; font-position: left; color: #000000;}
h3 { font-position: left; font-family: georgia; font-size: 18px; background-image: url('http://i51.tinypic.com/o6k10i.png'); color: #000000; }
h6 { font-family: century gothic; font-size: 16px; }
h2 { background-image: url('http://i51.tinypic.com/o6k10i.png'); font-family: georgia; }
}

Velkommen til min blogg!

Dette er den første posten på min nye blogg ;)

Les mer i arkivet » April 2011
hits