hits

CINDY Z.

KREATIVITET: Design, foto, interiør ... zhuoblogg@hotmail.no

Cactus bloggdesign

  • 19.02.2016 - 09:57
  • Headeren.

    Bloggdesignet med header.

    Har jobbet litt med header og bloggdesignet i dag på en annen designtest-blogg. Bloggdesignet har en meny over headeren! Hva synes dere om designet?

    SE BLOGGDESIGNET "With My Cactus" LIVE HER

    #blogg #header #design #bloggdesign

    Nytt gratisdesign

  • 25.05.2014 - 18:25
  • Nå har jeg endelig lagt ut kodene på bloggen (som dere ser når dere scroll ned sida). Bloggdesignet kan dere se "live" på bloggen www.ciya.blogg.no. Som sagt er dette det første gratisdesignet jeg har laget, om jeg skulle lage flere gratisdesign vet jeg ikke enda. Kom gjerne med tips til type bloggdesign ønsker. 

    Header: 950 px; i bredden og høyde bestemmes selv.
    Bilder i innlegg: Max 700px; i bredden.

    Annonser eller bannere kan legges under sidebaren som er 180 px; i bredden eller som på widgets. Vær snill å ikke fjern blogg.no's reklamer (en under innlegg og en i sidebaren) da det er påbudt å ha med disse i alle blogger. Det er lov å endre på bloggdesignet om du vil ha litt mer personlig design, men det er ikke lov å fjerne linken som det står jeg har laget det. 

    Si gjerne ifra hvis du bruker det, så kan jeg se hvordan det ser ut på din blogg.

    Kodene kan hentes her:
    Stilsett | Forsiden | Innlegg | Kategorier | Arkiv

    #blogg #design #bloggdesign #gratisdesign #pink

    Gratisdesign 1 - Pink Rose (arkiv)

  • 25.05.2014 - 18:09
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${CategoryName} (${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="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://bloggfiler.no/ciya.blogg.no/images/1859974-8-1400877171641.jpg" type="image/gif" />

    </head>

    <body>

    <div id="doc2">

    <br>

    <div id="meny">

    <ul id="navbar">

    <li><a href="http://ciya.blogg.no">FORSIDEN</a>

    </li>

    <li><a href="#">OM MEG</a>

    <ul>

    <li><a href="http://link" class="nav">Tekst1</a></li>

    </ul>

    </li>

    <li><a href="#">FØLG MEG</a>

    <ul>

    <li><a href="http://">Link til nettside</a></li>

    </ul>

    </li>

    <li><a href="#">KATEGORIER</a>

    <ul>

    <tag:categorylist>

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

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">ARKIV</a>

    <ul>

    <tag:archivelist>

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

    </tag:archivelist>

    </ul>

    </li>

    <li><a href="#">LENKER</a>

    <ul>

    <tag:linklist>

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

    </tag:linklist>

    </ul>

    </div>

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

    <h1>

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

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <br>

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

    <div id="main" class="yui-u first" style="width:700px;">

    <h1>ARKIV: ${ArchiveName}</h1>

    <tag:entrylist limit="1000">

    <div class="entry">

    <h2>

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

    </h2>

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

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

    <li>

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

    </li>

    <li class="share">

    <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>

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

    <br>

    <br>

    <br>

    <p><img style="border: 0px none; display: block; margin-left: auto; margin-right: auto;" src="http://oi57.tinypic.com/1xxphj.jpg" alt="" width="180" height="145" /></p>

    </a>

    </div>

    <h3>

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

    </h3>

    <p>${ProfileAge}, ${ProfileFrom}</p>

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

    <a href="http://zhuo.blogg.no" target="_blank"><img class="decoded" src="http://oi57.tinypic.com/ibeydu.jpg" alt="http://oi57.tinypic.com/ibeydu.jpg" />

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

    Gratisdesign 1 - Pink Rose (kategorier)

  • 25.05.2014 - 18:08
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${CategoryName} (${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="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://bloggfiler.no/ciya.blogg.no/images/1859974-8-1400877171641.jpg" type="image/gif" />

    </head>

    <body>

    <div id="doc2">

    <br>

    <div id="meny">

    <ul id="navbar">

    <li><a href="http://ciya.blogg.no">FORSIDEN</a>

    </li>

    <li><a href="#">OM MEG</a>

    <ul>

    <li><a href="http://link" class="nav">Tekst1</a></li>

    </ul>

    </li>

    <li><a href="#">FØLG MEG</a>

    <ul>

    <li><a href="http://">Link til nettside</a></li>

    </ul>

    </li>

    <li><a href="#">KATEGORIER</a>

    <ul>

    <tag:categorylist>

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

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">ARKIV</a>

    <ul>

    <tag:archivelist>

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

    </tag:archivelist>

    </ul>

    </li>

    <li><a href="#">LENKER</a>

    <ul>

    <tag:linklist>

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

    </tag:linklist>

    </ul>

    </div>

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

    <h1>

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

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <br>

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

    <div id="main" class="yui-u first" style="width:700px;">

    <h1>KATEGORI: ${CategoryName}</h1>

    <tag:entrylist limit="1000">

    <div class="entry">

    <h2>

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

    </h2>

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

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

    <li>

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

    </li>

    <li class="share">

    <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>

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

    <br>

    <br>

    <br>

    <p><img style="border: 0px none; display: block; margin-left: auto; margin-right: auto;" src="http://oi57.tinypic.com/1xxphj.jpg" alt="" width="180" height="145" /></p>

    </a>

    </div>

    <h3>

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

    </h3>

    <p>${ProfileAge}, ${ProfileFrom}</p>

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

    <a href="http://zhuo.blogg.no" target="_blank"><img class="decoded" src="http://oi57.tinypic.com/ibeydu.jpg" alt="http://oi57.tinypic.com/ibeydu.jpg" />

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

    Gratisdesign 1 - Pink Rose (innlegg)

  • 25.05.2014 - 18:06
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${EntryTitle} (${BlogTitle})</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon" href="http://bloggfiler.no/ciya.blogg.no/images/1859974-8-1400877171641.jpg" type="image/gif" />

    </head>

    <body>

    </script>

    </head>

    <body class="front">

    <div id="doc2">

    <br>

    <div id="meny">

    <ul id="navbar">

    <li><a href="http://ciya.blogg.no">FORSIDEN</a>

    </li>

    <li><a href="#">OM MEG</a>

    <ul>

    <li><a href="http://link" class="nav">Tekst1</a></li>

    </ul>

    </li>

    <li><a href="#">FØLG MEG</a>

    <ul>

    <li><a href="http://">Link til nettside</a></li>

    </ul>

    </li>

    <li><a href="#">KATEGORIER</a>

    <ul>

    <tag:categorylist>

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

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">ARKIV</a>

    <ul>

    <tag:archivelist>

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

    </tag:archivelist>

    </ul>

    </li>

    <li><a href="#">LENKER</a>

    <ul>

    <tag:linklist>

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

    </tag:linklist>

    </ul>

    </div>

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

    <h1>

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

    </h1>

    <p>${BlogDescription}</p>

    </div>

    <br>

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

    <br>

    <div id="main" class="yui-u first" style="width:700px;">

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

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

    <div align="left">

    <img id="imgElement" title="" src="" alt="" />

    </div>

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

    <li>

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

    </li>

    <li class="share">

    <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>

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

    <h3>

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

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

    <tag:else />${EntryCommentCount} kommentarer</tag:if>

    </h3>

    <div id="comments">

    <tag:commentlist>

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

    <div class="meta">

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

    <a href="${CommentProfileUrl}">

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

    </a>

    <tag:else />

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

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

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

    </a>

    <tag:else />

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

    </tag:if>

    </tag:if>

    <h4>${CommentAuthorLinkIf}</h4>

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

    </div>

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

    </div>

    </tag:commentlist>

    </div>

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

    <h3>Skriv en ny kommentar</h3>

    <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">

    <div id="comment_author_wrapper">

    <label for="comment_author">Navn:</label>

    <input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authoremail_wrapper">

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

    <input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" />

    </div>

    <div id="comment_authorurl_wrapper">

    <label for="comment_authorurl">URL:</label>

    <input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" />

    </div>

    <div id="comment_text_wrapper">

    <label for="comment_text">Din kommentar:</label>

    <textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>

    </div>

    <div id="comment_submit_wrapper">

    <input type="hidden" name="commentid" value="${CommentID}" />

    <input id="comment_submit" class="submit" type="submit" name="submit" value="Send en hyggelig kommentar &#9829;" />

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

    <br>

    <p><img style="border: 0px none; display: block; margin-left: auto; margin-right: auto;" src="http://oi57.tinypic.com/1xxphj.jpg" alt="" width="180" height="145" /></p>

    </a>

    </div><h3>

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

    </h3>

    <p>${ProfileAge}, ${ProfileFrom}</p>

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

    <a href="http://zhuo.blogg.no" target="_blank"><img class="decoded" src="http://oi57.tinypic.com/ibeydu.jpg" alt="http://oi57.tinypic.com/ibeydu.jpg" />

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

    <h3>Arkiv</h3>

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

    Gratisdesign 1 - Pink Rose (forsiden)

  • 25.05.2014 - 18:00
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>${BlogTitle} - ${BlogDescription}</title>

    <meta name="description" content="${BlogDescription}" />

    <script type="text/javascript">var domainName = ".${AppDomain}";</script>

    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

    <link rel="shortcut icon" href="http://bloggfiler.no/ciya.blogg.no/images/1859974-8-1400877171641.jpg" type="image/gif" />

    </head>

    <body class="front">

    <div id="doc2">

    <br>

    <div id="meny">

    <ul id="navbar">

    <li><a href="http://ciya.blogg.no">FORSIDEN</a>

    </li>

    <li><a href="#">OM MEG</a>

    <ul>

    <li><a href="http://link" class="nav">Tekst1</a></li>

    </ul>

    </li>

    <li><a href="#">FØLG MEG</a>

    <ul>

    <li><a href="http://">Link til nettside</a></li>

    </ul>

    </li>

    <li><a href="#">KATEGORIER</a>

    <ul>

    <tag:categorylist>

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

    </tag:categorylist>

    </ul>

    </li>

    <li><a href="#">ARKIV</a>

    <ul>

    <tag:archivelist>

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

    </tag:archivelist>

    </ul>

    </li>

    <li><a href="#">LENKER</a>

    <ul>

    <tag:linklist>

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

    </tag:linklist>

    </ul>

    </div>

    <div id="header">

    <h1>${BlogTitle}</h1>

    <p>${BlogDescription}</p>

    </div>

    <br>

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

    <br>

    <div id="main" class="yui-u first" style="width:700px;">

    <tag:entrylist limit="20">

    <div class="entry">

    <h2>

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

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

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

    <div align="right">

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

    <right><a href="${EntryPermaLink}#comment"><font face="lucida handwriting" size="2">Kommenter her!</font></a></right>

    </div>

    <div class="meta">

    <ul>

    </li>

    </ul>

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

    <div class="tags">Stikkord:

    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

    </tag:if>

    </div>

    </div>

    </tag:entrylist>

    <div>Les mer i arkivet

    <tag:archivelist limit="3"> »

    <a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>

    </div>

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

    <tag:profile>

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

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

    <div>

    <p><img style="border: 0px none; display: block; margin-left: auto; margin-right: auto;" src="http://oi57.tinypic.com/1xxphj.jpg" alt="" width="180" height="145" /></p>

    </a>

    </div>

    <h3>

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

    </h3>

    <p>${ProfileAge}, ${ProfileFrom}</p>

    <p>${ProfileDescription}</p>

    </div>

    </tag:if>

    <center></tag:profile></center>

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

    <div>

    <h3>Siste innlegg</h3>

    <ul>

    <tag:recentlist limit="10">

    <li>

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

    </li>

    </tag:recentlist>

    </ul>

    </div>

    <div>

    <h3>Siste kommentarer</h3>

    <ul>

    <tag:commentlist global="true" limit="10" sort="desc">

    <li>

    ${CommentAuthorLinkIf} om ${CommentArticleLink}</li>

    </tag:commentlist>

    </ul>

    </div>

    <a href="http://zhuo.blogg.no" target="_blank"><img class="decoded" src="http://oi57.tinypic.com/ibeydu.jpg" alt="http://oi57.tinypic.com/ibeydu.jpg" />

    <br>

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

    <div>

    <h3></h3>

    </div>

    </tag:if>

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

    <div>

    <h3>Jeg anbefaler</h3>

    <ul>

    <tag:productlist>

    <li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

    </tag:productlist>

    </ul>

    </div>

    </tag:if>

    </div>

    </div>

    <div id="footer" class="yui-gb">

    <div class="yui-u first">

    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen

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

    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt

    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

    er selv ansvarlig for innhold. Henvendelser kan rettes til

    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

    </div>

    <div class="yui-u">

    <h3>Arkiv</h3>

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

    <center><a href="#top">TIL TOPPEN AV BLOGGEN</a></center>

    Gratisdesign 1 - Pink Rose (stilsett)

  • 25.05.2014 - 17:58
  • @import url(http://fonts.googleapis.com/css?family=Parisienne);

    .entry {

    background-color: #transparent;

    }

    body {

    background-color: #transparent;

    font-family: Segoe UI;

    color:

    -webkit-box-shadow: 0px 0px 1px #000000;

    -moz-box-shadow: 0px 0px 1px #000000;

    box-shadow: 0px 0px 1px #000000;

    }

    #header {

    background: transparent;

    background-image: url('http://oi61.tinypic.com/28velo3.jpg');

    height: 550px;

    background-repeat: no-repeat;

    -webkit-box-shadow: 0px 0px 1px #000000;

    -moz-box-shadow: 0px 0px 1px #000000;

    box-shadow: 0px 0px 1px #000000;

    }

    #wrapper {

    background-color: #transparent;

    -webkit-box-shadow: 0px 0px 1px #000000;

    -moz-box-shadow: 0px 0px 1px #000000;

    box-shadow: 0px 0px 1px #000000;

    width: 909px;

    }

    #side {

    background-url: url('');

    float: right;

    width: 180px;

    position: ;

    top: 30px;

    left: 1010px;

    margin: -300px 0px 0px 610px;

    padding: 0;

    margin: -0px 0 0 0;

    }

    #footer {

    background-color: #transparent;

    width: 909px;

    }

    #newcomment #comment_text_wrapper { width: 475px; }

    textarea {

    background-image: url('');

    background-repeat: no-repeat;

    background-position: right bottom;

    }

    a:link {color: #a3a3a3;}

    a:visited {color: #a3a3a3;}

    a:hover {color: #d6d6d6;}

    a:active {color: #d6d6d6;}

    h1, h2, h3, h4, h5 { font-family: ; }

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

    #header { color: #000000; }

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

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #ffd2e0; }

    h2 { background-color: #; }

    h2 { background-image: url();

    }

    h2 {

    cursor:default;

    background-color: #;

    color: ;

    font-size:34pt;

    font-family: Parisienne;

    letter-spacing:0px;

    line-height:13pt;

    text-align: center;

    padding: 1px;

    font-weight: bold;

    text-transform: ;

    border-bottom: 2px solid #f5c8d8;

    margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

    }

    }

    h2, h2 a:link, h2 a:visited, h2 a:active{

    font-family: Parisienne;

    font-size: 22px;

    font-weight: normal;

    color: #232323;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    text-shadow:1px 1px 1px transparent;

    text-transform: none;

    letter-spacing:0px;

    }

    h2 a:hover {

    color: #ffe9f0;

    }

    a {

    color:;

    -o-transition:.5s;

    -ms-transition:.5s;

    -moz-transition:.5s;

    -webkit-transition:.5s;

    /* ...and now for the proper property */

    transition:.5s;

    }

    a:hover { color:#ebebeb; }

    }

    #navbar {

    margin: 0;

    padding: 0;

    height: 1em; }

    #navbar li {

    list-style: none;

    float: left; }

    #navbar li a {

    display: block;

    padding: 4px 9px;

    background-color: #transparent;

    color: #000000; /*Endre fargen på teksten her*/

    text-decoration: bold;

    font-family: verdana; /*Endre skrifttypen her*/

    font-size: 13px; } /*Endre størrelsen på skriften her*/

    #navbar li ul {

    display: none;

    width: 8,5em; /* Endre bredden på undermenyen her */

    background-color: #000000;}

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 1;

    z-index: 1; }

    #navbar li:hover li, #navbar li.hover li {

    float: none; }

    #navbar li:hover li a, #navbar li.hover li a {

    background-color: #FFFFFF; /*Endre fargen på undermenyen*/

    border-bottom: 1px solid #F9BAAA;

    color: #000000; } /*Endre tekstfargen på undermenyen her*/

    #navbar li li a:hover {

    background-color: #F9BAAA; } /*Endre fargen når man holder musen over undermenyen*/

    #navbar li{ float: left; }

    #navbar{

    margin-left: 0px;

    }

    #navbar {

    padding: 5px;

    height: 2em;

    width: auto;

    margin: 0px;

    text-align: left;

    }

    #navbar li {

    float: left;

    list-style: none;

    width: 156px;

    background-color: #transparent;

    }

    #navbar li a {

    padding: 5px;

    display: block;

    text-decoration: none;

    font-family: Century Gothic;

    font-size: 13px;

    line-height: 15px;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }

    #navbar li ul {

    padding: 5px;

    display: none;

    width: em;

    background-color: #fff;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }

    #navbar li:hover ul, #navbar li.hover ul {

    display: block;

    position: absolute;

    margin: 0;

    padding: 0;

    z-index: 1;

    text-align: left;

    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;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }

    #navbar li:hover li a, #navbar li.hover li a {

    border-bottom: 1px dotted #D1D1C6;

    color: #727272;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }

    #navbar li li a:hover {

    background-color: #f2f2f2;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

    }

    #meny {

    width: 949px;

    background-image: url('http://oi61.tinypic.com/2psmxwo.jpg');

    border: 0px solid #;

    -webkit-box-shadow: 0px 0px 1px #000000;

    -moz-box-shadow: 0px 0px 1px #000000;

    box-shadow: 0px 0px 1px #000000;

    }

    img{

    opacity: 1;

    -webkit-transition: opacity 0.7s linear;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    }

    img:hover{

    opacity: 0.8;

    -webkit-transition: opacity 0.7s linear;

    -webkit-transition: all 0.4s ease-out;

    -moz-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;

    }