hits

CINDY Z.

Design, creativity, photography, interior ... 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 nr dere scroll ned sida). Bloggdesignet kan dere se "live" p bloggenwww.ciya.blogg.no. Som sagt er dette det frste 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 hyde 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. Vr snill ikke fjern blogg.no's reklamer (en under innlegg og en i sidebaren) da det er pbudt 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 str 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="#">FLG 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 smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd 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="#">FLG 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 smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd 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="#">FLG 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 smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd 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="#">FLG 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 smtt.</li>

    <li><a href="http://forum.blogg.no/">forum</a> - Tips, rd 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 strrelsen 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 nr 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;

    }




    facebook, media, social, social media, socmed iconinstagram, media, social, social media, socmed iconmedia, social, social media, socmed, tube, you, youtube iconmedia, snapchat, social, social media icon