Kodene
STILSETT
.entry {
background-color: #ffffff;
border: 10px #fff solid;
border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}
.entry {
border: 5px solid #ffffff;
background: #FFFFFF;
}
#header {
border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
margin: 10px 20px 20px 10px;
background-color: #FFFFFF;
background-image: url('http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309900808192.jpg');
height: 200px;
width: 850px;
background-repeat: no-repeat;
}
body {
background-attachment:fixed;
background-image: url('http://img708.imageshack.us/img708/1570/80114618.jpg');
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
#wrapper {
background-image: #transparent;
width: 900px
}
#footer {
margin-left: auto;
margin-right: auto;
margin: 10px 20px 20px 10px;
background-color: #FFFFFF;
height: 100px;
width: 800px;
background-color: #ffffff;
}
a { color: #707070}
a:link { color: #000000}
a:visited { color: #707070}
a:active { color: #707070}
}
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #000000;
}
#main {
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
width: 800px;
}
#side {
margin-left: auto;
margin-right: auto;
top: 215px;
right: 50px;
position: fixed;
background-color: #ffffff;
width: 200px;
border-top: 10px solid #fff;
border-right: 10px solid #fff;
}
}
#side div {
padding: 10px;
background: #D3D3D3; / Her endres farge på bakgrunnen i sidemenyen /
border: 1px solid #4C4C4C; / Her endres farge og bredde på rammen rundt boksene i sidemenyen /
}
#side div a:hover {
color: #ffffff; / Farge på skrift når du holder musepekeren over /
}
#profile div {
border: 0;
}
#main {float: left;}
#side {float: right;
}
h2 {
font-family: georgia;
font-style: italic;
color: #000000;
font-size: 30px;
text-align: center;
}
#side h3 {
font-family: georgia;
font-style: italic;
color: #000000;
font-size: 30px;
text-align: center;
}
h2 a:hover { color: #707070; text-decoration: none; }
a:hover { text-decoration: underline; }
#comments .user{
border: 0px solid #000000;
background-color: #ffffff;
border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}
#comments .owner{
border: 0px solid #000000;
background-color: #eee;
border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}
#comments .other{
background-color: #fff;
border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}
#newcomment {
background-color: #fff;
border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}<style type="text/css">
.circlemenu{
width: 100%;
overflow:hidden;
}
.circlemenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}
.circlemenu li{
display: inline;
margin: 0;
}
.circlemenu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: white;
background:#cccccc;
margin: 0;
margin-right:5px; /*right spacing between each link */
width:100px;
height:100px;
border-radius: 400px; /*really large border radius to create round borders*/
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
}
.circlemenu a span{
position:relative;
top:40%;
}
.circlemenu li a:visited{
color: white;
}
.circlemenu a:hover{
background: #3f3f3f;
}
</style>
}
Maler - forside, innlegg, kategori og arkiv
<!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">
<br>
<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="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<body class="front">
<div id="doc2">
<br>
<br>
<div class="circlemenu">
<ul>
<li><a href="LINK HER"><span>Om meg</span></a></li>
<li><a href="LINK HER"><span>Kontakt</span></a></li>
<li><a href="LINK HER"><span>CSS</span></a></li>
<li><a href="LINK HER"><span>annet</span></a></li>
<li><a href="http://solveigkristinee.blogg.no"><span>Design</span></a></li>
</ul>
</div>
<br><br><br>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first">
<tag:entrylist limit="30">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<center><li> <b> DATO </b>${EntryDate}// <b>KLOKKEN</b>.${EntryTime}// <b>KATEGORI</b>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>//</li>
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">Én kommentar</a>
<tag:else />
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</tag:if>
</center>
</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>
<div id="side" class="yui-u">
<br>
<h3> om meg </h3>
<li>
Her kan du skrive hva du vil.
<li>
<p><a href="http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309896787644.jpg" rel="1211716"><img class="thumbnail" src="http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309896787644-t200.jpg" alt="" /></a><br /><br /></p>
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div>
</a>
</div>
<h3>
</h3>
</div>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
</ul>
</div>
<tag:if test="${HasLinks == 'true'}">
<div>
<h3>Design</h3>
Designet er laget av <p><strong><a href="/solveigkristinee.blogg.no">Solveig Kristine</a></strong></p><li>
<ul>
<li>
</li>
</ul>
</div>
</tag:if>
<tag:if test="${HasProducts == 'true'}">
<div>
<h3>Jeg anbefaler</h3>
<ul>
<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 id="footer" class="yui-gb">
<div class="yui-u first">
<tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
<tag:if test="${ProfileExists == 'true'}">skrives av ©
<a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
<a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter
er selv ansvarlig for innhold. Henvendelser kan rettes til
<a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
</div>
<div class="yui-u">
<h4>Arkiv</h4>
<ul>
<tag:archivelist limit="5">
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<div class="yui-u">
<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
<ul>
<li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
<li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
<li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
<li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
<li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Maler - Innlegg
<!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>${EntryTitle} (${BlogTitle})</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="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" 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="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<body>
<div id="doc2">
<br>
<br>
<div class="circlemenu">
<ul>
<li><a href="LINK HER"><span>Om meg</span></a></li>
<li><a href="LINK HER"><span>Kontakt</span></a></li>
<li><a href="LINK HER"><span>CSS</span></a></li>
<li><a href="LINK HER"><span>annet</span></a></li>
<li><a href="http://solveigkristinee.blogg.no"><span>Design</span></a></li>
</ul>
</div>
<br><br><br>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first">
<tag:entry>
<div class="entry">
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<h2>${EntryTitle}</h2>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<br>
<center><li> <b> DATO </b>${EntryDate}// <b>KLOKKEN</b>.${EntryTime}// <b>KATEGORI</b>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>//</li>
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">Én kommentar</a>
<tag:else />
<h2><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a><h2>
</tag:if>
</center>
</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>
<tag:include module="postentry"></tag:include>
</div>
</div>
</tag:entry>
<tag:if test="${Comments == 1}">
<a name="comment" id="comment"></a>
<div id="comments">
<tag:commentlist>
<div class="comment ${CommentClass}">
<div class="meta">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&size=50" alt="" />
</a>
<tag:else />
<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&size=50" alt="" />
</tag:if>
</tag:if>
<h4>${CommentAuthorLinkIf}</h4>
<p>${CommentDate} kl.${CommentTime}</p>
</div>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<div id="newcomment" class="clearfix">
<h2>Skriv en koselig kommentar</h2>
<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
<div id="comment_author_wrapper">
<label for="comment_author">Navn:</label>
<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />
</div>
<div id="comment_authoremail_wrapper">
<label for="comment_authoremail">E-post:</label>
<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" />
</div>
<div id="comment_authorurl_wrapper">
<label for="comment_authorurl">URL:</label>
<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" />
</div>
<div id="comment_text_wrapper">
<label for="comment_text">Din kommentar:</label>
<textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>
</div>
<div id="comment_submit_wrapper">
<input type="hidden" name="commentid" value="${CommentID}" />
<input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />
</div>
<div id="comment_remember_wrapper">
Designet er laget av <p><a href="/solveigkristinee.blogg.no">Solveig Kristine</a></p><li>
<input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />
<label for="comment_remember">Husk meg ?</label>
</div>
</form>
</div>
</tag:if>
</div>
<div id="side" class="yui-u">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div>
</a>
</div>
<h3>
</h3>
</div>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<h3> om meg </h3>
<li>
Her kan du skrive hva du vil.
<li>
<p><a href="http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309896787644.jpg" rel="1211716"><img class="thumbnail" src="http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309896787644-t200.jpg" alt="" /></a><br /><br /></p>
<br>
<h3> design </h3>
<li>
<p>Designet er laget av <a href="/solveigkristinee.blogg.no">Solveig Kristine.</a></p>
</div>
</div>
</div>
<div id="footer" class="yui-gb">
<div class="yui-u first">
<tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
<tag:if test="${ProfileExists == 'true'}">skrives av ©
<a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
<a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter
er selv ansvarlig for innhold. Henvendelser kan rettes til
<a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
</div>
<div class="yui-u">
<h4>Arkiv</h4>
<ul>
<tag:archivelist limit="5">
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<div class="yui-u">
<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
<ul>
<li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
<li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
<li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
<li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
<li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
</ul>
</div>
</div>
</div>
</body>
</html>
