Gratisdesign 1 – Pink Rose (innlegg)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

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

<head>

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

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

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

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

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

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

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

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

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

<link rel=”shortcut icon” href=”http://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/50×50/${CommentProfileImageUrl}” alt=”” />

</a>

<tag:else />

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

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

<img class=”avatar” src=”http://i.blogg.no/50×50/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/50×50/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 ♥” />

</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:[email protected]”>[email protected]</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)

<!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/50×50/${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:[email protected]”>[email protected]</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)

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

}

Skygge bak overskrift

color: #000;
background: #fff;
text-shadow: 2px 2px 3px #000;

color: #000;
background: #fff;
text-shadow: 2px 2px #000;

color: #000;
background: #fff;
text-shadow: 2px -2px 3px #000;

Kodene limes inn på stilsett under overskriftene h1, h2 eller h3.

Legge inn koder – i en boks

Her kommer en kode som gjør at hvis du for eksempel skal skrive et langt innlegg, og er lei av å scrolle ned på siden, kan du bruke denne koden:

KODEN:
<TEXTAREA rows=”7″ cols=”30″> (FJERN) HTML KODE HER < /TEXTAREA >

Få en oversikt – nedteller til blogg

Animated Countdown that counts down in seconds, minutes, hours and days to any date. Takes Time Zone & DST into account, and it can also count up! Choose a design (Birthday, Sports, Baby Due Date, Wedding, and more), select your colors and add your own personalized message. More designs available soon. Share the Countdown with anyone anywhere – just copy the web address (URL).

Snart sommerferie, se en oversikt her!

Du kan lage deg en oversikt her: Countdown Timer to Any Date
Jeg synes at den var veldig praktisk å bruke.

Instagram Widget

Jeg har fått meg instagram! Og med instagram kan man vise frem på bloggen!

SnapWidget kan du lage en slideshow der du viser bildene du har tatt på blogger og andre sider.


Koden legges inn i: Design – rediger – maler. Du kan legge den inn hvor du vil, kommer an på bloggen din 🙂

Jeg har en i sidebaren.

Min Instagram er cindydesign om noen lurte på. Da gjenstår det å finne nye følgere, hihi.

Text fade effect

Jeg har dette på bloggen min akkurat nå. Når du holder musepilen over tekst, falmer den. Vil du også ha det på din blogg? Limes inn i stilsett.

KODEN:
a:visited:hover, a:hover {color:#798c51;text-shadow:1px 1px 3px #798c51;
color: #e4ffac;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
color: #d6d6d6;}

 

Endre bredde på bilder i innlegg

Design > rediger > stilsett.

Lim inn:

.entry { 
width: 600px; 
}

Du kan endre på 600px. Når du bruker denne koden så hopper kanskje sidebaren ned, og da må du endre på #wrapper. Der legger du til:

#wrapper {
width: 1000px;
}