Ina Anjuta -
Hjem Add Om meg Kontakt

1

Kategori/arkiv grådesign

<!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>

<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">

<div id="header">

<h1>${BlogTitle}</h1>

<p>${BlogDescription}</p>

</div>

<div id="menyinaanjuta">

<a href="${BlogUrl}">Hjem</a>

<a href="${ProfileUrl}">Add</a>

<a href="URL TIL INNLEGG OM DEG">Om meg</a>

<a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

</div>

<div id="wrapper" class="yui-gc">

<div id="main" class="yui-u first">

<br>

<tag:entrylist limit="300">

<div class="entry">

<div id="boxinaanjuta6">

<div id="teller">

<tag:if test="${EntryCommentCount == 0}">

<a href="${EntryPermaLink}#comment">0</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">1</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

</tag:if>

</div>

</div>

<div id="boxinaanjuta9">

<h2><a href="${EntryPermaLink}">${EntryTitle}</a></h2>

</div>

<div class="content">${EntryBody}</div>

<div class="meta">

<ul>

<li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

<li>

<img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

<li>

<img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

<tag:if test="${EntryCommentCount == 0}">

<a href="${EntryPermaLink}#comment">0 Kommentarer</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">1 Kommentar</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a>

</tag:if>

<li>

</li>

</ul>

</div>

</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>

</tag:entrylist>

</div>

<div id="side" class="yui-u">

<tag:profile>

<tag:if test="${ProfileExists == 'true'}">

<div id="profile" class="clearfix">

<div>

<a href="${ProfileUrl}" title="${ProfileName}">

<img style="float: center; border: 0;" src="http://imageshack.us/a/img163/8914/gvrg.png">

</div>

<h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

<p>${ProfileDescription}</p>

</div>

<div id="reklameboks">

</tag:if>

</tag:profile>

<tag:include module="sidebar"></tag:include>

<Her kan du sette inn egen annonse>

</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 innlegg</h3>

<ul>

<tag:recentlist limit="10">

<li>

<a href="${EntryPermaLink}">${EntryTitle}</a>

</li>

</tag:recentlist>

</ul>

</div>

<div>

<tag:if test="${HasLinks == 'true'}">

<div>

</tag:if>

<a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

<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>

<br>

<br>

<br>

</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>

</body>

</html>

<br>

<br>

 

  • 0

    Stilsett vinterdesign 2

    /* Designet er laget av http://inaanjuta.blogg.no */

    @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT);

    @import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);

    @import url(http://fonts.googleapis.com/css?family=Wire+One);

    .entry {

    background-color: #ffffff;

    width:800px;

    }

    .content {

    background-color: #transparent;

    width: 800px;

    }

    #body {

    background-color:#transparent;

    font-family:Abadi MT condensed light, calibri, arial, times;

    color: #333333;

    padding-left:30px;

    }

    #doc2 {

    position: relative;

    bottom: 0px;

    background-color: #transparent;

    width:1070px;

    height: 100%;

    overflow: visible;

    }

    html {

    margin: 10 auto;

    align: center;

    background-color: #transparent;

    }

    #header {

    background-image: url('http://imageshack.us/a/img33/7431/ouhu.png');

    height: 383px;

    width: 1049px;

    margin-bottom:0px;

    border-top:0px Solid #cccccc;

    border-left: 0px solid #cccccc;

    border-right:0px solid #cccccc;

    margin-left:0px;

    }

    #wrapper {

    clear: none;

    margin-left: px;

    width: 1070px;

    background-color: #f1f1f1;

    padding: 10px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    padding-top: 30px;

    padding-bottom:60px;

    }

    #main {

    background-color: #ffffff;

    font-family:Abadi MT condensed light;

    width: 800px;

    font-size: 12pt;

    margin-top:-19px;

    padding:10px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    }

    img{

    max-width:800px;

    }

    #side {

    width: 200px;

    background-color: #ffffff;

    margin-top:-20px;

    padding: 20px;

    font-size: 10pt;

    font-family:Abadi MT condensed light, Times;

    font-style: italic;

    color: #555555;

    margin-left:0px;

    text-align:left;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    }

    #footer {

    margin-top:20px;

    border:2px solid #ffffff;

    width: Auto;

    margin-left:0px;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #868686;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #868686; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }

    h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #555555;}

    #boxinaanjuta6 a:link, #boxinaanjuta6 a:visited,#boxinaanjuta6 a:active {color: #868686; }

    #boxinaanjuta6 a:hover {color: #cccccc;}

    .entry .meta a:link, .entry .meta a:visited, .entry .meta a:active {color: #333333; }

    .entry .meta a:hover {color: #cccccc;}

    .content a:hover {color: #f1f1f1;}

    a:hover img {

    filter:alpha(opacity=70);

    -moz-opacity:0.7;

    -khtml-opacity: 0.7;

    opacity: 0.7;

    }

    h2 a:hover {color: #868686;}

    /* http://inaanjuta.blogg.no */

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family:'Wire One';

    font-family: 'Julius Sans One', Garamond;

    font-weight:light;

    text-transform:uppercase;

    color:#868686;

    text-align:left;

    margin-left:30px;

    letter-spacing: 0px;

    font-size: 30px;

    text-shadow: 2px 1px 4px #e6dfe0;

    padding-bottom:19px;

    }

    h3 {

    font-family:'Wire One';

    font-family: 'Julius Sans One', Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;

    color:#868686;

    background-color:#transparent;

    border-bottom:0px dashed #555555;

    font-size: 20px;

    font-style: normal;

    text-align:left;

    letter-spacing: 0px;

    text-transform:uppercase;

    }

    h4 {

    font-family: Times, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 1px;

    text-align:left;

    font-size:20px;

    padding-left:70px;

    }

    h5 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Times, Arial;

    color: #989898;

    letter-spacing: 0px;

    font-size: 22px;

    }

    h7 {

    font-family:'Julius Sans One','wire one';

    color: #868686;

    letter-spacing: 2px;

    font-size: 11px;

    }

    h8 {

    font-family:'Julius Sans One', 'wire one';

    color:#868686;

    letter-spacing: 1px;

    font-size: 25px;

    padding-top:7px;

    }

    h9 {

    font-family:Times;

    color: #555555;

    letter-spacing: 1px;

    font-size: 11px;

    }

    .entry .meta {

    font-family: 'Julius Sans One', Courier New;

    color:#333333;

    font-size: 8pt;

    padding: 10px;

    text-align:left;

    border:1px solid #f1f1f1;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    background-color:#fffffff;

    }

    #profile a img{

    width:210px;

    margin-left:-8px;

    margin-top:-8px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    }

    #comments .owner{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    Width: 760px;

    margin-left:20px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 65px;

    padding: 25px;

    width:640px;

    }

    #comments .owner .meta{

    background-color:#f1f1f1;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 65px;

    padding: 25px;

    }

    #comments .user{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    margin-left:20px;

    }

    #comments .user .content{

    background-color:#transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 25px;

    margin-left: 65px;

    width:640px;

    }

    /* http://inaanjuta.blogg.no */

    #comments .other{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    margin-left:20px;

    }

    #comments .other .content{

    background-color:#transparent;

    color: #555555;

    padding: 25px;

    margin-left: 65px;

    width:640px;

    }

    #metainaanjuta {

    background-color:#f1f1f1;

    padding:10px;

    margin-bottom:5px;

    border-bottom: 1px dashed #868686;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-size: 12px;

    padding:3px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    margin-left: 0px;

    margin-top:-2px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    height:150px;

    font-size: 10px;

    margin-top:-2px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    margin-left:0px;

    }

    /* http://inaanjuta.blogg.no */

    #comments img.avatar{

    background-color: #ffffff;

    border:1px solid #868686;

    padding:0px;

    float:left;

    margin-left: 5px;

    margin-top: 3px;

    margin-right: 9px;

    }

    #comment_submit {

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    font-size:15px;

    color:#686868;

    font-family: 'Julius Sans One', 'wire one';

    height:50px;

    margin-left:0px;

    background-image:url(http://imageshack.us/a/img841/173/475k.png);

    }

    #comment_submit a:hover{

    background-color:#eaeaea;

    color: #868686;

    }

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    }

    #boxinaanjuta2{

    background-color:#cccccc;

    width:220px;

    text-align: center;

    }

    #boxinaanjuta6{

    background-image:url(http://imageshack.us/a/img163/8914/gvrg.png);

    background-repeat:no-repeat;

    width:17px;

    padding:10px;

    padding-top:49px;

    padding-bottom:47px;

    padding-left:35px;

    margin-left:10px;

    padding-right:50px;

    }

    #teller {

    background-color: #transparent;

    margin-left:8px;

    margin-top:-12px;

    font-size:19px;

    font-family:'Julius Sans One', helveticaneue-ultralight;

    }

    #boxinaanjuta5 {

    background-color: #ffffff;

    width:800px;

    }

    #menyinaanjuta {

    font-family:'Julius Sans One', calibri;

    font-size: 17px;

    font-weight:light;

    letter-spacing: 0px;

    text-transform:uppercase;

    text-align: left;

    width: 1087px;

    padding: 15px 0px 15px 0px;

    background-color:#ffffff;

    margin-left: 0px;

    margin-bottom:20px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    border:1px solid #f1f1f1;

    }

    #menyinaanjuta a {

    background-color: #transparent;

    color: #868686;

    padding: 10px 90px 10px 90px;

    width:20px;

    margin: 2px 2px 2px 2px;

    }

    #menyinaanjuta a:hover {

    padding-top:15px;

    padding-bottom:15px;

    color: #cccccc;

    background-color: #transparent;

    }

    #boxinaanjuta9 {

    margin-left:115px;

    margin-top:-70px;

    }

    #reklameboks {

    background-color:#f1f1f1;

    border:1px solid#eaeaea;

    width:auto;

    padding:10px;

    }

    /* Designet er laget av http://inaanjuta.blogg.no */

  • 1

    Forside grådesign

    <!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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="menyinaanjuta">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add</a>

    <a href="URL TIL INNLEGG OM DEG">Om meg</a>

    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="90">

    <div class="entry">

    <div id="boxinaanjuta6">

    <div id="teller">

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </div>

    </div>

    <div id="boxinaanjuta9">

    <h2><a href="${EntryPermaLink}">${EntryTitle}</a></h2>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a>

    </tag:if>

    <li>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://imageshack.us/a/img163/8914/gvrg.png">

    </div>

    <h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

    <p>${ProfileDescription}</p>

    </div>

    <div id="reklameboks">

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <Her kan du sette inn egen annonse>

    </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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

    <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>

    <br>

    <br>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

     

  • 1

    Innlegg grådesign

    <!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>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="menyinaanjuta">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add</a>

    <a href="URL TIL INNLEGG OM DEG">Om meg</a>

    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <div id="boxinaanjuta6">

    <div id="teller">

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </div>

    </div>

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <div id="boxinaanjuta9">

    <h2>${EntryTitle}</h2>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a>

    </tag:if>

    </li>

    </ul>

    </div>

    </li>

    <li>

    </li>

    </ul>

    <div id="boxinaanjuta5">

    <br>

    <br>

    <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>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <div id="comments">

    <tag:commentlist>

    <div class="comment ${CommentClass}">

    <div id="metainaanjuta">

    <tag:if test="${CommentProfileUrl != ''}">

    <a href="${CommentProfileUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </tag:if>

    </tag:if>

    <h8>${CommentAuthorLinkIf}</h8>

    </div>

    <h9>${CommentDate} kl.${CommentTime}</h9>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    <br>

    <br>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <h8>Kommenter her</h8>

    <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" style="width:414px;" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:414px;"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" style="width:414px;" 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" style="width:490px; "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" style="width:420px;" value="Send kommentar" />

    </div>

    </div>

    </form>

    </div>

    <h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7>

    </tag:if>

    </div>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://imageshack.us/a/img841/9753/5p8b.png">

    </div>

    <h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

    <p>${ProfileDescription}</p>

    </div>

    <div id="reklameboks">

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <her kan du sette inn egen annonse>

    </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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

    <br>

    </div>

    </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>

    </body>

    </html>

    <br>

    <br>

  • 0

    Stilsett Black and white fashion

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #transparent;

    font-family:Courier New, Arial, Helvetica, sans-serif;

    color: #333333;

    }

    #header {

    background-image: url('http://img706.imageshack.us/img706/6442/bloggnavn.png');

    height: 390px;

    width: 1030px;

    padding: 0px;

    margin: 0px 90px -14px -3px;

    margin-left: -25px;

    }

    #wrapper {

    background-color: #transparent;

    margin-left: -30px;

    width: 1050px;

    padding: 10px;

    }

    #main {

    background-color: #ffffff;

    margin-left: -15px;

    width: 800px;

    font-size: 8pt;

    padding: 20px;

    margin-top: -10px;

    }

    #side {

    width: 180px;

    border: 0px solid #000000;

    background-color: #ffffff;

    margin-top: -10px;

    padding: 10px;

    font-size: 8pt;

    font-family:Courier New, Arial, Helvetica, sans-serif;

    color: #555555;

    border-left: 0px solid #555555;

    }

    #footer {

    background-color: #ffffff;

    margin-left: auto;

    margin-right: auto;

    width: 800px;

    display: none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #f1f1f1; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #f1f1f1; }

    }

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family:Courier, Arial, Helvetica, sans-serif;

    color: #555555;

    text-align:center;

    letter-spacing: 5px;

    color: #555555;

    font-size: 30px;

    }

    h3 {

    font-family:Courier, Arial, Helvetica, sans-serif;

    color: #ffffff;

    background-color: #000000;

    font-size: 17px;

    padding:5px;

    text-align:left;

    letter-spacing: 5px;

    }

    h4 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    text-align:center;

    }

    h5 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #ffffff;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h7 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 9px;

    }

    h8 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #f1f1f1;

    letter-spacing: 5px;

    font-size: 12px;

    }

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #ffffff

    }

    #profile a img{

    background-color: #ffffff;

    padding: 1px;

    border: 1px solid #ffffff;

    float: left;

    margin: 0px 0px 20px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    width: 175px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    Width: 770px;

    float: center;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    color: #ffffff;

    background-color: #000000;

    text-align: left;

    padding: 0px;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    margin-left: auto;

    margin-right: auto;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 770px;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .user .meta{

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    background-color: #000000;

    padding: 0px;

    }

    #comments .user .content{

    background-color: #ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 770px;

    padding: 15px;

    margin-bottom: 15px;

    }

    #comments .other .meta{

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    background-color: #000000;

    padding: 0px;

    }

    #comments .other .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    input{

    background-color: #ffffff;

    border: 0px solid #f5f5f5;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center ;

    font-size: 10px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    margin-left: 0px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 0px solid #f5f5f5;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    -moz-border-radius: 15px;

    margin-left: 0px;

    }

    .entry .meta {

    font-family:Courier New, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    padding: 0px;

    text-align:center;

    }

    .fb_like {display:none}

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #ffffff;

    text-align: center;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border:1px solid #cccccc;

    padding:0px;

    float:left;

    -moz-border-radius: 70px;

    -webkit-border-radius: 70px;

    -khtml-border-radius: 70px;

    border-radius: 70px;

    margin-left: -10px;

    margin-top: -10px;

    }

    #meny {

    font-family:Courier New, courier, Georgia, arial;

    font-size: 12px;

    text-align: left;

    width: 1050px;

    padding: 0px 0px 0px 0px;

    background-color: #000000;

    margin-left: -35px;

    }

    #meny a {

    background-color: #transparent;

    color: #ffffff;

    padding: 5px 15px 5px 15px;

    width: 100%;

    margin: 28px 28px 28px 28px;

    }

    #meny a:hover {

    color: #555555;

    background-color: #transparent;

    }

    h3 {text-shadow: 1px 1px 3px #cccccc;}

     

     

     

  • 1

    Innlegg Black and white fashion

    <!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>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2>${EntryTitle}</h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}kl.${EntryTime} i

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    (<a href="${EntryPermaLink}#comment">0</a>)

    <tag:elseif test="${EntryCommentCount == 1}" />

    (<a href="${EntryPermaLink}#comment">1</a>)

    <tag:else />

    (<a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>)

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    </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>

    <tag:include module="postentry"></tag:include>

    </div>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <br>

    <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/70x70/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </tag:if>

    </tag:if>

    <h8>${CommentAuthorLinkIf}</h8>

    </div>

    <h7>${CommentDate} kl.${CommentTime}</h7>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <br>

    <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"style="width:400px;"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"style="width:400px;"onchange="doChange(this)" value="http://" maxlength="100" />

    </div>

    <div id="comment_text_wrapper">

    <label for="comment_text">Skriv:</label>

    <textarea id="comment_text" name="comment"style="width:400px;"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">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    <br>

    <br>

    <left>Design av:

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a><left>

    </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 href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img850.imageshack.us/img850/7992/skorosa.jpg" height="170">

    </a>

    </div>

    <h4>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h4>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <tag:categorylist>

    <a href="${CategoryLink}">${CategoryName}</a>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Arkiv</h3>

    <br>

    <tag:archivelist>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </tag:archivelist>

    </ul>

    <br>

    <br>

    <h3>Design</h3>

    <p><a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    </div>

    </div>

    <br>

    <br>

    <br>

    </tag:profile>

    <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>

     

  • 4

    Forside / Kategori & Arkiv Black and white fashion

    <!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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="100">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img195.imageshack.us/img195/3995/sortprikkikon.png" width="8" />kl.${EntryTime}

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    (<a href="${EntryPermaLink}#comment">0</a>)

    <tag:elseif test="${EntryCommentCount == 1}" />

    (<a href="${EntryPermaLink}#comment">1</a>)

    <tag:else />

    (<a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>)

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    </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>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img850.imageshack.us/img850/7992/skorosa.jpg" height="170">

    </div>

    <h4>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h4>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <tag:categorylist>

    <a href="${CategoryLink}">${CategoryName}</a>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Arkiv</h3>

    <br>

    <tag:archivelist>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <br>

    <h3>Design:</h3>

    <p><a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    <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>

    <br>

    <br>

    <br>

    </tag:profile>

    <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>

     

  • 6

    Hvit Kategori & 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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="menyinaanjuta">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add</a>

    <a href="URL TIL INNLEGG OM DEG">Om meg</a>

    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="300">

    <div class="entry">

    <div id="boxinaanjuta6">

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </div>

    <div id="boxinaanjuta9">

    <h2><a href="${EntryPermaLink}">${EntryTitle}</a></h2>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    <li>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img534.imageshack.us/img534/3006/skoyr.jpg">

    </div>

    <h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

     

     

    <tag:if test="${HasLinks == 'true'}">

    <div>

    </tag:if>

    <h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7>

    <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>

    <br>

    <br>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

  • 19

    Hvit 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">

    <br>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="menyinaanjuta">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add</a>

    <a href="URL TIL INNLEGG OM DEG">Om meg</a>

    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <div id="boxinaanjuta6">

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </div>

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <div id="boxinaanjuta9">

    <h2>${EntryTitle}</h2>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </li>

    <li>

    </li>

    </ul>

    <div id="boxinaanjuta5">

    <br>

    <br>

    <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>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <div id="comments">

    <tag:commentlist>

    <div class="comment ${CommentClass}">

    <div id="metainaanjuta">

    <tag:if test="${CommentProfileUrl != ''}">

    <a href="${CommentProfileUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </tag:if>

    </tag:if>

    <h8>${CommentAuthorLinkIf}</h8>

    </div>

    <h9>${CommentDate} kl.${CommentTime}</h9>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    <br>

    <br>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <h8>Kommenter her</h8>

    <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" style="width:414px;" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:414px;"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" style="width:414px;" 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" style="width:490px; "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" style="width:420px;" value="Send kommentar" />

    </div>

    </div>

    </form>

    </div>

    <a href="http://tilkomstgruppen.no" style="color:#ffffff; font-size:10px;margin-left:750px;">Tilkomstgruppen</a>

    <br>

    <h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7>

    </tag:if>

    </div>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img534.imageshack.us/img534/3006/skoyr.jpg">

    </div>

    <h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    </div>

    </tag:if>

     <h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7>

    <br>

    </div>

    </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>

    </body>

    </html>

    <br>

    <br>

  • 0

    Hvit 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">

    <br>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="menyinaanjuta">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add</a>

    <a href="URL TIL INNLEGG OM DEG">Om meg</a>

    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="90">

    <div class="entry">

    <div id="boxinaanjuta6">

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </div>

    <div id="boxinaanjuta9">

    <h2><a href="${EntryPermaLink}">${EntryTitle}</a></h2>

    </div>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    <li>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img534.imageshack.us/img534/3006/skoyr.jpg">

    </div>

    <h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    </tag:if>

    <h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7>

    <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>

    <br>

    <br>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

  • 5

    Hvit stilsett

    /* Designet er laget av http://inaanjuta.blogg.no */

    @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT);

    @import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);

    @import url(http://fonts.googleapis.com/css?family=Wire+One);

    .entry {

    background-color: #ffffff;

    padding:0px;

    width:800px;

    padding-bottom:50px;

    }

    .content {

    background-color: #transparent;

    padding:0px;

    width: 800px;

    }

    #body {

    background-color:#transparent;

    font-family:calibri, arial, times;

    color: #333333;

    padding-left:30px;

    }

    #doc2 {

    position: relative;

    bottom: 0px;

    background-color: #transparent;

    width:1070px;

    height: 100%;

    overflow: visible;

    }

    html {

    margin: 10 auto;

    align: center;

    background-color: #transparent;

    }

    #header {

    background-image: url('https://imageshack.com/a/img826/7793/cdp1.png');

    height: 383px;

    width: 1017px;

    margin-bottom:0px;

    border-top:0px Solid #cccccc;

    border-left: 0px solid #cccccc;

    border-right:0px solid #cccccc;

    margin-left:11px;

    }

    #wrapper {

    clear: none;

    margin-left: 10px;

    width: 1060px;

    background-color: #transparent;

    padding:0px;

    }

    #main {

    background-color: #transparent;

    width: 800px;

    font-size: 10pt;

    padding: 0px;

    margin-top:-19px;

    }

    img{

    max-width:800px;

    }

    #side {

    width: 220px;

    background-color: #transparent;

    margin-top:-0px;

    padding: 0px;

    font-size: 10pt;

    font-family:Times;

    font-style: italic;

    color: #555555;

    margin-left:0px;

    text-align:left;

    }

    #footer {

    background-color: #f1f1f1;

    border: 1px solid #cccccc;

    width: auto;

    margin-left:10px;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #868686;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #333333; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }

    h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

    #side a:visited { text-decoration: none; color: #cccccc; }

    .content a:link,.content a:visited,.content a:active { color: #555555;}

    #boxinaanjuta6 a:link, #boxinaanjuta6 a:visited,#boxinaanjuta6 a:active {color: #333333; }

    #boxinaanjuta6 a:hover {color: #cccccc;}

    .entry .meta a:link, .entry .meta a:visited, .entry .meta a:active {color: #333333; }

    .entry .meta a:hover {color: #cccccc;}

    .content a:hover {color: #f1f1f1;}

    a:hover img {

    filter:alpha(opacity=70);

    -moz-opacity:0.7;

    -khtml-opacity: 0.7;

    opacity: 0.7;

    }

    h2 a:hover {color: #868686;}

    /* http://inaanjuta.blogg.no */

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family:helveticaneue-ultralight, 'Wire One';

    color:#222222;

    text-align:left;

    margin-left:30px;

    letter-spacing: 1px;

    font-size: 60px;

    text-shadow: 2px 1px 4px #e6dfe0;

    padding-top:0px;

    }

    h3 {

    font-family:helveticaneue-ultralight, 'Wire One';

    color:#222222;

    background-color:#transparent;

    border-bottom:0px dashed #555555;

    font-size: 25px;

    font-style: normal;

    text-align:left;

    letter-spacing: 5px;

    }

    h4 {

    font-family: Times, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 1px;

    text-align:left;

    font-size:20px;

    padding-left:70px;

    }

    h5 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Times, Arial;

    color: #989898;

    letter-spacing: 0px;

    font-size: 22px;

    }

    h7 {

    font-family:helveticaneue-ultralight,'wire one';

    color: #555555;

    letter-spacing: 2px;

    font-size: 11px;

    }

    h8 {

    font-family:helveticaneue-ultralight, 'wire one';

    color:#333333;

    letter-spacing: 1px;

    font-size: 25px;

    padding-top:7px;

    }

    h9 {

    font-family:Times;

    color: #555555;

    letter-spacing: 1px;

    font-size: 11px;

    }

    .entry .meta {

    font-family: 'Julius Sans One', Courier New;

    color:#333333;

    font-size: 8pt;

    padding: 10px;

    text-align:center;

    background-color:#transparent;

    border-top:1px solid #cccccc;

    border-bottom: 1px solid #cccccc;

    }

    #profile a img{

    width:220px;

    margin-left:-3px;

    margin-top:-3px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    }

    #comments .owner{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    Width: 760px;

    margin-left:20px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 65px;

    padding: 25px;

    width:640px;

    }

    #comments .owner .meta{

    background-color:#f1f1f1;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 65px;

    padding: 25px;

    }

    #comments .user{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    margin-left:20px;

    }

    #comments .user .content{

    background-color:#transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 25px;

    margin-left: 65px;

    width:640px;

    }

    /* http://inaanjuta.blogg.no */

    #comments .other{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    margin-left:20px;

    }

    #comments .other .content{

    background-color:#transparent;

    color: #555555;

    padding: 25px;

    margin-left: 65px;

    width:640px;

    }

    #metainaanjuta {

    background-color:#f1f1f1;

    padding:10px;

    margin-bottom:5px;

    border-bottom: 1px dashed #868686;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-size: 12px;

    padding:3px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    margin-left: 0px;

    margin-top:-2px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    height:150px;

    font-size: 10px;

    margin-top:-2px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    margin-left:0px;

    }

    /* http://inaanjuta.blogg.no */

    #comments img.avatar{

    background-color: #ffffff;

    border:1px solid #868686;

    padding:0px;

    float:left;

    margin-left: 5px;

    margin-top: 3px;

    margin-right: 9px;

    }

    #comment_submit {

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    font-size:20px;

    color:#686868;

    font-family: helveticaneue-ultralight, 'wire one';

    height:50px;

    margin-left:0px;

    background-color:#f1f1f1;

    }

    #comment_submit:hover{

    background-color:#eaeaea;

    color: #868686;

    }

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    }

    #boxinaanjuta2{

    background-color:#cccccc;

    width:220px;

    text-align: center;

    }

    #boxinaanjuta6{

    background-color:#eaeaea;

    width:10px;

    padding:5px;

    padding-top:10px;

    padding-left:30px;

    margin-left:0px;

    padding-right:40px;

    font-size:40px;

    font-family: helveticaneue-ultralight, 'wire one';

    }

    #boxinaanjuta5 {

    background-color: #ffffff;

    width:800px;

    }

    #menyinaanjuta {

    font-family: helveticaneue-ultralight, 'wire one';

    font-size: 25px;

    text-align: center;

    width: 1057px;

    padding: 18px 0px 18px 0px;

    background-color:#ffffff;

    margin-left: 11px;

    margin-bottom:20px;

    border-top:1px solid #cccccc;

    border-bottom: 1px solid #cccccc;

    }

    #menyinaanjuta a {

    background-color: #transparent;

    color: #333333;

    padding: 10px 90px 10px 90px;

    width:20px;

    margin: 2px 2px 2px 2px;

    }

    #menyinaanjuta a:hover {

    color: #cccccc;

    background-color: #transparent;

    }

    #boxinaanjuta9 {

    margin-left:115px;

    margin-top:-70px;

    }

    /* Designet er laget av http://inaanjuta.blogg.no */

  • 10

    Mal kategori/arkiv Jordfarget

    <!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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="menyinaanjuta">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add</a>

    <a href="URL TIL INNLEGG OM DEG">Om meg</a>

    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="300">

    <div class="entry">

    <div id="boxinaanjuta6">

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </div>

    <h2><a href="${EntryPermaLink}">${EntryTitle}</a></h2>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    <li>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img28.imageshack.us/img28/1002/pillowsliten.png" width="260">

    </div>

    <h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

    <p>Skriv din profiltekst her</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

     

     

    <tag:if test="${HasLinks == 'true'}">

    <div>

    </tag:if>

    <center><h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7></center>

    <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>

    <br>

    <br>

    <br>

    <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>

    <br>

    <br>

  • 18

    Mal Innlegg Jordfarget

    <!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>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="menyinaanjuta">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add</a>

    <a href="URL TIL INNLEGG OM DEG">Om meg</a>

    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <div id="boxinaanjuta6">

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </div>

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2>${EntryTitle}</h2>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </li>

    <li>

    </li>

    </ul>

    <div id="boxinaanjuta5">

    <br>

    <br>

    <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>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <div id="comments">

    <tag:commentlist>

    <div class="comment ${CommentClass}">

    <div id="metainaanjuta">

    <tag:if test="${CommentProfileUrl != ''}">

    <a href="${CommentProfileUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </tag:if>

    </tag:if>

    <h8>${CommentAuthorLinkIf}</h8>

    </div>

    <h9>${CommentDate} kl.${CommentTime}</h9>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    <br>

    <br>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <h8>Kommenter her</h8>

    <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" style="width:414px;" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:414px;"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" style="width:414px;" 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" style="width:490px; "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" style="width:420px;" value="Send kommentar" />

    </div>

    </div>

    </form>

    </div>

    <a href="http://tilkomstgruppen.no" style="color:#ffffff; font-size:10px;margin-left:750px;">Tilkomstgruppen</a>

    <br>

    <h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7>

    </tag:if>

    </div>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img28.imageshack.us/img28/1002/pillowsliten.png" width="260">

    </div>

    <h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

    <p>Skriv din profiltekst her</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    </div>

    </tag:if>

    <h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7>

    <br>

    </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>

    <br>

    <br>

     

  • 1

    Mal forside Jordfarget

    <!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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="menyinaanjuta">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add</a>

    <a href="URL TIL INNLEGG OM DEG">Om meg</a>

    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="90">

    <div class="entry">

    <div id="boxinaanjuta6">

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </div>

    <h2><a href="${EntryPermaLink}">${EntryTitle}</a></h2>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    <li>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img28.imageshack.us/img28/1002/pillowsliten.png" width="260">

    </div>

    <h8><a href="${ProfileUrl}">${ProfileName}</a></h8>

    <p>Skriv din profiltekst her</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    </tag:if>

    <center><h7><a href="http://inaanjuta.blogg.no/">Design og koding: Ina Anjuta</ a></h7></center>

    <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>

    <br>

    <br>

    <br>

    <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>

    <br>

    <br>

  • 11

    Stilsett design jordfarget

    /* Designet er laget av http://inaanjuta.blogg.no */

    @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT);

    @import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);

    .entry {

    background-color: #ffffff;

    padding:0px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    width:840px;

    }

    .content {

    background-color: #ffffff;

    padding:20px;

    width: 800px;

    }

    #body {

    background-color:#transparent;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #333333;

    padding-left:30px;

    }

    #doc2 {

    position: relative;

    bottom: 0px;

    background-color: #transparent;

    width:1070px;

    height: 100%;

    overflow: visible;

    }

    html {

    margin: 10 auto;

    align: center;

    background-color: #f2efec;

    }

    #header {

    background-image: url('http://img547.imageshack.us/img547/9846/headerinadesign2.png');

    height: 460px;

    width: 1053px;

    margin-bottom:0px;

    border:2px Solid #ffffff;

    margin-left:-7px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    }

    #wrapper {

    clear: none;

    margin-left: -10px;

    width: 1100px;

    background-color: #transparent;

    padding:0px;

    }

    #main {

    background-color: transparent;

    width: 840px;

    font-size: 10pt;

    padding: 3px;

    margin-top:-19px;

    }

    #side {

    width: 220px;

    background-color: #ffffff;

    margin-top:-0px;

    padding: 10px;

    font-size: 10pt;

    font-family:Times;

    font-style: italic;

    color: #555555;

    margin-left:-10px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    text-align:center;

    }

    #footer {

    background-color: #ffffff;

    margin-left: auto;

    margin-right: auto;

    width: 800px;

    display:none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #868686;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #b4a9a1; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #b4a9a1; }

    h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #d9cbc3;}

    #boxinaanjuta6 a:link, #boxinaanjuta6 a:visited,#boxinaanjuta6 a:active {color: #ffffff; }

    #boxinaanjuta6 a:hover {color: #f1f1f1;}

    .content a:hover {color: #f1f1f1;}

    h2 a:hover {color: #cccccc;}

    /* http://inaanjuta.blogg.no */

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family:'Old Standard TT', Arial, Helvetica, sans-serif;

    color:#b4a9a1;

    text-align:center;

    letter-spacing: 1px;

    font-size: 50px;

    font-style: italic;

    text-shadow: 2px 1px 4px #e6dfe0;

    border-bottom:1px dashed #cccccc;

    padding-top:0px;

    }

    h3 {

    font-family:'Julius Sans One', times, sans-serif;

    color:#b4a9a1;

    background-color:#transparent;

    border:0px dashed #f5f5f5;

    font-size: 20px;

    font-style: normal;

    padding:0px;

    text-align:center;

    letter-spacing: 5px;

    }

    h4 {

    font-family: Times, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 1px;

    text-align:left;

    font-size:20px;

    padding-left:70px;

    }

    h5 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Times, Arial;

    color: #989898;

    letter-spacing: 0px;

    font-size: 22px;

    }

    h7 {

    font-family:'Julius Sans One', Times;

    color: #555555;

    letter-spacing: 2px;

    font-size: 11px;

    }

    h8 {

    font-family:'Julius Sans One', Times;

    color:#b4a9a1;

    letter-spacing: 1px;

    font-size: 25px;

    padding-top:7px;

    }

    h9 {

    font-family:Times;

    color: #555555;

    letter-spacing: 1px;

    font-size: 11px;

    }

    .entry .meta {

    font-family: 'Julius Sans One' , Courier New;

    font-size: 8pt;

    padding: 10px;

    text-align:center;

    background-color:#d9d3ce;

    border:1px solid cccccc;

    -webkit-box-shadow: 0px 0px 2px #cccccc;

    -moz-box-shadow: 0px 0px 2px #cccccc;

    box-shadow: 0px 0px 2px #cccccc;

    background-image:url('http://img805.imageshack.us/img805/1764/entrymetabrunbeige3.png');

    }

    /* http://inaanjuta.blogg.no */

    .clearfix{

    margin-top: -31px ;

    background-color: #transparent;

    }

    #profile a img{

    background-color: #ffffff;

    padding: 1px;

    border:1px solid #ffffff;

    width: 210px;

    margin-left:-25px;

    }

    #profile div {

    padding-top:30px;

    padding-left:30px;

    padding-right:30px;

    padding-bottom:0px;

    background-color:#transparent;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    }

    #comments .owner{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    Width: 800px;

    margin-left:20px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #comments .owner .content{

    background-color:#transparent;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 65px;

    padding: 25px;

    width:680px;

    }

    #comments .user{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 800px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left:20px;

    }

    #comments .user .content{

    background-color:#transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 25px;

    margin-left: 65px;

    width:680px;

    }

    /* http://inaanjuta.blogg.no */

    #comments .other{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 800px;

    padding: 0px;

    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left:20px;

    }

    #comments .other .content{

    background-color:#transparent;

    color: #555555;

    padding: 25px;

    margin-left: 65px;

    width:680px;

    }

    #metainaanjuta {

    background-color:#ffffff;

    padding:10px;

    margin-bottom:5px;

    border-bottom: 1px dashed #cccccc;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-size: 12px;

    padding:3px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    margin-top:-2px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    height:150px;

    font-size: 10px;

    margin-top:-2px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left:0px;

    }

    /* http://inaanjuta.blogg.no */

    #comments img.avatar{

    background-color: #ffffff;

    border:3px solid #d9d3ce;

    padding:0px;

    float:left;

    margin-left: 5px;

    margin-top: 3px;

    margin-right: 9px;

    }

    #comment_submit {

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    height:50px;

    border:1px solid #cccccc;

    margin-left:0px;

    background-color:#f9f9f9;

    }

    #comment_submit:hover{

    background-color:#f1f1f1;

    color: #555555;

    }

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    }

    #boxinaanjuta2{

    background-color:#cccccc;

    width:220px;

    text-align: center;

    }

    #boxinaanjuta6{

    background-color:#d9d3ce;

    width:10px;

    padding:5px;

    padding-top:10px;

    padding-left:30px;

    margin-left:30px;

    padding-right:40px;

    font-size:40px;

    font-family: 'Julius Sans One', helveticaneue-ultralight;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    }

    #boxinaanjuta5 {

    background-color: #ffffff;

    width:800px;

    }

    #menyinaanjuta {

    font-family: 'Julius Sans One', helveticaneue-ultralight;

    font-size: 19px;

    text-align: center;

    width: 1097px;

    padding: 15px 0px 15px 0px;

    background-color:#f1f1f1;

    margin-left: -7px;

    margin-bottom:20px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #menyinaanjuta a {

    background-color: #transparent;

    color: #555555;

    padding: 10px 50px 10px 50px;

    width:20px;

    margin: 2px 2px 2px 2px;

    }

    #menyinaanjuta a:hover {

    color: #cccccc;

    background-color: #transparent;

    }

    /* Designet er laget av http://inaanjuta.blogg.no */

     

  • 1

    mal kategori og arkiv juledesign

    <!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>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="boxtop">

    </div>

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="200">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img801.imageshack.us/img801/7527/profilbildejuledesign2.png" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <div id="box3">

    <h3>Kategorier</h3>

    <ul>

    <tag:categorylist>

    <li>

    <a href="${CategoryLink}">${CategoryName}</a>

    </li>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    </div>

    <h3>Arkiv</h3>

    <ul>

    <tag:archivelist>

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <h3>Siste innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

     

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

    <br>

     

    <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>

    <br>

    <br>

    <br>

    <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>

  • 0

    Mal innlegg juledesign

    <!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>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="boxtop">

    </div>

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2>${EntryTitle}</h2>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    <tag:include module="postentry"></tag:include>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <br>

    <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/70x70/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </tag:if>

    </tag:if>

    <h4>${CommentAuthorLinkIf}</h4>

    </div>

    <div id="box">

    <h7>${CommentDate} kl.${CommentTime}</h7>

    </div>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <br>

    <p>Skriv en ny kommentar</p>

    <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" style="width:300px;" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:300px;"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" style="width:300px;" 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" style="width:420px; "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">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    </div>

    </div>

    </form>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/">Design: Ina Anjuta</ a>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img801.imageshack.us/img801/7527/profilbildejuledesign2.png" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

     

    <br>

    </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>

    <br>

    <br>

  • 0

    Mal forside juledesign

    <!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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="boxtop">

    </div>

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="60">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img801.imageshack.us/img801/7527/profilbildejuledesign2.png" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <div id="box3">

    <h3>Kategorier</h3>

    <ul>

    <tag:categorylist>

    <li>

    <a href="${CategoryLink}">${CategoryName}</a>

    </li>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    </div>

    <h3>Arkiv</h3>

    <ul>

    <tag:archivelist>

    <li>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <h3>Siste innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

    <br>

    <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>

    <br>

    <br>

    <br>

    <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>

    <br>

    <br>

  • 3

    Stilsett juledesign

    @import url(http://fonts.googleapis.com/css?family=League+Script);

    @import url(http://fonts.googleapis.com/css?family=Parisienne);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color:#eaeaea;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #333333;

    }

    #header {

    background-image: url('http://img5.imageshack.us/img5/6220/juleheader3.png');

    height: 385px;

    width: 955px;

    margin-bottom:26px;

    border:2px Solid #ffffff;

    margin-left:-10px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    }

    #wrapper {

    clear: none;

    margin-left: -10px;

    width: 1000px;

    background-color: #ffffff;

    padding:0px;

    -webkit-box-shadow: 0px 0px 2px #cccccc;

    -moz-box-shadow: 0px 0px 2px #cccccc;

    box-shadow: 0px 0px 2px #cccccc;

    }

    #main {

    background-color: #ffffff;

    width: 800px;

    font-size: 10pt;

    padding: 10px;

    margin-top: -0px;

    }

    #side {

    width: 160px;

    background-color: #ffffff;

    margin-top: -0px;

    padding: 10px;

    font-size: 10pt;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #555555;

    margin-left:-10px;

    }

    #footer {

    background-color: #ffffff;

    margin-left: auto;

    margin-right: auto;

    width: 800px;

    display: none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #868686;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #b51414; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }

    h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #b51414;}

    }

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family: 'Parisienne' , Arial, Helvetica, sans-serif;

    color:#b51414;

    text-align:center;

    letter-spacing: 1px;

    font-size: 50px;

    font-style: italic;

    text-shadow: 2px 1px 4px #e6dfe0;

    border-bottom:1px dashed #cccccc;

    }

    h3 {

    font-family: times, Arial, Helvetica, sans-serif;

    color:#b51414;

    background-color:#transparent;

    border:0px dashed #f5f5f5;

    font-size: 20px;

    font-style: italic;

    padding:0px;

    text-align:left;

    letter-spacing: 5px;

    }

    h4 {

    font-family:'Arapey', Times, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 1px;

    text-align:left;

    font-size:20px;

    padding-left:70px;

    }

    h5 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h7 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 9px;

    }

    h8 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    .clearfix{

    padding: 0px;

    margin-top: 30px ;

    width: auto;

    background-color: #ffffff

    }

    #profile a img{

    background-color: #ffffff;

    padding: 1px;

    border: 1px solid #ffffff;

    float: left;

    margin-left:-30px;

    margin: 0px 0px 20px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    width: 160px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    Width: 760px;

    float: center;

    padding: 0px;

    margin-bottom: 15px;

    margin-left:20px;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 0px;

    float:center;

    margin-bottom: 15px;

    margin-left:20px;

    }

    #comments .user .meta{

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .user .content{

    background-color: #ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    float:center;

    padding: 0px;

    margin-bottom: 15px;

    margin-left:20px;

    }

    #comments .other .meta{

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .other .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-size: 12px;

    padding:3px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    margin-top:-2px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    margin-top:-2px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    }

    .entry .meta {

    font-family:Courier New, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    padding: 5px;

    text-align:center;

    background-color:#f5f5f5;

    border:1px solid cccccc;

    -webkit-box-shadow: 0px 0px 2px #cccccc;

    -moz-box-shadow: 0px 0px 2px #cccccc;

    box-shadow: 0px 0px 2px #cccccc;

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #ffffff;

    text-align: center;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border:1px solid #cccccc;

    padding:0px;

    float:left;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    margin-left: -10px;

    margin-top: -10px;

    }

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    #boxtop{

    background-image: url('http://img59.imageshack.us/img59/2872/julepynt2.png');

    width:200px;

    height:115px;

    margin-left:-20px;

    position:absolute;

    margin-top:-80px;

    }

    #box{

    background-color:#cccccc;

    width:750px;

    padding:5px;

    margin-left:-0px;

    }

    #box3{

    background-color:#transparent;

    width:750px;

    padding:5px;

    margin-left:-0px;

    }

     

  • 0

    Enkelt design stilsett

    @import url(http://fonts.googleapis.com/css?family=Wire+One);

    @import url(http://fonts.googleapis.com/css?family=Petit+Formal+Script);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color:#ffffff;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #333333;

    }

    #header {

    background-image: url('http://imageshack.us/a/img542/8431/headerenkeltdesign2.png');

    background-color:#ffffff;

    height: 352px;

    width: 977px;

    margin-bottom:17px;

    border:2px Solid #ffffff;

    margin-left:0px;

    }

    #wrapper {

    clear: none;

    margin-left: -10px;

    width: 1042px;

    background-color: #transparent;

    padding:0px;

    }

    #main {

    background-color: #ffffff;

    width: 800px;

    font-size: 10pt;

    padding: 10px;

    margin-top: -10px;

    }

    #side {

    width: 200px;

    background-color: #ffffff;

    margin-top: 20px;

    padding: 10px;

    font-size: 10pt;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #555555;

    margin-left:-8px;

    border-left:1px solid #cccccc;

    text-align: left;

    }

    #footer {

    background-image:url(url);

    border:0px solid #ffffff;

    width:780px;

    padding-top:20px;

    height:110px;

    margin-bottom: 20px;

    margin-left:-10px;

    display:none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #333333; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }

    h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #ebb7ca;}

    }

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family:'Wire One', courier new, Helvetica, sans-serif;

    text-align:left;

    letter-spacing: 1px;

    color: #333333;

    font-size: 50px;

    font-style: Ultralight;

    text-shadow: 2px 1px 4px #e6dfe0;

    border-bottom:0px dashed #cccccc;

    }

    h3 {

    font-family:'Wire One', courier, Helvetica, sans-serif;

    color: #333333;

    background-color: #ffffff;

    border-bottom:0px dashed #ebb7ca;

    font-size: 25px;

    padding:0px;

    text-align:left;

    letter-spacing: 0px;

    border-top:0px solid #f1f1f1;

    }

    h4 {

    font-family:'Wire One', Times, Helvetica, sans-serif;

    color: #333333;

    letter-spacing: 1px;

    text-align:left;

    font-size:25px;

    padding-left:70px;

    }

    h5 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h7 {

    font-family:times, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 2px;

    font-size: 9px;

    padding-left:15px;

    }

    h8 {

    font-family:Times, Arial, Helvetica, sans-serif;

    background-color: #f8e5ea;

    letter-spacing: 5px;

    font-size: 12px;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #transparent;

    }

    #profile a img{

    background-color: #transparent;

    border: 1px solid #ffffff;

    padding:0px;

    }

    #profile div {

    margin: 0px -10px -30px 0px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    background-color: #f9f9f9;

    Width: 760px;

    float: center;

    padding: 10px;

    margin-bottom: 15px;

    margin-left:10px;

    border:1px solid #ffffff;

    }

    #comments .owner .meta{

    background-color:#f9f9f9;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .owner .content{

    background-color:#f9f9f9;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 5px;

    padding-left:100px;

    padding-bottom:10px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #f1f1f1;

    color: #555555;

    Width: 760px;

    padding: 10px;

    float:center;

    margin-bottom: 15px;

    margin-left:10px;

    }

    #comments .user .meta{

    background-color:#f1f1f1;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .user .content{

    background-color: #f1f1f1;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 5px;

    padding-left:100px;

    padding-bottom:10px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #f1f1f1;

    color: #555555;

    Width: 760px;

    float:center;

    padding: 10px;

    margin-bottom: 15px;

    margin-left:10px;

    }

    #comments .other .meta{

    background-color:#f1f1f1;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .other .content{

    background-color:#f1f1f1;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 5px;

    padding-left:100px;

    padding-bottom:10px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-size: 12px;

    padding:3px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    margin-top:-2px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    margin-top:-2px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    }

    .entry .meta {

    font-family:Courier New, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    padding: 0px;

    text-align:left;

    background-color:#ffffff;

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #ffffff;

    text-align: center;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border:1px solid #cccccc;

    padding:0px;

    float:left;

    margin-left: -15px;

    margin-top: 0px;

    }

    #boxtop{

    background:url('http://img809.imageshack.us/img809/8291/bordina14.png');

    width:1000px;

    height:35px;

    margin-left:-11px;

    position:absolute;

    margin-top:-35px;

    }

    #box{

    background-color:#transparent;

    width:750px;

    padding-left:150px;

    }

    #box2{

    background-color:#transparent;

    width:200px;

    padding:5px;

    margin:-8px;

    margin-left:-0px;

    border-bottom:1px solid #f1f1f1;

    }

    #box3{

    background-color:#ffffff;

    width:190px;

    padding:2px;

    margin:-8px;

    margin-left:-10px;

    border-bottom:1px solid #f1f1f1;

    }

    #meny {

    font-family: times, helvetica, Georgia, arial;

    font-size: 12px;

    text-align: center;

    width: 1002px;

    border:1px solid #f1f1f1;

    padding: 20px 0px 20px 0px;

    background-color: #333333;

    margin-left: -23px;

    margin-top:345px;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    }

    #meny a {

    background-color: #333333;

    color: #868686;

    padding: 2px 50px 2px 50px;

    width: 100%;

    margin: 8px 8px 8px 8px;

    }

    #meny a:hover {

    color: #cccccc;

    background-color: #transparent;

    }

     

     

  • 4

    sort,hvitt og rosa 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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="300">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://imageshack.us/a/img824/7995/chanellveske.png" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <div id="box3">

    <h3>Kategorier</h3>

    </div>

    <ul>

    <tag:categorylist>

    <li>

    <div id="box2">

    <a href="${CategoryLink}">${CategoryName}</a>

    </div>

    </li>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <div id="box3">

    <h3>Arkiv</h3>

    </div>

    <ul>

    <tag:archivelist>

    <li>

    <div id="box2">

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </div>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <div id="box3">

    <h3>Siste innlegg</h3>

    </div>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <div id="box2">

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </div>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <div id="box3">

    <h3>Lenker</h3>

    </div>

    <ul>

    <tag:linklist>

    <li>

    <div id="box2">

    <a href="${LinkURL}">${LinkName}</a>

    </div>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://imageshack.us/a/img836/7017/inaanjutadesign6.png" alt="bilde"width="149" /></a>

    <br>

    <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>

    <br>

    <br>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

  • 4

    sort,hvitt og rosa 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">

    <br>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <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>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    <tag:include module="postentry"></tag:include>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <br>

    <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/70x70/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </tag:if>

    </tag:if>

    <h4>${CommentAuthorLinkIf}</h4>

    </div>

    <div id="box">

    <h7>${CommentDate} kl.${CommentTime}</h7>

    </div>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <br>

    <p>Skriv en ny kommentar</p>

    <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" style="width:300px;" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:300px;"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" style="width:300px;" 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" style="width:420px; "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">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    </div>

    </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 href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://imageshack.us/a/img824/7995/chanellveske.png" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <div id="box3">

    <h3>Kategorier</h3>

    </div>

    <ul>

    <tag:categorylist>

    <li>

    <div id="box2">

    <a href="${CategoryLink}">${CategoryName}</a>

    </div>

    </li>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <div id="box3">

    <h3>Arkiv</h3>

    </div>

    <ul>

    <tag:archivelist>

    <li>

    <div id="box2">

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </div>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <div id="box3">

    <h3>Siste innlegg</h3>

    </div>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <div id="box2">

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </div>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <div id="box3">

    <h3>Lenker</h3>

    </div>

    <ul>

    <tag:linklist>

    <li>

    <div id=box2>

    <a href="${LinkURL}">${LinkName}</a>

    </div>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://imageshack.us/a/img836/7017/inaanjutadesign6.png" alt="bilde"width="149" /></a>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

  • 1

    sort,hvitt og rosa 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">

    <br>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <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>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://imageshack.us/a/img824/7995/chanellveske.png" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <div id="box3">

    <h3>Kategorier</h3>

    </div>

    <ul>

    <tag:categorylist>

    <li>

    <div id="box2">

    <a href="${CategoryLink}">${CategoryName}</a>

    </div>

    </li>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <div id="box3">

    <h3>Arkiv</h3>

    </div>

    <ul>

    <tag:archivelist>

    <li>

    <div id="box2">

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </div>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <div id="box3">

    <h3>Siste innlegg</h3>

    </div>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <div id="box2">

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </div>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <div id="box3">

    <h3>Lenker</h3>

    </div>

    <ul>

    <tag:linklist>

    <li>

    <div id="box2">

    <a href="${LinkURL}">${LinkName}</a>

    </div>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://imageshack.us/a/img836/7017/inaanjutadesign6.png" alt="bilde"width="149" /></a>

    <br>

    <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>

    <br>

    <br>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

     

  • 3

    Sort,hvitt og rosa stilsett

    @import url(http://fonts.googleapis.com/css?family=Arapey);

    @import url(http://fonts.googleapis.com/css?family=Petit+Formal+Script);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #f9f9f9;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #333333;

    }

    #header {

    background-image: url('http://imageshack.us/a/img542/6374/headertilrosadesign1.png');

    background-color:#ffffff;

    height: 323px;

    width: 958px;

    margin-bottom:10px;

    border:2px Solid #ffffff;

    margin-left:-10px;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    }

    #wrapper {

    clear: none;

    margin-left: -10px;

    width: 1002px;

    background-color: #transparent;

    padding:0px;

    margin-top:10px;

    }

    #main {

    background-color: #ffffff;

    width: 800px;

    font-size: 10pt;

    padding: 10px;

    margin-top: -10px;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    }

    #side {

    width: 160px;

    background-color: #ffffff;

    margin-top: -10px;

    padding: 10px;

    font-size: 10pt;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #555555;

    margin-left:-8px;

    border-left:1px solid #f1f1f1;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    text-align: left;

    }

    #footer {

    background-image:url(url);

    border:0px solid #ffffff;

    width:780px;

    padding-top:20px;

    height:110px;

    margin-bottom: 20px;

    margin-left:-10px;

    display:none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #333333; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }

    h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #ebb7ca;}

    }

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family: 'Petit Formal Script' , times, Helvetica, sans-serif;

    text-align:center;

    letter-spacing: 1px;

    color: #333333;

    font-size: 40px;

    font-style: italic;

    text-shadow: 2px 1px 4px #e6dfe0;

    border-bottom:0px dashed #cccccc;

    }

    h3 {

    font-family:times, Helvetica, sans-serif;

    color: #cccccc;

    background-color: #333333;

    border-bottom:0px dashed #ebb7ca;

    font-size: 11px;

    padding:5px;

    text-align:left;

    letter-spacing: 0px;

    border-top:0px solid #f1f1f1;

    }

    h4 {

    font-family:'Arapey', Times, Helvetica, sans-serif;

    color: #333333;

    letter-spacing: 1px;

    text-align:left;

    font-size:20px;

    padding-left:70px;

    }

    h5 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h7 {

    font-family:courier new, times, Helvetica, sans-serif;

    color: #cccccc;

    letter-spacing: 5px;

    font-size: 9px;

    }

    h8 {

    font-family:Times, Arial, Helvetica, sans-serif;

    background-color: #f8e5ea;

    letter-spacing: 5px;

    font-size: 12px;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #ffffff

    }

    #profile a img{

    background-color: #ffffff;

    padding: 1px;

    border: 1px solid #ffffff;

    float: left;

    margin-left:-30px;

    margin: 0px 0px 20px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    width: 160px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    background-color: #f9f9f9;

    Width: 760px;

    float: center;

    padding: 10px;

    margin-bottom: 15px;

    margin-left:10px;

    border:1px solid #ffffff;

    }

    #comments .owner .meta{

    background-color:#f9f9f9;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .owner .content{

    background-color:#f9f9f9;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 5px;

    padding-left:100px;

    padding-bottom:10px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #f1f1f1;

    color: #555555;

    Width: 760px;

    padding: 10px;

    float:center;

    margin-bottom: 15px;

    margin-left:10px;

    }

    #comments .user .meta{

    background-color:#f1f1f1;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .user .content{

    background-color: #f1f1f1;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 5px;

    padding-left:100px;

    padding-bottom:10px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #f1f1f1;

    color: #555555;

    Width: 760px;

    float:center;

    padding: 10px;

    margin-bottom: 15px;

    margin-left:10px;

    }

    #comments .other .meta{

    background-color:#f1f1f1;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .other .content{

    background-color:#f1f1f1;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 5px;

    padding-left:100px;

    padding-bottom:10px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-size: 12px;

    padding:3px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    margin-top:-2px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    margin-top:-2px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    }

    .entry .meta {

    font-family:Courier New, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    padding: 5px;

    text-align:center;

    background-color:#f2eded;

    background-color:#eecbd8;

    background-color:#f3e3e9;

    background-color:#ffffff;

    -webkit-box-shadow: 0px 0px 2px #cccccc;

    -moz-box-shadow: 0px 0px 2px #cccccc;

    box-shadow: 0px 0px 2px #cccccc;

    border:1px solid #f1f1f1;

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #ffffff;

    text-align: center;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border:1px solid #cccccc;

    padding:0px;

    float:left;

    margin-left: -10px;

    margin-top: -10px;

    }

    #boxtop{

    background:url('http://img809.imageshack.us/img809/8291/bordina14.png');

    width:1000px;

    height:35px;

    margin-left:-11px;

    position:absolute;

    margin-top:-35px;

    }

    #box{

    background-color:#transparent;

    width:750px;

    padding-left:100px;

    }

    #box2{

    background-color:#transparent;

    width:155px;

    padding:2px;

    margin:-8px;

    margin-left:-0px;

    border-bottom:1px solid #f1f1f1;

    }

    #box3{

    background-color:#333333;

    width:190px;

    padding:2px;

    margin:-8px;

    margin-left:-10px;

    border-bottom:1px solid #f1f1f1;

    }

    #meny {

    font-family: times, helvetica, Georgia, arial;

    font-size: 12px;

    text-align: center;

    width: 1002px;

    border:1px solid #f1f1f1;

    padding: 20px 0px 20px 0px;

    background-color: #333333;

    margin-left: -11px;

    margin-top:-10px;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    }

    #meny a {

    background-color: #333333;

    color: #868686;

    padding: 2px 50px 2px 50px;

    width: 100%;

    margin: 8px 8px 8px 8px;

    }

    #meny a:hover {

    color: #cccccc;

    background-color: #transparent;

    }

     

  • 3

    Mal kategori & arkiv Rosa2

    <!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>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="300">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://imageshack.us/a/img824/7995/chanellveske.png" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <ul>

    <tag:categorylist>

    <li>

    <div id="box2">

    <a href="${CategoryLink}">${CategoryName}</a>

    </div>

    </li>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <h3>Arkiv</h3>

    <br>

    <ul>

    <tag:archivelist>

    <li>

    <div id="box2">

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </div>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <h3>Siste innlegg</h3>

    <br>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <div id="box2">

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </div>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <br>

    <ul>

    <tag:linklist>

    <li>

    <div id="box2">

    <a href="${LinkURL}">${LinkName}</a>

    </div>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://imageshack.us/a/img836/7017/inaanjutadesign6.png" alt="bilde"width="149" /></a>

    <br>

    <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>

    <br>

    <br>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

  • 7

    Mal innlegg Rosa2

    <!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>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <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>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    <tag:include module="postentry"></tag:include>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <br>

    <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/70x70/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </tag:if>

    </tag:if>

    <h4>${CommentAuthorLinkIf}</h4>

    </div>

    <div id="box">

    <h7>${CommentDate} kl.${CommentTime}</h7>

    </div>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <br>

    <p>Skriv en ny kommentar</p>

    <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" style="width:300px;" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:300px;"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" style="width:300px;" 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" style="width:420px; "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">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    </div>

    </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 href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://imageshack.us/a/img824/7995/chanellveske.png" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <ul>

    <tag:categorylist>

    <li>

    <div id=box2>

    <a href="${CategoryLink}">${CategoryName}</a>

    </div>

    </li>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <h3>Arkiv</h3>

    <br>

    <ul>

    <tag:archivelist>

    <li>

    <div id=box2>

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </div>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <h3>Siste innlegg</h3>

    <br>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <div id=box2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </div>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <br>

    <ul>

    <tag:linklist>

    <li>

    <div id=box2>

    <a href="${LinkURL}">${LinkName}</a>

    </div>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://imageshack.us/a/img836/7017/inaanjutadesign6.png" alt="bilde"width="149" /></a>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

     

  • 2

    Mal Forside Rosa2

    <!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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <a href="${BlogUrl}"> Forside </a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="#"> Om meg </a>

    <a href="#"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <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>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img41.imageshack.us/img41/4958/shoeswx.jpg" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <h3>Kategorier</h3>

    <br>

    <ul>

    <tag:categorylist>

    <li>

    <div id="box2">

    <a href="${CategoryLink}">${CategoryName}</a>

    </div>

    </li>

    </tag:categorylist>

    </ul>

    </div>

    <div>

    <h3>Arkiv</h3>

    <br>

    <ul>

    <tag:archivelist>

    <li>

    <div id="box2">

    <a href="${ArchiveLink}">${ArchiveName}</a>

    </div>

    </li>

    </tag:archivelist>

    </ul>

    </div>

    <div>

    <h3>Siste innlegg</h3>

    <br>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <div id="box2">

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </div>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <br>

    <ul>

    <tag:linklist>

    <li>

    <div id="box2">

    <a href="${LinkURL}">${LinkName}</a>

    </div>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

    <br>

    <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>

    <br>

    <br>

    <br>

    </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>

    </body>

    </html>

    <br>

    <br>

  • 1

    Stilsett Rosa2

    @import url(http://fonts.googleapis.com/css?family=Arapey);

    @import url(http://fonts.googleapis.com/css?family=Petit+Formal+Script);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #faf2f2;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #333333;

    }

    #header {

    background-image: url('http://imageshack.us/a/img542/6374/headertilrosadesign1.png');

    height: 323px;

    width: 958px;

    margin-bottom:10px;

    border:2px Solid #ffffff;

    margin-left:-10px;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    }

    #wrapper {

    clear: none;

    margin-left: -10px;

    width: 1002px;

    background-color: #transparent;

    padding:0px;

    margin-top:10px;

    }

    #main {

    background-color: #ffffff;

    width: 800px;

    font-size: 10pt;

    padding: 10px;

    margin-top: -10px;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    }

    #side {

    width: 160px;

    background-color: #ffffff;

    margin-top: -10px;

    padding: 10px;

    font-size: 10pt;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #555555;

    margin-left:-8px;

    border-left:1px solid #f1f1f1;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    text-align: left;

    }

    #footer {

    background-image:url(http://imageshack.us/a/img827/5873/footerinadesign16.png);

    border:0px solid #ffffff;

    width:780px;

    padding-top:20px;

    height:110px;

    margin-bottom: 20px;

    margin-left:-10px;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #ebb7ca; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }

    h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #ebb7ca;}

    }

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family: 'Petit Formal Script' , times, Helvetica, sans-serif;

    text-align:center;

    letter-spacing: 1px;

    color: #ebb7ca;

    font-size: 40px;

    font-style: italic;

    text-shadow: 2px 1px 4px #e6dfe0;

    border-bottom:0px dashed #cccccc;

    }

    h3 {

    font-family:'arapey', times, Helvetica, sans-serif;

    color: #ebb7ca;

    background-color: #transparent;

    border-bottom:0px dashed #ebb7ca;

    font-size: 15px;

    font-style: italic;

    padding:0px;

    text-align:left;

    letter-spacing: 5px;

    border-top:0px solid #f1f1f1;

    }

    h4 {

    font-family:'Arapey', Times, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 1px;

    text-align:left;

    font-size:20px;

    padding-left:70px;

    }

    h5 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h7 {

    font-family:courier new, times, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 5px;

    font-size: 9px;

    }

    h8 {

    font-family:Times, Arial, Helvetica, sans-serif;

    background-color: #f8e5ea;

    letter-spacing: 5px;

    font-size: 12px;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #ffffff

    }

    #profile a img{

    background-color: #ffffff;

    padding: 1px;

    border: 1px solid #ffffff;

    float: left;

    margin-left:-30px;

    margin: 0px 0px 20px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    width: 160px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    Width: 760px;

    float: center;

    padding: 0px;

    margin-bottom: 15px;

    border-bottom:2px solid #f1f1f1;

    margin-left:20px;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 0px;

    float:center;

    margin-bottom: 15px;

    border-bottom:2px solid #f1f1f1;

    margin-left:20px;

    }

    #comments .user .meta{

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .user .content{

    background-color: #ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    float:center;

    padding: 0px;

    margin-bottom: 15px;

    border-bottom:2px solid #f1f1f1;

    margin-left:20px;

    }

    #comments .other .meta{

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .other .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-size: 12px;

    padding:3px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    margin-top:-2px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    margin-top:-2px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    }

    .entry .meta {

    font-family:Courier New, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    padding: 5px;

    text-align:center;

    background-color:#f2eded;

    background-color:#eecbd8;

    background-color:#f3e3e9;

    background-color:#ffffff;

    -webkit-box-shadow: 0px 0px 2px #cccccc;

    -moz-box-shadow: 0px 0px 2px #cccccc;

    box-shadow: 0px 0px 2px #cccccc;

    border:1px solid #f1f1f1;

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #ffffff;

    text-align: center;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border:1px solid #cccccc;

    padding:0px;

    float:left;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    margin-left: -10px;

    margin-top: -10px;

    }

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    #boxtop{

    background:url('http://img809.imageshack.us/img809/8291/bordina14.png');

    width:1000px;

    height:35px;

    margin-left:-11px;

    position:absolute;

    margin-top:-35px;

    }

    #box{

    background-color:#f1f1f1;

    -webkit-box-shadow: 0px 0px 1px #cccccc;

    -moz-box-shadow: 0px 0px 1px #cccccc;

    box-shadow: 0px 0px 1px #cccccc;

    border:1px solid #f1f1f1;

    width:750px;

    padding:5px;

    margin-left:-0px;

    }

    #box2{

    background-color:#transparent;

    width:155px;

    padding:2px;

    margin:-8px;

    margin-left:-0px;

    border-bottom:1px solid #f1f1f1;

    }

    #meny {

    font-family: times, helvetica, Georgia, arial;

    font-size: 12px;

    text-align: center;

    width: 1002px;

    border:1px solid #f1f1f1;

    padding: 20px 0px 20px 0px;

    background-color: #ffffff;

    margin-left: -11px;

    margin-top: -10px;

    -webkit-box-shadow: 0px 0px 3px #f0e1e1;

    -moz-box-shadow: 0px 0px 3px #f0e1e1;

    box-shadow: 0px 0px 3px #f0e1e1;

    }

    #meny a {

    background-color: #ffffff;

    color: #868686;

    padding: 2px 50px 2px 50px;

    width: 100%;

    margin: 8px 8px 8px 8px;

    }

    #meny a:hover {

    color: #cccccc;

    background-color: #transparent;

    }

  • 0

    Mal Forside beige design

    <!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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="boxtop">

    </div>

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="60">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img41.imageshack.us/img41/4958/shoeswx.jpg" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

    <br>

    <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>

    <br>

    <br>

    <br>

    <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>

    <br>

    <br>

     

  • 5

    Mal innlegg beige design

    <!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>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="boxtop">

    </div>

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2>${EntryTitle}</h2>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    <tag:include module="postentry"></tag:include>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <br>

    <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/70x70/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/70x70/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=70" alt="" />

    </tag:if>

    </tag:if>

    <h4>${CommentAuthorLinkIf}</h4>

    </div>

    <div id="box">

    <h7>${CommentDate} kl.${CommentTime}</h7>

    </div>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <br>

    <p>Skriv en ny kommentar</p>

    <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" style="width:300px;" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div>

    <div id="comment_authoremail_wrapper">

    <label for="comment_authoremail">E-post:</label>

    <input id="comment_authoremail" type="text" name="authoremail"style="width:300px;"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" style="width:300px;" 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" style="width:420px; "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">

    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

    <label for="comment_remember">Husk meg ?</label>

    </div>

    </div>

    </form>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/">Design: Ina Anjuta</ a>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img41.imageshack.us/img41/4958/shoeswx.jpg" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

    <br>

    </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>

    <br>

    <br>

  • 15

    Mal kategori og arkiv beige design

    <!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>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="boxtop">

    </div>

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="60">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    <div class="meta">

    <ul>

    <center><li>${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    <li>

    <img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 Kommentarer</a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 Kommentar</a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>

    </tag:if>

    </li>

    </ul>

    </div>

    </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>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: right; border: 0;" src="http://img41.imageshack.us/img41/4958/shoeswx.jpg" width="100">

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

     

    <a href="http://inaanjuta.blogg.no/"><img src="http://img521.imageshack.us/img521/7017/inaanjutadesign6.png" alt="bilde"width="169" /></a>

    <br>

    <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>

    <br>

    <br>

    <br>

    <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>

    <br>

    <br>

     

     

  • 7

    Stilsett beigedesign

    @import url(http://fonts.googleapis.com/css?family=Arapey);

    @import url(http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #f2ebe6;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #333333;

    }

    #header {

    background-image: url('http://img685.imageshack.us/img685/1147/headernyttdesign8.png');

    height: 385px;

    width: 955px;

    margin-bottom:-0px;

    border:2px Solid #ffffff;

    margin-left:-10px;

    -webkit-box-shadow: 0px 0px 3px #cccccc;

    -moz-box-shadow: 0px 0px 3px #cccccc;

    box-shadow: 0px 0px 3px #cccccc;

    }

    #wrapper {

    clear: none;

    margin-left: -10px;

    width: 1000px;

    background-color: #ffffff;

    padding:0px;

    -webkit-box-shadow: 0px 0px 2px #cccccc;

    -moz-box-shadow: 0px 0px 2px #cccccc;

    box-shadow: 0px 0px 2px #cccccc;

    }

    #main {

    background-color: #ffffff;

    width: 800px;

    font-size: 10pt;

    padding: 10px;

    margin-top: -10px;

    }

    #side {

    width: 160px;

    background-color: #ffffff;

    margin-top: -10px;

    padding: 10px;

    font-size: 10pt;

    font-family:times, Arial, Helvetica, sans-serif;

    color: #555555;

    margin-left:-10px;

    }

    #footer {

    background-color: #ffffff;

    margin-left: auto;

    margin-right: auto;

    width: 800px;

    display: none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }

    #header h1, #header p { display:none }

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }

    h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }

    h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #d9cbc3;}

    }

    h1 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #cccccc;

    }

    h2 {

    font-family: 'Arapey' , Arial, Helvetica, sans-serif;

    color: #555555;

    text-align:center;

    letter-spacing: 1px;

    color: #555555;

    font-size: 40px;

    font-style: italic;

    text-shadow: 2px 1px 4px #e6dfe0;

    border-bottom:1px dashed #cccccc;

    }

    h3 {

    font-family:'Arapey', Arial, Helvetica, sans-serif;

    color: #555555;

    background-color:#transparent;

    border-bottom:1px dashed #cccccc;

    font-size: 20px;

    font-style: italic;

    padding:0px;

    text-align:left;

    letter-spacing: 5px;

    }

    h4 {

    font-family:'Arapey', Times, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 1px;

    text-align:left;

    font-size:20px;

    padding-left:70px;

    }

    h5 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h6 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 12px;

    }

    h7 {

    font-family:Courier New,courier, Arial, Helvetica, sans-serif;

    color: #989898;

    letter-spacing: 5px;

    font-size: 9px;

    }

    h8 {

    font-family:Times, Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 5px;

    font-size: 12px;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #ffffff

    }

    #profile a img{

    background-color: #ffffff;

    padding: 1px;

    border: 1px solid #ffffff;

    float: left;

    margin-left:-30px;

    margin: 0px 0px 20px 0px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    width: 160px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    Width: 760px;

    float: center;

    padding: 0px;

    margin-bottom: 15px;

    border-bottom:2px solid #f2ebe6;

    margin-left:20px;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #f5f5f5;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .owner .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 0px;

    float:center;

    margin-bottom: 15px;

    border-bottom:2px solid #f2ebe6;

    margin-left:20px;

    }

    #comments .user .meta{

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .user .content{

    background-color: #ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    float:center;

    padding: 0px;

    margin-bottom: 15px;

    border-bottom:2px solid #f2ebe6;

    margin-left:20px;

    }

    #comments .other .meta{

    background-color:#ffffff;

    color: #ffffff;

    text-align: left;

    padding: 10px;

    margin-left:20px;

    }

    #comments .other .content{

    background-color:#ffffff;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-size: 12px;

    padding:3px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    margin-top:-2px;

    }

    #newcomment textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    margin-top:-2px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left: 0px;

    }

    .entry .meta {

    font-family:Courier New, Arial, Helvetica, sans-serif;

    font-size: 8pt;

    padding: 5px;

    text-align:center;

    background-color:#e6e0da;

    background-color:#faf7f5;

    background-color:#f2ebe6;

    -webkit-box-shadow: 0px 0px 2px #cccccc;

    -moz-box-shadow: 0px 0px 2px #cccccc;

    box-shadow: 0px 0px 2px #cccccc;

    }

    #kommentarbakgrunn{

    border: 0;

    position: relative;

    width: 75px;

    height: 44px;

    top: -100px;

    left: 725px;

    overflow: hidden;

    padding-left: 4px;

    padding-top: 24px;

    font-family: times new roman;

    font-size: 24px;

    font-weight: normal;

    letter-spacing:-2px;

    font-color: #ffffff;

    text-align: center;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border:1px solid #cccccc;

    padding:0px;

    float:left;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    margin-left: -10px;

    margin-top: -10px;

    }

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    #boxtop{

    background:url('http://img809.imageshack.us/img809/8291/bordina14.png');

    width:1000px;

    height:40px;

    margin-left:-0px;

    position:absolute;

    margin-top:-35px;

    }

    #box{

    background-color:#f2ebe6;

    width:750px;

    padding:5px;

    margin-left:-0px;

    }

  • 10

    Maler kategori og arkiv design #10

    <!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>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    </ul>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="200">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}<li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <tag:if test="${EntryCommentCount == 0}">

    Kommentarer: (<a href="${EntryPermaLink}#comment"> 0 </a>)

    <tag:elseif test="${EntryCommentCount == 1}" />

    Kommentarer: (<a href="${EntryPermaLink}#comment"> 1 </a>)

    <tag:else />

    kommentarer: (<a href="${EntryPermaLink}#comment">${EntryCommentCount} </a> )

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <div class="content">${EntryBody}</div>

    <div id="box">

    Dato.${EntryDate}

    klokken.${EntryTime}

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    Kommentarer: <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 </a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 </a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </li>

    </ul>

    </div>

    </div>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img208.imageshack.us/img208/7870/profilbildedesign10.png" width="200">

    </a>

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <div>

    </div>

    <tag:categorylist>

    <form name="jump1">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu1" onChange="location=document.jump1.menu1.options[document.jump1.menu1.selectedIndex].value;" value="GO"> <option selected>Meny</option>

    <option>-------------------</option>

    <tag:categorylist limit="15">

    <option value="${CategoryLink}">${CategoryName}</option>

    </tag:categorylist>

    </select>

    </form>

    </div>

    <div>

    <form name="jump2">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu2" onChange="location=document.jump2.menu2.options[document.jump2.menu2.selectedIndex].value;" value="GO"> <option selected>Arkiv</option>

    <option>-------------------</option>

    <tag:archivelist limit="15">

    <option value="${ArchiveLink}">${ArchiveName}</option>

    </tag:archivelist>

    </select>

    </form>

    </div>

    <div>

    <ul>

    <tag:recentlist limit="10">

    <form name="jump3">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option selected>Siste innlegg</option>

    <option>-------------------</option>

    <tag:recentlist limit="15">

    <option value="${EntryPermaLink}">${EntryTitle}</option>

    </tag:recentlist>

    </select>

    </form>

    </div>

    <div>

    </ul>

    <br>

    <h7>Design</h7><a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <tag:if test="${HasLinks == 'true'}">

    <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>

    <br>

    <br>

    <br>

    <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>

  • 6

    Mal Innlegg design #10

    <!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>

    <br>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »

    <a href="${BlogUrl}">${BlogTitle}</a> »

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a> » ${EntryTitle}</div>

    <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="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}<li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <tag:if test="${EntryCommentCount == 0}">

    Kommentarer: (<a href="${EntryPermaLink}#comment"> 0 </a>)

    <tag:elseif test="${EntryCommentCount == 1}" />

    Kommentarer: (<a href="${EntryPermaLink}#comment"> 1 </a>)

    <tag:else />

    kommentarer: (<a href="${EntryPermaLink}#comment">${EntryCommentCount} </a> )

    </tag:if>

    </li>

    </ul>

    </div>

    <div class="content">${EntryBody}</div>

    <div id="box">

    Dato.${EntryDate}

    klokken.${EntryTime}

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    Kommentarer: <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 </a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 </a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </li>

    </ul>

    </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/80x80/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/80x80/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=80" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/80x80/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=80" alt="" />

    </tag:if>

    </tag:if>

    <h7>${CommentAuthorLinkIf}</h7>

    </div>

    <h4>${CommentDate} kl.${CommentTime}</h4>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    <br>

    <br>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <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"style="width:400px;"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"style="width:400px;"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"style="width:400px;"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">

    <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 href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img208.imageshack.us/img208/7870/profilbildedesign10.png" width="200">

    </a>

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <div>

    </div>

    <tag:categorylist>

    <form name="jump1">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu1" onChange="location=document.jump1.menu1.options[document.jump1.menu1.selectedIndex].value;" value="GO"> <option selected>Meny</option>

    <option>-------------------</option>

    <tag:categorylist limit="15">

    <option value="${CategoryLink}">${CategoryName}</option>

    </tag:categorylist>

    </select>

    </form>

    </div>

    <div>

    <form name="jump2">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu2" onChange="location=document.jump2.menu2.options[document.jump2.menu2.selectedIndex].value;" value="GO"> <option selected>Arkiv</option>

    <option>-------------------</option>

    <tag:archivelist limit="15">

    <option value="${ArchiveLink}">${ArchiveName}</option>

    </tag:archivelist>

    </select>

    </form>

    </div>

    <div>

    <ul>

    <tag:recentlist limit="10">

    <form name="jump3">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option selected>Siste innlegg</option>

    <option>-------------------</option>

    <tag:recentlist limit="15">

    <option value="${EntryPermaLink}">${EntryTitle}</option>

    </tag:recentlist>

    </select>

    </form>

    </div>

    <div>

    </ul>

    <br>

    <h7>Design</h7><a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    </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>

    <br>

    <br>

    </body>

    </html>

     

  • 0

    Mal Forside design #10

    <!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>

    <br>

    <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">

    <div id="header">

    </ul>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="50">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}<li>

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <tag:if test="${EntryCommentCount == 0}">

    Kommentarer: (<a href="${EntryPermaLink}#comment"> 0 </a>)

    <tag:elseif test="${EntryCommentCount == 1}" />

    Kommentarer: (<a href="${EntryPermaLink}#comment"> 1 </a>)

    <tag:else />

    kommentarer: (<a href="${EntryPermaLink}#comment">${EntryCommentCount} </a> )

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <div class="content">${EntryBody}</div>

    <div id="box">

    Dato.${EntryDate}

    klokken.${EntryTime}

    Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

    Kommentarer: <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 </a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 </a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </tag:if>

    </li>

    </ul>

    </div>

    </div>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img208.imageshack.us/img208/7870/profilbildedesign10.png" width="200">

    </a>

    </div>

    <h7>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h7>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <div>

    <div>

    </div>

    <tag:categorylist>

    <form name="jump1">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu1" onChange="location=document.jump1.menu1.options[document.jump1.menu1.selectedIndex].value;" value="GO"> <option selected>Meny</option>

    <option>-------------------</option>

    <tag:categorylist limit="15">

    <option value="${CategoryLink}">${CategoryName}</option>

    </tag:categorylist>

    </select>

    </form>

    </div>

    <div>

    <form name="jump2">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu2" onChange="location=document.jump2.menu2.options[document.jump2.menu2.selectedIndex].value;" value="GO"> <option selected>Arkiv</option>

    <option>-------------------</option>

    <tag:archivelist limit="15">

    <option value="${ArchiveLink}">${ArchiveName}</option>

    </tag:archivelist>

    </select>

    </form>

    </div>

    <div>

    <ul>

    <tag:recentlist limit="10">

    <form name="jump3">

    <select style="background-color: #868686; font-size: 12px; color: #ffffff; width: 200px;" name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option selected>Siste innlegg</option>

    <option>-------------------</option>

    <tag:recentlist limit="15">

    <option value="${EntryPermaLink}">${EntryTitle}</option>

    </tag:recentlist>

    </select>

    </form>

    </div>

    <div>

    </ul>

    <br>

    <h7>Design</h7><a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <tag:if test="${HasLinks == 'true'}">

    <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>

    <br>

    <br>

    <br>

    <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>

     

  • 4

    Stilsett design #10 tilpasset 800px

    @import url(http://fonts.googleapis.com/css?family=Poiret+One);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #f9f9f9;

    font-family: calibri, times, Arial, Helvetica, sans-serif;

    color: #686868;

    }

    #header {

    background-color: #ffffff;

    width: 1000px;

    height: 440px;

    background-image:url(http://img210.imageshack.us/img210/8168/headertilinagammeltdesi.png);

    border:10px solid#ffffff;

    -moz-border-top-right-radius: 4px;

    -webkit-border-top-right-radius: 4px;

    -khtml-border-top-right-radius: 4px;

    border-top-right-radius: 4px;

    -moz-border-top-left-radius: 4px;

    -webkit-border-top-left-radius: 4px;

    -khtml-border-top-left-radius: 4px;

    border-top-left-radius: 4px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left:-20px;

    }

    #main {

    border: 0px solid #f9f9f9;

    background-color:#ffffff;

    padding:10px;

    width:800px;

    border:0px solid #cccccc;

    font-size: 11pt;

    }

    #side {

    background-color: #f5f5f5;

    width:220px;

    padding:10px;

    font-family:Calibri ,Arial, Helvetica, sans-serif;

    font-size: 10pt;

    text-align:center;

    border-left:0px solid #f1f1f1;

    margin-top: -0px;

    margin-left:-60px;

    -moz-border-bottom-left-radius: 50px;

    -webkit-border-bottom-left-radius: 50px;

    -khtml-border-bottom-left-radius: 50px;

    }

    #wrapper {

    background-color:#ffffff;

    width: 1060px;

    padding: 0px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left:-20px;

    }

    #footer {

    background-color: #FFFFFF;

    display: none;

    }

    a { color: #868686}

    a:link { color: #868686}

    a:visited { color: #868686}

    a:hover {color: #cccccc;}

    a:active { color: #868686}

    #header h1, #header p {display: none;}

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #868686; }

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #868686; }

    h1, h1 a, h1 a:link, h1 a:visited, h1 a:active { color: #868686; }

    h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { color: #868686; }

    h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color: #868686; }

    h5, h5 a, h5 a:link, h5 a:visited, h5 a:active { color: #868686;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    h6, h6 a, h6 a:link, h6 a:visited, h6 a:active { color: #868686; font-size: 25px;}

    h7, h7 a, h7 a:link, h7 a:visited, h7 a:active { color: #868686; font.size: 20px;text-shadow: 1px 1px 3px #f1f1f1;}

    .entry .meta ,.entry .meta a,.entry .meta a:link,.entry .meta a:visited,.entry .meta a:active { color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #ff40a7;}

    }

    h1 {

    font-family: Courier new, Arial, Helvetica, sans-serif;

    color: #686868;

    }

    h2 {

    font-family:'Poiret One',calibri, Arial narrow,Georgia, Arial;

    color: #868686;

    text-align:center;

    letter-spacing: 0px;

    border-bottom: 0px solid #686868;

    font-size:45pt;

    padding:0px;

    background-color:#ffffff;

    }

    h3 {

    font-family: calibri,georgia, Times, Arial;

    color: #868686;

    background-color:#f9f9f9;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    text-align:center;

    letter-spacing: 1px;

    font-size:15pt;

    border:1px solid #cccccc;

    }

    h4 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #686868;

    letter-spacing: 5px;

    text-align:left;

    font-size: 9px;

    }

    h5 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 2px;

    font-size: 10px;

    background-color:#f1f1f1;

    width: 180px;

    }

    h7 {

    font-family:'Poiret One', Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 0px;

    font-size: 20px;

    background-color: #transparent;

    magin-left:3px;

    padding:2px;

    text-shadow: 1px 1px 3px #f1f1f1;

    }

    h6 {

    font-family: Arial, Helvetica, sans-serif;

    color: #ffffff;

    letter-spacing: 0px;

    font-size: 49px;

    align:center;

    }

    h8 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 0px;

    font-size: 20px;

    }

    h10 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 0px;

    font-size: 11px;

    background-color: #faf0f5;

    border:1 px solid #f9f9f9;

    }

    .breadcrumbs {

    display: none;

    }

    .clearfix{

    padding: 0px;

    width: auto;

    background-color: #transparent;

    }

    #profile a img{

    background-color: #ffffff;

    padding: 0px;

    width: 200px;

    margin-left:-40px;

    border: 1px solid #cccccc;

    }

    #profile div {

    width: 270px;

    background-color:#transparent;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    Width: 700px;

    float: center;

    padding: 20px;

    margin-bottom: 15px;

    border: 1px solid #ffffff;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .owner .meta{

    border-top: px solid #f5f5f5;

    border-bottom: 2px solid #cccccc;

    background-color:#f1f1f1;

    color: #ffffff;

    text-align: left;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .owner .content{

    background-color:#transparent;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 50px;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 700px;

    padding: 20px;

    margin-bottom: 15px;

    border: 1px solid #ffffff;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .user .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 2px solid #cccccc;

    background-color:#f1f1f1;

    color: #555555;

    text-align: left;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .user .content{

    background-color: #transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    margin-left: 50px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 700px;

    padding: 20px;

    margin-bottom: 15px;

    border: 1px solid #ffffff;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .other .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 2px solid #cccccc;

    background-color:#f1f1f1;

    color: #555555;

    text-align: left;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .other .content{

    background-color:#transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    margin-left: 50px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center;

    font-size: 10px;

    padding:5px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    padding: 5px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    .entry .meta {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    background-image:url(url);

    border-bottom:1px solid #eaeaea;

    color: #868686;

    font-size: 9pt;

    padding: 0px;

    text-align:center;

    border-top:0px solid #cccccc;

    margin-top: -10px;

    }

    .entry .meta span{

    float: left;

    font-size: 16px;

    font-family: times,Arial, Helvetica, sans-serif;

    color:#555555;

    margin-top:-45px;

    margin-left:40px;

    }

    #comments img.avatar{

    background-color: #555555;

    padding:0px;

    float:left;

    margin: -20px 20px 19px 0px;

    -moz-border-radius: 90px;

    -webkit-border-radius: 90px;

    -khtml-border-radius: 90px;

    border-radius: 90px;

    border: 1px solid #cccccc;

    }

    h5 {text-shadow: 1px 1px 3px #cccccc;}

    #comment_submit {

    -moz-border-radius: 70px;

    -webkit-border-radius: 70px;

    -khtml-border-radius: 70px;

    border-radius: 70px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    width:402px;

    border:1px solid #cccccc;

    margin-left:0px;

    background-color: #ffffff;

    }

    .comment-bubble {

    float: left;

    background: url(url) no-repeat;

    width: 92px;

    height: 70px;

    font-size: 48px;

    margin-top: -72px;

    text-align: center;

    margin-left:0px;

    }

    .img.span {

    margin-bottom: -300px;

    }

    #comment_submit:hover{

    background-image:url(http://img17.imageshack.us/img17/1751/bord1o.jpg);

    border:1px solid #cccccc;

    color: #555555;

    }

    .content img {

    border: 0px solid #e9e9e9;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #profile a img:hover{

    -webkit-transition: opacity 0.7s linear;

    opacity: 0.70;

    }

    #box {

    background-color:#cccccc;

    font-family: calibri, times, Arial, Helvetica, sans-serif;

    color: #868686;

    font-size:10px;

    padding:5px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -khtml-border-radius: 4px;

    border-radius: 4px;

    text-align:center;

    }

  • 0

    Stilsett design #10 tilpasset 700px

    @import url(http://fonts.googleapis.com/css?family=Poiret+One);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #f9f9f9;

    font-family: calibri, times, Arial, Helvetica, sans-serif;

    color: #686868;

    }

    #header {

    background-color: #ffffff;

    width: 939px;

    height: 440px;

    background-image:url(http://img198.imageshack.us/img198/8168/headertilinagammeltdesi.png);

    border:10px solid#ffffff;

    -moz-border-top-right-radius: 4px;

    -webkit-border-top-right-radius: 4px;

    -khtml-border-top-right-radius: 4px;

    border-top-right-radius: 4px;

    -moz-border-top-left-radius: 4px;

    -webkit-border-top-left-radius: 4px;

    -khtml-border-top-left-radius: 4px;

    border-top-left-radius: 4px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left:-20px;

    }

    #main {

    border: 0px solid #f9f9f9;

    background-color:#ffffff;

    padding:30px;

    width:700px;

    border:0px solid #cccccc;

    font-size: 11pt;

    }

    #side {

    background-color: #f5f5f5;

    width:220px;

    padding:10px;

    font-family:Calibri ,Arial, Helvetica, sans-serif;

    font-size: 10pt;

    text-align:center;

    border-left:0px solid #f1f1f1;

    margin-top: -0px;

    margin-left:-60px;

    -moz-border-bottom-left-radius: 50px;

    -webkit-border-bottom-left-radius: 50px;

    -khtml-border-bottom-left-radius: 50px;

    }

    #wrapper {

    background-color:#ffffff;

    width: 1000px;

    padding: 0px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-left:-20px;

    }

    #footer {

    background-color: #FFFFFF;

    display: none;

    }

    a { color: #868686}

    a:link { color: #868686}

    a:visited { color: #868686}

    a:hover {color: #cccccc;}

    a:active { color: #868686}

    #header h1, #header p {display: none;}

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #868686; }

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #868686; }

    h1, h1 a, h1 a:link, h1 a:visited, h1 a:active { color: #868686; }

    h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { color: #868686; }

    h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color: #868686; }

    h5, h5 a, h5 a:link, h5 a:visited, h5 a:active { color: #868686;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    h6, h6 a, h6 a:link, h6 a:visited, h6 a:active { color: #868686; font-size: 25px;}

    h7, h7 a, h7 a:link, h7 a:visited, h7 a:active { color: #868686; font.size: 20px;text-shadow: 1px 1px 3px #f1f1f1;}

    .entry .meta ,.entry .meta a,.entry .meta a:link,.entry .meta a:visited,.entry .meta a:active { color: #868686; }

    .content a:link,.content a:visited,.content a:active { color: #ff40a7;}

    }

    h1 {

    font-family: Courier new, Arial, Helvetica, sans-serif;

    color: #686868;

    }

    h2 {

    font-family:'Poiret One',calibri, Arial narrow,Georgia, Arial;

    color: #868686;

    text-align:center;

    letter-spacing: 0px;

    border-bottom: 0px solid #686868;

    font-size:45pt;

    padding:0px;

    background-color:#ffffff;

    }

    h3 {

    font-family: calibri,georgia, Times, Arial;

    color: #868686;

    background-color:#f9f9f9;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    text-align:center;

    letter-spacing: 1px;

    font-size:15pt;

    border:1px solid #cccccc;

    }

    h4 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #686868;

    letter-spacing: 5px;

    text-align:left;

    font-size: 9px;

    }

    h5 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 2px;

    font-size: 10px;

    background-color:#f1f1f1;

    width: 180px;

    }

    h7 {

    font-family:'Poiret One', Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 0px;

    font-size: 20px;

    background-color: #transparent;

    magin-left:3px;

    padding:2px;

    text-shadow: 1px 1px 3px #f1f1f1;

    }

    h6 {

    font-family: Arial, Helvetica, sans-serif;

    color: #ffffff;

    letter-spacing: 0px;

    font-size: 49px;

    align:center;

    }

    h8 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 0px;

    font-size: 20px;

    }

    h10 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 0px;

    font-size: 11px;

    background-color: #faf0f5;

    border:1 px solid #f9f9f9;

    }

    .breadcrumbs {

    display: none;

    }

    .clearfix{

    padding: 0px;

    width: auto;

    background-color: #transparent;

    }

    #profile a img{

    background-color: #ffffff;

    padding: 0px;

    width: 200px;

    margin-left:-40px;

    border: 1px solid #cccccc;

    }

    #profile div {

    width: 270px;

    background-color:#transparent;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    Width: 700px;

    float: center;

    padding: 20px;

    margin-bottom: 15px;

    border: 1px solid #ffffff;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .owner .meta{

    border-top: px solid #f5f5f5;

    border-bottom: 2px solid #cccccc;

    background-color:#f1f1f1;

    color: #ffffff;

    text-align: left;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .owner .content{

    background-color:#transparent;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 50px;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 700px;

    padding: 20px;

    margin-bottom: 15px;

    border: 1px solid #ffffff;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .user .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 2px solid #cccccc;

    background-color:#f1f1f1;

    color: #555555;

    text-align: left;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .user .content{

    background-color: #transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    margin-left: 50px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 700px;

    padding: 20px;

    margin-bottom: 15px;

    border: 1px solid #ffffff;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .other .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 2px solid #cccccc;

    background-color:#f1f1f1;

    color: #555555;

    text-align: left;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    #comments .other .content{

    background-color:#transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    margin-left: 50px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center;

    font-size: 10px;

    padding:5px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    padding: 5px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    .entry .meta {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    background-image:url(url);

    border-bottom:1px solid #eaeaea;

    color: #868686;

    font-size: 9pt;

    padding: 0px;

    text-align:center;

    border-top:0px solid #cccccc;

    margin-top: -10px;

    }

    .entry .meta span{

    float: left;

    font-size: 16px;

    font-family: times,Arial, Helvetica, sans-serif;

    color:#555555;

    margin-top:-45px;

    margin-left:40px;

    }

    #comments img.avatar{

    background-color: #555555;

    padding:0px;

    float:left;

    margin: -20px 20px 19px 0px;

    -moz-border-radius: 90px;

    -webkit-border-radius: 90px;

    -khtml-border-radius: 90px;

    border-radius: 90px;

    border: 1px solid #cccccc;

    }

    h5 {text-shadow: 1px 1px 3px #cccccc;}

    #comment_submit {

    -moz-border-radius: 70px;

    -webkit-border-radius: 70px;

    -khtml-border-radius: 70px;

    border-radius: 70px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    width:402px;

    border:1px solid #cccccc;

    margin-left:0px;

    background-color: #ffffff;

    }

    .comment-bubble {

    float: left;

    background: url(url) no-repeat;

    width: 92px;

    height: 70px;

    font-size: 48px;

    margin-top: -72px;

    text-align: center;

    margin-left:0px;

    }

    .img.span {

    margin-bottom: -300px;

    }

    #comment_submit:hover{

    background-image:url(http://img17.imageshack.us/img17/1751/bord1o.jpg);

    border:1px solid #cccccc;

    color: #555555;

    }

    .content img {

    border: 0px solid #e9e9e9;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #profile a img:hover{

    -webkit-transition: opacity 0.7s linear;

    opacity: 0.70;

    }

    #box {

    background-color:#cccccc;

    font-family: calibri, times, Arial, Helvetica, sans-serif;

    color: #868686;

    font-size:11px;

    padding:5px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -khtml-border-radius: 4px;

    border-radius: 4px;

    text-align:center;

    }

     

  • 4

    maler kategori og arkiv sommer design

    <!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>

    <br>

    <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">

    <div id="header">

    </div>

    <div id="meny">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="Url til innlegg"> Om meg </a>

    <a href="Url til innlegg"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="500">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}

    <li>

    <b:if cond='data:post.allowComments'>

    <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

    </b:if>

    <span>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 </a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 </a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </span>

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <div class="content">${EntryBody}</div>

    </div>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img404.imageshack.us/img404/9607/skohvitt6.jpg" width="200">

    </div>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <tag:profile>

    <h3>Design</h3>

    <ul>

    <a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    <br>

    <br>

    <br>

    </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>

    <br>

    <br>

    <br>

    <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>

  • 5

    maler innlegg sommerdesign

    <!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>

    <br>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    </div>

    <div id="meny">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="Url til innlegg"> Om meg </a>

    <a href="Url til innlegg"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »

    <a href="${BlogUrl}">${BlogTitle}</a> »

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a> » ${EntryTitle}</div>

    <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="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}

    <li>

    <b:if cond='data:post.allowComments'>

    <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

    </b:if>

    <span>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 </a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 </a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </span>

    </tag:if>

    </li>

    </ul>

    </div>

    <div class="content">${EntryBody}</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/60x60/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </tag:if>

    </tag:if>

    <h6>${CommentAuthorLinkIf}</h6>

    </div>

    <h4>${CommentDate} kl.${CommentTime}</h4>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    <br>

    <br>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <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"style="width:400px;"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"style="width:400px;"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"style="width:400px;"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">

    <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:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img404.imageshack.us/img404/9607/skohvitt6.jpg" width="270">

    </div>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <tag:profile>

    <h3>Design</h3>

    <ul>

    <a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    </div>

    </tag:if>

    <tag:if test="${HasProducts == 'true'}">

    <div>

    <br>

    <br>

    <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>

     

  • 4

    maler forside sommerdesign

    <!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>

    <br>

    <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">

    <div id="header">

    </div>

    <div id="meny">

    <a href="${BlogUrl}">Hjem</a>

    <a href="${ProfileUrl}">Add meg</a>

    <a href="Url til innlegg"> Om meg </a>

    <a href="Url til innlegg"> Kontakt </a>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="50">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}

    <li>

    <b:if cond='data:post.allowComments'>

    <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

    </b:if>

    <span>

    <tag:if test="${EntryCommentCount == 0}">

    <a href="${EntryPermaLink}#comment">0 </a>

    <tag:elseif test="${EntryCommentCount == 1}" />

    <a href="${EntryPermaLink}#comment">1 </a>

    <tag:else />

    <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

    </span>

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <div class="content">${EntryBody}</div>

    </div>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img404.imageshack.us/img404/9607/skohvitt6.jpg" width="200">

    </div>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <tag:profile>

    <h3>Design</h3>

    <ul>

    <a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    <br>

    <br>

    <br>

    </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>

    <br>

    <br>

    <br>

    <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>

  • 7

    Stilsett sommerdesign

    @import url(http://fonts.googleapis.com/css?family=Quicksand|Mrs+Saint+Delafield);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #edeae4;

    background-color:#faf7e6;

    font-family: times,Arial, Helvetica, sans-serif;

    color: #868686;

    background-image:url(http://img407.imageshack.us/img407/1217/bakgrunnprikkergul4.jpg);

    background-attachment: fixed;

    }

    #header {

    background-image:url(http://img843.imageshack.us/img843/791/prveheadersommerdesign3.png);

    width: 1005px;

    height: 325px;

    margin-left: -10px;

    border:1px solid#edeae4;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    -webkit-box-shadow: 0px 0px 5px #ffffff;

    -moz-box-shadow: 0px 0px 5px #ffffff;

    box-shadow: 0px 0px 5px #ffffff;

    }

    #main {

    border: 0px solid #f9f9f9;

    background-color:#ffffff;

    padding:10px;

    width:802px;

    float:left;

    border-right:0px solid #f9f9f9;

    -webkit-box-shadow: 0px 0px 5px #ffffff;

    -moz-box-shadow: 0px 0px 5px #ffffff;

    box-shadow: 0px 0px 5px #ffffff;

    font-size: 12pt;

    }

    #side {

    background-color: #transparent;

    width:215px;

    padding:0px;

    float:right;

    font-family:Times,Arial, Helvetica, sans-serif;

    font-size: 10pt;

    text-align:center;

    border-left:1px solid #edeae4;

    -webkit-box-shadow: 0px 0px 5px #ffffff;

    -moz-box-shadow: 0px 0px 5px #ffffff;

    box-shadow: 0px 0px 5px #ffffff;

    margin-top: 0px;

    }

    #wrapper {

    background-color:#ffffff;

    width: 1045px;

    padding: 0px;

    margin-left:-10px;

    -moz-border-bottom-right-radius: 40px;

    -webkit-border-bottom-right-radius: 40px;

    -khtml-border-bottom-right-radius: 40px;

    border-bottom-right-radius: 40px;

    -moz-border-bottom-left-radius: 40px;

    -webkit-border-bottom-left-radius: 40px;

    -khtml-border-bottom-left-radius: 40px;

    border-top-bottom-radius: 40px;

    border:1px solid #edeae4;

    margin-top:0px;

    }

    #footer {

    background-color: #FFFFFF;

    display: none;

    }

    a { color: #868686}

    a:link { color: #868686}

    a:visited { color: #868686}

    a:hover {color: #cccccc;}

    a:active { color: #868686}

    #header h1, #header p {display: none;}

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #868686; }

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #686868; }

    h1, h1 a, h1 a:link, h1 a:visited, h1 a:active { color: #868686; }

    h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { color: #868686; }

    h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color: #686868; }

    h5, h5 a, h5 a:link, h5 a:visited, h5 a:active { color: #868686;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    h6, h6 a, h6 a:link, h6 a:visited, h6 a:active { color: #555555; font-size: 18px;}

    h7, h7 a, h7 a:link, h7 a:visited, h7 a:active { color: #555555; }

    .entry .meta span,.entry .meta span a,.entry .meta span a:link,.entry .meta span a:visited,.entry .meta span a:active { color: #555555; }

    }

    h1 {

    font-family: Courier new, Arial, Helvetica, sans-serif;

    color: #686868;

    }

    h2 {

    font-family: 'Quicksand' Georgia, Arial;

    color: #686868;

    text-align:center;

    letter-spacing: 1px;

    border-bottom: 0px solid #686868;

    font-size:30pt;

    padding:2px;

    background-color:#transparent;

    }

    h3 {

    font-family:'Mrs Saint Delafield', georgia, Times, Arial;

    color: #686868;

    text-align:center;

    letter-spacing: 1px;

    font-size:22pt;

    border-top:0px solid #e3cfcf;

    background-color: #ffffff;

    }

    h4 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #686868;

    letter-spacing: 5px;

    text-align:left;

    font-size: 9px;

    }

    h5 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 2px;

    font-size: 10px;

    background-color:#f1f1f1;

    width: 110px;

    }

    h6 {

    font-family: Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 0px;

    font-size: 18px;

    background-color:#transparent;

    magin-left:3px;

    padding:2px;

    }

    h7 {

    font-family: Arial, Helvetica, sans-serif;

    color: #555555;

    letter-spacing: 0px;

    font-size: 49px;

    align:center;

    }

    h8 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 0px;

    font-size: 20px;

    }

    .breadcrumbs {

    display: none;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #transparent;

    }

    #profile a img{

    background-color: #ffffff;

    padding: 0px;

    float: left;

    margin: 30px -10px -10px -10px;

    width: 180px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    -khtml-border-radius: 0px;

    border-radius: 0px;

    width: 180px;

    background-color:#transparent;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    Width: 800px;

    float: center;

    padding: 0px;

    margin-bottom: 15px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #comments .owner .meta{

    border-bottom: 0px solid #686868;

    background-color: #edeae4;

    color: #ffffff;

    text-align: left;

    -moz-border-top-right-radius: 20px;

    -webkit-border-top-right-radius: 20px;

    -khtml-border-top-right-radius: 20px;

    border-top-right-radius: 20px;

    -moz-border-top-left-radius: 20px;

    -webkit-border-top-left-radius: 20px;

    -khtml-border-top-left-radius: 20px;

    border-top-left-radius: 20px;

    background-image:url(http://img708.imageshack.us/img708/72/blomstermnstergjennomsi.png);

    }

    #comments .owner .content{

    background-color:#transparent;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 50px;

    padding: 25px;

    }

    #comments .user{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 800px;

    padding: 0px;

    margin-bottom: 15px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #comments .user .meta{

    border-bottom: 0px solid #686868;

    background-color: #edeae4;

    color: #555555;

    text-align: left;

    -moz-border-top-right-radius: 20px;

    -webkit-border-top-right-radius: 20px;

    -khtml-border-top-right-radius: 20px;

    border-top-right-radius: 20px;

    -moz-border-top-left-radius: 20px;

    -webkit-border-top-left-radius: 20px;

    -khtml-border-top-left-radius: 20px;

    border-top-left-radius: 20px;

    background-image:url(http://img708.imageshack.us/img708/72/blomstermnstergjennomsi.png);

    }

    #comments .user .content{

    background-color: #transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 25px;

    margin-left: 50px;

    }

    #comments .other{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 800px;

    padding: 0px;

    margin-bottom: 15px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #comments .other .meta{

    border-bottom: 0px solid #686868;

    background-color: #edeae4;

    background-image:url(http://img708.imageshack.us/img708/72/blomstermnstergjennomsi.png);

    color: #555555;

    text-align: left;

    -moz-border-top-right-radius: 20px;

    -webkit-border-top-right-radius: 20px;

    -khtml-border-top-right-radius: 20px;

    border-top-right-radius: 20px;

    -moz-border-top-left-radius: 20px;

    -webkit-border-top-left-radius: 20px;

    -khtml-border-top-left-radius: 20px;

    border-top-left-radius: 20px;

    }

    #comments .other .content{

    background-color:#transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 25px;

    margin-left: 50px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center;

    font-size: 10px;

    padding:5px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    padding: 5px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    .entry .meta {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    background-image;

    border-bottom:0px solid #898989;

    color: #555555;

    font-size: 7pt;

    background-image:url(http://img36.imageshack.us/img36/5504/ntrymetagul.jpg);

    padding: 0px;

    text-align:center;

    border-top:0px solid #898989;

    }

    .entry .meta span{

    float: left;

    font-size: 16px;

    font-family: times,Arial, Helvetica, sans-serif;

    color:#555555;

    margin-top:-45px;

    margin-left:40px;

    }

    #meny {

    width: 1046px;

    margin-left: -10px;

    padding:0px;

    border: 0px solid #868686;

    font-family: 'Mrs Saint Delafield'verdana, arial;

    font-size: 18pt;

    background-image:url(http://img708.imageshack.us/img708/72/blomstermnstergjennomsi.png);

    background-position: 0px 0px;

    border-bottom:0px solid #f5cee3;

    }

    #meny a {

    background-color: #transparent;

    color: #000000;

    padding: 5px 15px 5px 15px;

    width: 100%;

    margin: 28px 28px 28px 28px;

    }

    #meny a:hover {

    color: #cccccc;

    background-color: #transparent;

    }

    #side div {

    background-color: #transparent;

    padding: 8px;

    margin-bottom: 10px;

    border: 0px solid #f9f9f9;

    padding 0px;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border: 0px solid #ffffff;

    padding:0px;

    float:left;

    margin: 0px 30px 0px 10px;

    -moz-border-radius: 40px;

    -webkit-border-radius: 40px;

    -khtml-border-radius: 40px;

    border-radius: 40px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    h2 {text-shadow: 1px 1px 3px #cccccc;}

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    h5 {text-shadow: 1px 1px 3px #cccccc;}

    #comment_submit {

    http://img651.imageshack.us/img651/8165/rosamenygrafikk4.png

    width:402px;

    border:1px solid #cccccc;

    margin-left:0px;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    -moz-border-radius: 700px;

    -webkit-border-radius: 700px;

    -khtml-border-radius: 700px;

    border-radius: 700px;

    }

    .comment-bubble {

    float: left;

    background: url(http://img18.imageshack.us/img18/7052/gulknapp5.png) no-repeat;

    width: 99px;

    height: 66px;

    font-size: 48px;

    margin-top: -66px;

    text-align: center;

    margin-left:14px;

     

  • 9

    Stilsett Grå versjon

    @import url(http://fonts.googleapis.com/css?family=Dancing+Script);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #e9e9e9;

    font-family: times,Arial, Helvetica, sans-serif;

    color: #555555;

    }

    #header {

    background-image:url(http://img525.imageshack.us/img525/6046/skohvitt2.jpg);

    width: 780px;

    height: 340px;

    margin-left: -10px;

    border:1px solid#ffffff;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #main {

    border: 0px solid #f9f9f9;

    background-color:#ffffff;

    padding:10px;

    width:802px;

    float:left;

    border-right:10px solid #f9f9f9;

    border:0px solid #cccccc;

    -moz-border-bottom-right-radius: 40px;

    -webkit-border-bottom-right-radius: 40px;

    -khtml-border-bottom-right-radius: 40px;

    border-bottom-right-radius: 40px;

    -moz-border-bottom-left-radius: 40px;

    -webkit-border-bottom-left-radius: 40px;

    -khtml-border-bottom-left-radius: 40px;

    border-top-bottom-radius: 40px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    font-size: 12pt;

    }

    #side {

    background-color: #ffffff;

    width:265px;

    padding:0px;

    float:right;

    font-family:Times,Arial, Helvetica, sans-serif;

    font-size: 10pt;

    border:0px solid #cccccc;

    text-align:center;

    border-left:0px solid #f1f1f1;

    -moz-border-radius: 40px;

    -webkit-border-radius: 40px;

    -khtml-border-radius: 40px;

    border-radius: 40px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    margin-top: -445px;

    }

    #wrapper {

    background-image:url(url);

    width: 1095px;

    padding: 0px;

    margin-left:-10px;

    }

    #footer {

    background-color: #FFFFFF;

    display: none;

    }

    a { color: #555555}

    a:link { color: #555555}

    a:visited { color: #555555}

    a:hover {color: #cccccc;}

    a:active { color: #555555}

    #header h1, #header p {display: none;}

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #555555; }

    h1, h1 a, h1 a:link, h1 a:visited, h1 a:active { color: #555555; }

    h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { color: #555555; }

    h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color: #555555; }

    h5, h5 a, h5 a:link, h5 a:visited, h5 a:active { color: #555555;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    h6, h6 a, h6 a:link, h6 a:visited, h6 a:active { color: #ffffff; font-size: 18px;}

    h7, h7 a, h7 a:link, h7 a:visited, h7 a:active { color: #555555; }

    .entry .meta span,.entry .meta span a,.entry .meta span a:link,.entry .meta span a:visited,.entry .meta span a:active { color: #555555; }

    }

    h1 {

    font-family: Courier new, Arial, Helvetica, sans-serif;

    color: #686868;

    }

    h2 {

    font-family: 'Dancing Script' Georgia, Arial;

    color: #555555;

    text-align:center;

    letter-spacing: 1px;

    border-bottom: 0px solid #686868;

    font-size:30pt;

    padding:2px;

    background-color:#transparent;

    }

    h3 {

    font-family:'Dancing Script' edwardian script ITC, georgia, Times, Arial;

    color: #555555;

    text-align:center;

    letter-spacing: 1px;

    font-size:22pt;

    border-top:0px solid #e3cfcf;

    background-color: #ffffff;

    }

    h4 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #686868;

    letter-spacing: 5px;

    text-align:left;

    font-size: 9px;

    }

    h5 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 2px;

    font-size: 10px;

    background-color:#f1f1f1;

    width: 110px;

    }

    h6 {

    font-family: georgia, Arial, Helvetica, sans-serif;

    color: #ffffff;

    letter-spacing: 0px;

    font-size: 18px;

    background-color:#transparent;

    magin-left:3px;

    padding:2px;

    }

    h7 {

    font-family: Arial, Helvetica, sans-serif;

    color: #ffffff;

    letter-spacing: 0px;

    font-size: 49px;

    align:center;

    }

    h8 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 0px;

    font-size: 20px;

    }

    .breadcrumbs {

    display: none;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #transparent;

    }

    #profile a img{

    background-color: #ffffff;

    padding: 0px;

    float: left;

    margin: 30px -10px -10px -10px;

    width: 220px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    -khtml-border-radius: 0px;

    border-radius: 0px;

    width: 234px;

    background-color:#transparent;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    Width: 800px;

    float: center;

    padding: 0px;

    margin-bottom: 15px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #comments .owner .meta{

    border-bottom: 0px solid #686868;

    background-color:#cccccc;

    color: #ffffff;

    text-align: left;

    -moz-border-top-right-radius: 20px;

    -webkit-border-top-right-radius: 20px;

    -khtml-border-top-right-radius: 20px;

    border-top-right-radius: 20px;

    -moz-border-top-left-radius: 20px;

    -webkit-border-top-left-radius: 20px;

    -khtml-border-top-left-radius: 20px;

    border-top-left-radius: 20px;

    }

    #comments .owner .content{

    background-color:#transparent;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 50px;

    padding: 25px;

    }

    #comments .user{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 800px;

    padding: 0px;

    margin-bottom: 15px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #comments .user .meta{

    border-bottom: 0px solid #686868;

    background-color:#cccccc;

    color: #555555;

    text-align: left;

    -moz-border-top-right-radius: 20px;

    -webkit-border-top-right-radius: 20px;

    -khtml-border-top-right-radius: 20px;

    border-top-right-radius: 20px;

    -moz-border-top-left-radius: 20px;

    -webkit-border-top-left-radius: 20px;

    -khtml-border-top-left-radius: 20px;

    border-top-left-radius: 20px;

    }

    #comments .user .content{

    background-color: #transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 25px;

    margin-left: 50px;

    }

    #comments .other{

    border: 1px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 800px;

    padding: 0px;

    margin-bottom: 15px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    #comments .other .meta{

    border-bottom: 0px solid #686868;

    background-color:#cccccc;

    color: #555555;

    text-align: left;

    -moz-border-top-right-radius: 20px;

    -webkit-border-top-right-radius: 20px;

    -khtml-border-top-right-radius: 20px;

    border-top-right-radius: 20px;

    -moz-border-top-left-radius: 20px;

    -webkit-border-top-left-radius: 20px;

    -khtml-border-top-left-radius: 20px;

    border-top-left-radius: 20px;

    }

    #comments .other .content{

    background-color:#transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 25px;

    margin-left: 50px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center;

    font-size: 10px;

    padding:5px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    padding: 5px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    .entry .meta {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    background-color:#cccccc;

    border-bottom:0px solid #898989;

    color: #555555;

    font-size: 7pt;

    padding: 0px;

    text-align:center;

    border-top:0px solid #898989;

    -moz-border-radius: 200px;

    -webkit-border-radius: 200px;

    -khtml-border-radius: 200px;

    border-radius: 200px;

    }

    .entry .meta span{

    float: left;

    font-size: 16px;

    font-family: times,Arial, Helvetica, sans-serif;

    color:#555555;

    margin-top:-45px;

    margin-left:40px;

    }

    #navbar {

    padding: 5px;

    height: 1em;

    width: auto;

    margin: 0px;

    text-align: center;

    }

    #navbar li {

    float: left;

    list-style: none;

    width: 180px;

    background-color: #transparent;

    }

    #navbar li a {

    padding: 5px;

    display: block;

    border-bottom: 0px dashed #cccccc;

    color: #ffffff;

    text-decoration: none;

    font-size: 12px;

    line-height: 12px;

    text-shadow: 1px 1px 3px #cccccc;

    }

    #navbar li ul {

    padding: 5px;

    display: none;

    width: em;

    background-color: #fff;

    }

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 0;

    z-index: 1;

    text-align: left;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -khtml-border-radius: 10px;

    border-radius: 10px;

    border: 0px solid #cccccc;

    font-family: arial;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }

    #navbar li:hover li, #navbar li.hover li {

    float: none;

    }

    #navbar li:hover li a, #navbar li.hover li a {

    border-bottom: 0px dotted #cccccc;

    color: #727272;

    }

    #navbar li li a:hover {

    background-color: #cccccc;

    -moz-border-radius: 40px;

    -webkit-border-radius: 40px;

    -khtml-border-radius: 40px;

    border-radius: 40px;

    }

    #meny {

    width: 808px;

    margin-left: -10px;

    padding:7px;

    border: 0px solid #ffffff;

    font-family: verdana, arial;

    background-image:url(http://img689.imageshack.us/img689/328/menytilmrkgrdesign5.png);

    background-position: 0px 0px;

    border-bottom:0px solid #f5cee3;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    height:48px;

    }

    #side div {

    background-color: #transparent;

    padding: 8px;

    margin-bottom: 10px;

    border: 0px solid #f9f9f9;

    padding 0px;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border: 3px solid #ffffff;

    padding:0px;

    float:left;

    margin: 0px 30px 0px 10px;

    -moz-border-radius: 40px;

    -webkit-border-radius: 40px;

    -khtml-border-radius: 40px;

    border-radius: 40px;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    }

    h2 {text-shadow: 1px 1px 3px #cccccc;}

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    h5 {text-shadow: 1px 1px 3px #cccccc;}

    #comment_submit {

    http://img651.imageshack.us/img651/8165/rosamenygrafikk4.png

    width:402px;

    border:1px solid #cccccc;

    margin-left:0px;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    -moz-border-radius: 700px;

    -webkit-border-radius: 700px;

    -khtml-border-radius: 700px;

    border-radius: 700px;

    }

    .comment-bubble {

    float: left;

    background: url(http://img29.imageshack.us/img29/805/hjerte9.png) no-repeat;

    width: 92px;

    height: 70px;

    font-size: 48px;

    margin-top: -72px;

    text-align: center;

    margin-left:0px;

     

  • 7

    Maler Forside grå versjon

    <!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>

    <br>

    <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">

    <div id="header">

    </div>

    <div id="meny">

    <ul id="navbar">

    <li><a href="${BlogUrl}"><img src="http://img23.imageshack.us/img23/5264/hjemikon2.png" width="20" /></a>

    <ul>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="50">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    ( <a href="${EntryPermaLink}#comment">0 </a> )

    <tag:elseif test="${EntryCommentCount == 1}" />

    ( <a href="${EntryPermaLink}#comment">1 </a> )

    <tag:else />

    ( <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a> )

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <div class="content">${EntryBody}</div>

    </div>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img404.imageshack.us/img404/9607/skohvitt6.jpg" width="270">

    </a>

    </div>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    <a href="LINK TIL INNLEGG"><img src="http://img832.imageshack.us/img832/9400/mrkgrfacebookknapp1.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img710.imageshack.us/img710/4863/mrkgrknapp1.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img542.imageshack.us/img542/4593/mrkgrtwitterknapp1.png" alt="bilde"width="80" /></a>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <tag:profile>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    <h3>Design</h3>

    <ul>

    <a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    <br>

    <br>

    <br>

    </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>

    <br>

    <br>

    <br>

    <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>

  • 6

    Maler innlegg grå versjon

    <!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>

    <br>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    </div>

    <div id="meny">

    <ul id="navbar">

    <li><a href="${BlogUrl}"><img src="http://img23.imageshack.us/img23/5264/hjemikon2.png" width="20" /></a>

    <ul>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »

    <a href="${BlogUrl}">${BlogTitle}</a> »

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a> » ${EntryTitle}</div>

    <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="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    ( <a href="${EntryPermaLink}#comment">0 </a> )

    <tag:elseif test="${EntryCommentCount == 1}" />

    ( <a href="${EntryPermaLink}#comment">1 </a> )

    <tag:else />

    ( <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a> )

    </tag:if>

    </li>

    </ul>

    </div>

    <div class="content">${EntryBody}</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/60x60/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </tag:if>

    </tag:if>

    <h6>${CommentAuthorLinkIf}</h6>

    </div>

    <h4>${CommentDate} kl.${CommentTime}</h4>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    <br>

    <br>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <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"style="width:400px;"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"style="width:400px;"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"style="width:400px;"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">

    <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:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img404.imageshack.us/img404/9607/skohvitt6.jpg" width="270">

    </a>

    </div>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    <a href="LINK TIL INNLEGG"><img src="http://img832.imageshack.us/img832/9400/mrkgrfacebookknapp1.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img710.imageshack.us/img710/4863/mrkgrknapp1.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img542.imageshack.us/img542/4593/mrkgrtwitterknapp1.png" alt="bilde"width="80" /></a>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <tag:profile>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    <h3>Design</h3>

    <ul>

    <a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    </div>

    </tag:if>

    <tag:if test="${HasProducts == 'true'}">

    <div>

    <br>

    <br>

    <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>

  • 1

    Maler kategori grå versjon

    <!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>

    <br>

    <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">

    <div id="header">

    </div>

    <div id="meny">

    <ul id="navbar">

    <li><a href="${BlogUrl}"><img src="http://img23.imageshack.us/img23/5264/hjemikon2.png" width="20" /></a>

    <ul>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="200">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    ( <a href="${EntryPermaLink}#comment">0 </a> )

    <tag:elseif test="${EntryCommentCount == 1}" />

    ( <a href="${EntryPermaLink}#comment">1 </a> )

    <tag:else />

    ( <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a> )

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <div class="content">${EntryBody}</div>

    </div>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img404.imageshack.us/img404/9607/skohvitt6.jpg" width="270">

    </a>

    </div>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    <a href="LINK TIL INNLEGG"><img src="http://img832.imageshack.us/img832/9400/mrkgrfacebookknapp1.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img710.imageshack.us/img710/4863/mrkgrknapp1.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img542.imageshack.us/img542/4593/mrkgrtwitterknapp1.png" alt="bilde"width="80" /></a>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <tag:profile>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    <h3>Design</h3>

    <ul>

    <a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    <br>

    <br>

    <br>

    </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>

    <br>

    <br>

    <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>

  • 0

    Maler arkiv grå versjon

    <!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>

    <br>

    <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">

    <div id="header">

    </div>

    <div id="meny">

    <ul id="navbar">

    <li><a href="${BlogUrl}"><img src="http://img23.imageshack.us/img23/5264/hjemikon2.png" width="20" /></a>

    <ul>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    <div id="wrapper" class="yui-gc">

    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>

    <div id="main" class="yui-u first">

    <tag:entrylist limit="1000" maxchars="200">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}

    <li>

    <tag:if test="${EntryCommentCount == 0}">

    ( <a href="${EntryPermaLink}#comment">0 </a> )

    <tag:elseif test="${EntryCommentCount == 1}" />

    ( <a href="${EntryPermaLink}#comment">1 </a> )

    <tag:else />

    ( <a href="${EntryPermaLink}#comment">${EntryCommentCount}</a> )

    </tag:if>

    </li>

    </ul>

    </div>

    <br>

    <div class="content">${EntryBody}</div>

    </div>

    </tag:entrylist>

    </div>

    <div id="side" class="yui-u">

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img404.imageshack.us/img404/9607/skohvitt6.jpg" width="270">

    </a>

    </div>

    <p>${ProfileAge} ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    <a href="LINK TIL INNLEGG"><img src="http://img832.imageshack.us/img832/9400/mrkgrfacebookknapp1.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img710.imageshack.us/img710/4863/mrkgrknapp1.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img542.imageshack.us/img542/4593/mrkgrtwitterknapp1.png" alt="bilde"width="80" /></a>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <tag:profile>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    <h3>Design</h3>

    <ul>

    <a href="http://inaanjuta.blogg.no/" target="_blank">Ina Anjuta</a>

    <li>

    </li>

    </ul>

    <br>

    <br>

    <br>

    </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>

    <br>

    <br>

    <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>

     

     

  • 9

    Maler 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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <ul id="navbar">

    <li><a href="${BlogUrl}"><img src="http://img23.imageshack.us/img23/5264/hjemikon2.png" width="20" /></a>

    <ul>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="300">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}<li>

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <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>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    </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>

    </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">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img850.imageshack.us/img850/7992/skorosa.jpg" height="190">

    </div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <p>${ProfileDescription}</p>

    </div>

    <a href="LINK TIL INNLEGG"><img src="http://img849.imageshack.us/img849/1945/knapplyrosa.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img717.imageshack.us/img717/4194/ikonlysrosa.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img193.imageshack.us/img193/1360/twitterlysrosa.png" alt="bilde"width="80" /></a>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <br>

    <h3>Design</h3>

    <br>

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <a href="http://www.bloglovin.com/en/blog/2655984/ina-anjuta/follow"><img src="http://img819.imageshack.us/img819/2574/hjerte10.png" alt="bilde"width="20" /></a>

    <br>

    <br>

    <h3>Annonse</h3>

    <br>

    <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>

  • 0

    Maler kategori

    <!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>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <ul id="navbar">

    <li><a href="${BlogUrl}"><img src="http://img23.imageshack.us/img23/5264/hjemikon2.png" width="20" /></a>

    <ul>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="300">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}<li>

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <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>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    </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>

    </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">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img850.imageshack.us/img850/7992/skorosa.jpg" height="190">

    </div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <p>${ProfileDescription}</p>

    </div>

    <a href="LINK TIL INNLEGG"><img src="http://img849.imageshack.us/img849/1945/knapplyrosa.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img717.imageshack.us/img717/4194/ikonlysrosa.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img193.imageshack.us/img193/1360/twitterlysrosa.png" alt="bilde"width="80" /></a>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <br>

    <h3>Design</h3>

    <br>

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <a href="http://www.bloglovin.com/en/blog/2655984/ina-anjuta/follow"><img src="http://img819.imageshack.us/img819/2574/hjerte10.png" alt="bilde"width="20" /></a>

    <br>

    <br>

    <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>

  • 14

    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">

    <br>

    <br>

    <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">

    <div id="header" onclick="document.location='${BlogUrl}';">

    <h1>

    <a href="${BlogUrl}">${BlogTitle}</a>

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <ul id="navbar">

    <li><a href="${BlogUrl}"><img src="http://img23.imageshack.us/img23/5264/hjemikon2.png" width="20" /></a>

    <ul>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entry>

    <div class="entry">

    <a name="a${EntryNum}" id="a${EntryNum}"></a>

    <h2>${EntryTitle}</h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}<li>

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <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>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    </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>

    <tag:include module="postentry"></tag:include>

    </div>

    </tag:entry>

    <tag:if test="${Comments == 1}">

    <a name="comment" id="comment"></a>

    <br>

    <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/60x60/${CommentProfileImageUrl}" alt="" />

    </a>

    <tag:else />

    <tag:if test="${CommentAuthorUrl != ''}">

    <a rel="nofollow" href="${CommentAuthorUrl}">

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </a>

    <tag:else />

    <img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=60" alt="" />

    </tag:if>

    </tag:if>

    <h6>${CommentAuthorLinkIf}</h6>

    </div>

    <h4>${CommentDate} kl.${CommentTime}</h4>

    <div class="content">${CommentText}</div>

    </div>

    </tag:commentlist>

    </div>

    <div id="newcomment" class="clearfix">

    <br>

    <h8>Skriv en ny kommentar</h8>

    <br>

    <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">

    <div id="comment_author_wrapper">

    <label for="comment_author"><h4>Navn:</h4></label>

    <input id="comment_author" type="text" name="author"style="width:400px;"onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authorurl_wrapper">

    <label for="comment_authorurl"><h4>URL:</h4></label>

    <input id="comment_authorurl" type="text" name="authorurl"style="width:400px;"onchange="doChange(this)" value="http://" maxlength="100" />

    </div>

    <div id="comment_text_wrapper">

    <label for="comment_text"><h4>Din kommentar:</h4></label>

    <textarea id="comment_text" name="comment"style="width:400px;"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">

    <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>

    <a href="http://inaanjuta.blogg.no/">Design: Ina Anjuta</ a>

    <br>

    </div>

    <div id="side" class="yui-u">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img850.imageshack.us/img850/7992/skorosa.jpg" height="190">

    </a>

    </div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <p>${ProfileDescription}</p>

    </div>

    <a href="LINK TIL INNLEGG"><img src="http://img849.imageshack.us/img849/1945/knapplyrosa.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img717.imageshack.us/img717/4194/ikonlysrosa.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img193.imageshack.us/img193/1360/twitterlysrosa.png" alt="bilde"width="80" /></a>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <br>

    <h3>Design</h3>

    <br>

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <a href="http://www.bloglovin.com/en/blog/2655984/ina-anjuta/follow"><img src="http://img819.imageshack.us/img819/2574/hjerte10.png" alt="bilde"width="20" /></a>

    <br>

    <br>

    <br>

    </div>

    </div>

    <br>

    <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>

  • 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">

    <br>

    <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">

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <div id="meny">

    <ul id="navbar">

    <li><a href="${BlogUrl}"><img src="http://img23.imageshack.us/img23/5264/hjemikon2.png" width="20" /></a>

    <ul>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    <li><a href="#">Overskrift</a>

    <ul>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    <li><a href="#">Link</a></li>

    </ul>

    </li>

    </div>

    <div id="wrapper" class="yui-gc">

    <div id="main" class="yui-u first">

    <br>

    <tag:entrylist limit="30">

    <div class="entry">

    <h2>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </h2>

    <div class="meta">

    <ul>

    <li>${EntryDate}<img src="http://img821.imageshack.us/img821/3448/sortprikkikon1.png" width="8" />kl.${EntryTime}<li>

    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>

    <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>

    </li>

    </ul>

    </div>

    <br>

    <br>

    <div class="content">${EntryBody}</div>

    </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>

    </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">

    <tag:profile>

    <tag:if test="${ProfileExists == 'true'}">

    <div id="profile" class="clearfix">

    <div>

    <a href="${ProfileUrl}" title="${ProfileName}">

    <img style="float: center; border: 0;" src="http://img850.imageshack.us/img850/7992/skorosa.jpg" height="190">

    </div>

    <h3>

    <a href="${ProfileUrl}">${ProfileName}</a>

    </h3>

    <p>${ProfileDescription}</p>

    </div>

    <a href="LINK TIL INNLEGG"><img src="http://img849.imageshack.us/img849/1945/knapplyrosa.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img717.imageshack.us/img717/4194/ikonlysrosa.png" alt="bilde"width="80" /></a>

    <a href="LINK TIL INNLEGG"><img src="http://img193.imageshack.us/img193/1360/twitterlysrosa.png" alt="bilde"width="80" /></a>

    </tag:if>

    </tag:profile>

    <tag:include module="sidebar"></tag:include>

    <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 innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

    <a href="${EntryPermaLink}">${EntryTitle}</a>

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    </ul>

    <tag:if test="${HasLinks == 'true'}">

    <div>

    <br>

    <h3>Lenker</h3>

    <ul>

    <tag:linklist>

    <li>

    <a href="${LinkURL}">${LinkName}</a>

    </li>

    </tag:linklist>

    </ul>

    </div>

    </tag:if>

    <br>

    <h3>Design</h3>

    <br>

    <a href="http://inaanjuta.blogg.no/">Ina Anjuta</ a>

    <a href="http://www.bloglovin.com/en/blog/2655984/ina-anjuta/follow"><img src="http://img819.imageshack.us/img819/2574/hjerte10.png" alt="bilde"width="20" /></a>

    <br>

    <br>

    <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>

  • 9

    Stilsett

    @import url(http://fonts.googleapis.com/css?family=Dancing+Script);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #f1f1f1;

    font-family: times,Arial, Helvetica, sans-serif;

    color: #868686;

    background-position:left-top;

    }

    #header {

    background-image:url(http://img689.imageshack.us/img689/6760/headerskorosa1.png);

    width: 778px;

    height: 340px;

    margin-left: -20px;

    border:1px solid#ffffff;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    }

    #main {

    border: 0px solid #f9f9f9;

    background-color:#ffffff;

    padding:10px;

    width:800px;

    margin-left:40px;

    border-right:10px solid #f9f9f9;

    border:0px solid #cccccc;

    -moz-border-bottom-right-radius: 40px;

    -webkit-border-bottom-right-radius: 40px;

    -khtml-border-bottom-right-radius: 40px;

    border-bottom-right-radius: 40px;

    -moz-border-bottom-left-radius: 40px;

    -webkit-border-bottom-left-radius: 40px;

    -khtml-border-bottom-left-radius: 40px;

    border-top-bottom-radius: 40px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    font-size: 12pt;

    }

    #side {

    background-color: #ffffff;

    width:270px;

    padding:0px;

    float:right;

    font-family:Times,Arial, Helvetica, sans-serif;

    font-size: 10pt;

    border:0px solid #cccccc;

    text-align:center;

    border-left:0px solid #f1f1f1;

    -moz-border-radius: 40px;

    -webkit-border-radius: 40px;

    -khtml-border-radius: 40px;

    border-radius: 40px;

    -webkit-box-shadow: 0px 0px 20px #cccccc;

    -moz-box-shadow: 0px 0px 20px #cccccc;

    box-shadow: 0px 0px 20px #cccccc;

    margin-top: -435px;

    }

    #wrapper {

    background-image:url(url);

    width: 1141px;

    padding: 0px;

    margin-left:-60px;

    }

    #footer {

    background-color: #FFFFFF;

    display: none;

    }

    a { color: #868686}

    a:link { color: #868686}

    a:visited { color: #868686}

    a:hover {color: #cccccc;}

    a:active { color: #868686}

    #header h1, #header p {display: none;}

    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #868686; }

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #fa70b2; }

    h1, h1 a, h1 a:link, h1 a:visited, h1 a:active { color: #868686; }

    h4, h4 a, h4 a:link, h4 a:visited, h4 a:active { color: #868686; }

    h3, h3 a, h3 a:link, h3 a:visited, h3 a:active { color: #fa70b2; }

    h5, h5 a, h5 a:link, h5 a:visited, h5 a:active { color: #868686;

    -moz-border-top-right-radius: 40px;

    -webkit-border-top-right-radius: 40px;

    -khtml-border-top-right-radius: 40px;

    border-top-right-radius: 40px;

    -moz-border-top-left-radius: 40px;

    -webkit-border-top-left-radius: 40px;

    -khtml-border-top-left-radius: 40px;

    border-top-left-radius: 40px;

    }

    h6, h6 a, h6 a:link, h6 a:visited, h6 a:active { color: #ffffff; font-size: 12px;}

    h7, h7 a, h7 a:link, h7 a:visited, h7 a:active { color: #868686; }

    .entry .meta span,.entry .meta span a,.entry .meta span a:link,.entry .meta span a:visited,.entry .meta span a:active { color: #868686; }

    }

    h1 {

    font-family: Courier new, Arial, Helvetica, sans-serif;

    color: #686868;

    }

    h2 {

    font-family: 'Dancing Script' Georgia, Arial;

    color: #fa70b2;

    text-align:center;

    letter-spacing: 1px;

    border-bottom: 0px solid #686868;

    font-size:30pt;

    padding:2px;

    background-color:#transparent;

    }

    h3 {

    font-family:'Dancing Script' edwardian script ITC, georgia, Times, Arial;

    color: #fa70b2;

    text-align:center;

    letter-spacing: 1px;

    font-size:22pt;

    border-top:0px solid #e3cfcf;

    background-color: #ffffff;

    }

    h4 {

    font-family: times, Arial, Helvetica, sans-serif;

    color: #686868;

    letter-spacing: 5px;

    text-align:left;

    font-size: 9px;

    }

    h5 {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    color: #868686;

    letter-spacing: 2px;

    font-size: 10px;

    background-color:#f1f1f1;

    width: 110px;

    }

    h6 {

    font-family:georgia, Arial, Helvetica, sans-serif;

    color: #ffffff;

    letter-spacing: 0px;

    font-size: 12px;

    background-image:url(http://img651.imageshack.us/img651/8165/rosamenygrafikk4.png);

    magin-left:3px;

    padding:2px;

    }

    h7 {

    font-family: Arial, Helvetica, sans-serif;

    color: #ffffff;

    letter-spacing: 0px;

    font-size: 49px;

    align:center;

    }

    h8 {

    font-family:'Dancing Script', times, Arial, Helvetica, sans-serif;

    color: #fa70b2;

    letter-spacing: 0px;

    font-size: 20px;

    text-align:left;

    }

    .breadcrumbs {

    display: none;

    }

    .clearfix{

    padding: 0px;

    margin: 0px ;

    width: auto;

    background-color: #transparent;

    }

    #profile a img{

    background-color: #ffffff;

    padding: 0px;

    float: left;

    margin: 30px -10px -10px -10px;

    margin-left:-30px;

    width: 217px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    }

    #profile div {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    -khtml-border-radius: 0px;

    border-radius: 0px;

    width: 270px;

    background-color:#transparent;

    }

    #comments h3{

    font-size: 20px;

    color: #cccccc;

    cursor: crosshair;

    }

    #comments h3 a{

    color: #cccccc;

    font-size: 20px;

    cursor: crosshair;

    }

    #comments .owner{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    Width: 760px;

    float: center;

    padding: 20px;

    margin-bottom: 15px;

    }

    #comments .owner .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #cccccc;

    background-color:#edb4cc;

    color: #ffffff;

    text-align: left;

    }

    #comments .owner .content{

    background-color:#transparent;

    border-bottom: 0px solid #f1f1f1;

    color: #555555;

    margin-left: 50px;

    padding: 15px;

    }

    #comments .user{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 20px;

    margin-bottom: 15px;

    }

    #comments .user .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #cccccc;

    background-color:#edb4cc;

    color: #555555;

    text-align: left;

    }

    #comments .user .content{

    background-color: #transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    margin-left: 50px;

    }

    #comments .other{

    border: 0px solid #cccccc;

    background-color: #ffffff;

    color: #555555;

    Width: 760px;

    padding: 20px;

    margin-bottom: 15px;

    }

    #comments .other .meta{

    border-top: 0px solid #f5f5f5;

    border-bottom: 0px solid #cccccc;

    background-color:#edb4cc;

    color: #555555;

    text-align: left;

    }

    #comments .other .content{

    background-color:#transparent;

    border: 0px solid #cccccc;

    color: #555555;

    padding: 15px;

    margin-left: 50px;

    }

    input{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #555555;

    font-weight:center;

    font-size: 10px;

    padding:5px;

    }

    textarea{

    background-color: #ffffff;

    border: 1px solid #cccccc;

    font-family: tahoma, verdana;

    color: #000000;

    font-weight:center;

    font-size: 10px;

    padding: 5px;

    }

    .entry .meta {

    font-family: Georgia, Arial, Helvetica, sans-serif;

    background-color:#f5f5f5;

    border-bottom:1px solid #cccccc;

    color: #868686;

    font-size: 7pt;

    padding: 0px;

    text-align:center;

    border-top:1px solid #cccccc;

    }

    .entry .meta span{

    float: left;

    font-size: 16px;

    font-family: times,Arial, Helvetica, sans-serif;

    color:#555555;

    margin-top:-45px;

    margin-left:40px;

    }

    #navbar {

    padding: 5px;

    height: 1em;

    width: auto;

    margin: 0px;

    text-align: center;

    }

    #navbar li {

    float: left;

    list-style: none;

    width: 180px;

    background-color: #transparent;

    }

    #navbar li a {

    padding: 5px;

    display: block;

    border-bottom: 0px dashed #cccccc;

    color: #ffffff;

    text-decoration: none;

    font-size: 12px;

    line-height: 12px;

    text-shadow: 1px 1px 3px #cccccc;

    }

    #navbar li ul {

    padding: 5px;

    display: none;

    width: em;

    background-color: #fff;

    }

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 0;

    z-index: 1;

    text-align: left;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -khtml-border-radius: 7px;

    border-radius: 7px;

    border: 0px solid #cccccc;

    font-family: arial;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }

    #navbar li:hover li, #navbar li.hover li {

    float: none;

    }

    #navbar li:hover li a, #navbar li.hover li a {

    border-bottom: 0px dotted #cccccc;

    color: #727272;

    }

    #navbar li li a:hover {

    background-color: #f1f1f1;

    }

    #meny {

    width: 806px;

    margin-left: -20px;

    padding:7px;

    border: 0px solid #ffffff;

    font-family: verdana, arial;

    background-image:url(http://img651.imageshack.us/img651/8165/rosamenygrafikk4.png);

    background-position: 0px 0px;

    border-bottom:0px solid #f5cee3;

    -webkit-box-shadow: 0px 0px 5px #cccccc;

    -moz-box-shadow: 0px 0px 5px #cccccc;

    box-shadow: 0px 0px 5px #cccccc;

    height:40px;

    }

    #side div {

    background-color: #transparent;

    padding: 8px;

    margin-bottom: 10px;

    border: 0px solid #f9f9f9;

    padding 0px;

    }

    #comments img.avatar{

    background-color: #ffffff;

    border: 1px solid #868686;

    padding:0px;

    float:left;

    margin: -20px 20px 9px 0px;

    -moz-border-radius: 50px;

    -webkit-border-radius: 50px;

    -khtml-border-radius: 50px;

    border-radius: 50px;

    }

    h2 {text-shadow: 1px 1px 3px #cccccc;}

    h3 {text-shadow: 1px 1px 3px #cccccc;}

    h5 {text-shadow: 1px 1px 3px #cccccc;}

    #comment_submit {

    http://img651.imageshack.us/img651/8165/rosamenygrafikk4.png

    width:402px;

    border:1px solid #cccccc;

    margin-left:0px;

    background-color: #ffffff;

    }

    .comment-bubble {

    float: left;

    background: url(http://img29.imageshack.us/img29/805/hjerte9.png) no-repeat;

    width: 92px;

    height: 70px;

    font-size: 48px;

    margin-top: -72px;

    text-align: center;

    margin-left:0px;

  • 1

    Another test



  • 0

    Test

    Test

  • 0

    Testinnlegg

    blablabla

  • 1

    Velkommen til min blogg!

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

  • Ina Anjuta

    Skriv din profiltekst her

    Kategorier

    Arkiv

    Siste innlegg

    bilde



    hits