GRATIS DESIGN #14
NB: Det er ulovlig å fjerne det stedet der det står at det er jeg som har laget designet. Dersom jeg oppdager noen som har gjort det, risikerer dere å bli politianmeldt.
DESIGN > REDIGER > stilsett:
@import url(http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day);
body {
background-image:url(http://bloggfiler.no/fashionmode.blogg.no/images/1451520-10-1338452441683.jpg);
background-color:#eed7d1;
background-repeat: repeat-x;
background-attachment: absolute;
font-family: Arial, Helvetica, sans-serif;
color: #CBCBCB;
}
#side {
width: 23%;
padding: 5px;
margin-right: 30px;
background: #ffffff;
}
#side ul li:hover, #side ul li:hover a {
color: #CEBFD3;
margin-left: 4px;
}
#side h9:hover {
color: #ffffff;
margin-left: 6px;
}
#side h9:hover {padding-left: 6px;}
#main {
width: 640px;
margin-left: 0px;
margin-top: 0px;
padding: 10px;
background: #ffffff;
}
.content {margin-bottom: 20px;}
.meta {text-align: left; ;}
a { color: #c9c7c7}
a:link { color: #c9c7c7}
a:visited { color: #c9c7c7}
a:active { color: #c9c7c7}
a:hover {color: #D4D4D4;cursor: Crosshair;}
i, em {COLOR:#CEBFD3; }
h2, h2 a, h2 a:link, h2 a:active, h2 a:visited {color: #D4D4D4;}
h2 { text-align: left; border-bottom: 1px dashed #D4D4D4;} ; background: #D4D4D4 bottom; }
.meta a:hover {color: #D4D4D4; text-decoration: underline; }
h2 a:hover {color: #D4D4D4;}
h2, h3 {font-family: 'Dawning of a New Day', arial; }
h1, h4, h5 { font-family: Tahoma, Geneva, sans-serif; }
#header h1 { color: #D4D4D4; padding: 355px 260px 0px 20px; font-size: 60px; text-align: right;
}
#header p { display:none }
#header { color: #D4D4D4; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #D4D4D4; }
#newcomment {
padding-top: 10px;
padding-left: 10px;
color: #D4D4D4;
}
#side h9, #side h3, #side h3 a {
display: block;
padding-top: 1px;
border-bottom: 1px dashed #D4D4D4;
margin-top: 4px;
margin-bottom: 4px;
height: 20px;
padding-left: 6px;
color: #D4D4D4;
}
input{
background-color: #ffffff;
border: 1px dashed #D4D4D4;
}
textarea {
background-repeat: no-repeat;
background-position: right bottom;
border: 1px dashed #D4D4D4;
background-color: #transp;
}
#comments .owner{
border: 1px dashed #D4D4D4;
background-color: #ffffff;
width: 600px;
color: #;
margin-left: 10px;
}
#comments .owner .meta{
border: 0px dashed #fff;
background-color: transparent;
color: #D4D4D4;
}
#comments .owner .content{
background-color: transparent;
border: 0px dashed #fff;
color: #D4D4D4;
}
#comments .user{
border: 1px dashed #D4D4D4;
background-color: #ffffff;
width: 600px;
color: #;
margin-left: 10px;
}
#comments .user .meta{
border: 0px dashed #D4D4D4;
background-color: transparent;
color: #D4D4D4;
}
#comments .user .content{
background-color: transparent;
border: 0px dashed #D4D4D4;
color: #D4D4D4;
}
#comments .other{
border: 1px dashed #D4D4D4;
background-color: #ffffff;
width: 600px;
color: #D4D4D4;
margin-left: 10px;
}
#comments .other .meta{
border: 0px dashed #D4D4D4;
background-color: transparent;
color: #D4D4D4;
}
#comments .other .content{
background-color: transparent;
border: 0px dashed #fff;
color: #D4D4D4;
}
#main {float: right;}
#side {float: left;}
}
#meny {
font-family: 'Dawning of a New Day', arial; /* Font type */
font-size: 11px; /* Tekststørrelse på menyen */
text-align: center;
width: auto; /* Bredde på menyen */
height: auto;
padding: 0 0 0 0;
background: transparent; /* Bakgrunnsfarge bak hele menyen*/
margin: 0 auto 10px auto;
}
#meny a {
background: #eed7d1; /* Bakgrunnsfarge på menyen */
color: #fff; /* Farge på linkene i menyen */
text-transform: none;
font-weight: none;
padding: 3px 0 3px 0;
width: 100%;
margin: 0 0 3px 0;
display: block;
}
#meny a:hover {
color: #fff; /* Farge på linken når du fører pekeren over */
background: #F2E0DC; /* bakgrunnsfarge */
letter-spacing: 3px;
}
@import url(http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day);
body {
background-image:url(http://bloggfiler.no/fashionmode.blogg.no/images/1451520-10-1338452441683.jpg);
background-color:#eed7d1;
background-repeat: repeat-x;
background-attachment: absolute;
font-family: Arial, Helvetica, sans-serif;
color: #CBCBCB;
}
#side {
width: 23%;
padding: 5px;
margin-right: 30px;
background: #ffffff;
}
#side ul li:hover, #side ul li:hover a {
color: #CEBFD3;
margin-left: 4px;
}
#side h9:hover {
color: #ffffff;
margin-left: 6px;
}
#side h9:hover {padding-left: 6px;}
#main {
width: 640px;
margin-left: 0px;
margin-top: 0px;
padding: 10px;
background: #ffffff;
}
.content {margin-bottom: 20px;}
.meta {text-align: left; ;}
a { color: #c9c7c7}
a:link { color: #c9c7c7}
a:visited { color: #c9c7c7}
a:active { color: #c9c7c7}
a:hover {color: #D4D4D4;cursor: Crosshair;}
i, em {COLOR:#CEBFD3; }
h2, h2 a, h2 a:link, h2 a:active, h2 a:visited {color: #D4D4D4;}
h2 { text-align: left; border-bottom: 1px dashed #D4D4D4;} ; background: #D4D4D4 bottom; }
.meta a:hover {color: #D4D4D4; text-decoration: underline; }
h2 a:hover {color: #D4D4D4;}
h2, h3 {font-family: 'Dawning of a New Day', arial; }
h1, h4, h5 { font-family: Tahoma, Geneva, sans-serif; }
#header h1 { color: #D4D4D4; padding: 355px 260px 0px 20px; font-size: 60px; text-align: right;
}
#header p { display:none }
#header { color: #D4D4D4; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #D4D4D4; }
#newcomment {
padding-top: 10px;
padding-left: 10px;
color: #D4D4D4;
}
#side h9, #side h3, #side h3 a {
display: block;
padding-top: 1px;
border-bottom: 1px dashed #D4D4D4;
margin-top: 4px;
margin-bottom: 4px;
height: 20px;
padding-left: 6px;
color: #D4D4D4;
}
input{
background-color: #ffffff;
border: 1px dashed #D4D4D4;
}
textarea {
background-repeat: no-repeat;
background-position: right bottom;
border: 1px dashed #D4D4D4;
background-color: #transp;
}
#comments .owner{
border: 1px dashed #D4D4D4;
background-color: #ffffff;
width: 600px;
color: #;
margin-left: 10px;
}
#comments .owner .meta{
border: 0px dashed #fff;
background-color: transparent;
color: #D4D4D4;
}
#comments .owner .content{
background-color: transparent;
border: 0px dashed #fff;
color: #D4D4D4;
}
#comments .user{
border: 1px dashed #D4D4D4;
background-color: #ffffff;
width: 600px;
color: #;
margin-left: 10px;
}
#comments .user .meta{
border: 0px dashed #D4D4D4;
background-color: transparent;
color: #D4D4D4;
}
#comments .user .content{
background-color: transparent;
border: 0px dashed #D4D4D4;
color: #D4D4D4;
}
#comments .other{
border: 1px dashed #D4D4D4;
background-color: #ffffff;
width: 600px;
color: #D4D4D4;
margin-left: 10px;
}
#comments .other .meta{
border: 0px dashed #D4D4D4;
background-color: transparent;
color: #D4D4D4;
}
#comments .other .content{
background-color: transparent;
border: 0px dashed #fff;
color: #D4D4D4;
}
#main {float: right;}
#side {float: left;}
}
#meny {
font-family: 'Dawning of a New Day', arial; /* Font type */
font-size: 11px; /* Tekststørrelse på menyen */
text-align: center;
width: auto; /* Bredde på menyen */
height: auto;
padding: 0 0 0 0;
background: transparent; /* Bakgrunnsfarge bak hele menyen*/
margin: 0 auto 10px auto;
}
#meny a {
background: #eed7d1; /* Bakgrunnsfarge på menyen */
color: #fff; /* Farge på linkene i menyen */
text-transform: none;
font-weight: none;
padding: 3px 0 3px 0;
width: 100%;
margin: 0 0 3px 0;
display: block;
}
#meny a:hover {
color: #fff; /* Farge på linken når du fører pekeren over */
background: #F2E0DC; /* bakgrunnsfarge */
letter-spacing: 3px;
}
#navbar {
padding: 5px;
height: 1em;
width: auto;
margin: 0px;
text-align: center;
}
#navbar li {
float: left;
list-style: none;
width: 150px;
background-color: #eed7d1;
}
#navbar li a {
padding: 5px;
display: block;
border-bottom: 1px dashed #F7D7EE;
color: #fff;
text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 12px;
}
#navbar li ul {
padding: 5px;
display: none;
width: em;
background-color: #fff;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1;
text-align: left;
}
#navbar li:hover li, #navbar li.hover li {
float: none;
}
#navbar li:hover li a, #navbar li.hover li a {
border-bottom: 1px dotted #eed7d1;
color: #fff;
}
#navbar li li a:hover {
background-color: #eed7d1;
letter-spacing: 3px;
}
#meny2 {
width: 610px;
margin-left: auto;
margin-right: auto;
}
DESIGN > REDIGER > MALER > forside, kategori & arkiv:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">
<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://i47.tinypic.com/1znc0e8.jpg" type="image/gif" />
</head>
<style type=text/css>body, a {cursor: url(http://home.no/bloggdesignet/nerdie/cursors/cursor1_pink.cur), progress;}</style>
<body class="front">
<div id="doc2">
<div id="header">
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first">
<div id="meny2">
<ul id="navbar">
<li><a href="#">Siste innlegg</a>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</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 limit="10">
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</li>
<li><a href="#">Design by</a>
<ul>
<li><a href="http://missindecisive.blogg.no">missindecisive</a></li>
</ul>
</li>
</ul>
</div>
<tag:entrylist limit="15">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<center><div class="content">${EntryBody}</div></center>
<div class="meta">
<ul>
<img src="http://bloggfiler.no/fashionmode.blogg.no/images/1451520-9-1338298111923.jpg" alt="" />
${EntryTime} ${EntryDate} i
<a href="${EntryCategoryLink}">${EntryCategoryName}</a></li> -
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">Kommentarer (0)</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">Kommentarer (1)</a>
<tag:else />
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
</tag:if>
</li>
<li>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
<div class="tags">Stikkord:
<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
</tag:if>
</div>
</div>
</tag:entrylist>
</div>
<div id="side" class="yui-u">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div>
</a>
</div>
</tag:if>
<img src="http://i49.tinypic.com/334u52x.gif" width="209" />
Her kan du skrive litt om deg selv og bloggen din.
<br>
</br>
<div id="meny">
<a href="DIN LINK"> Forsiden</span> </a>
<a href="DIN LINK"> Bloglovin'</span> </a>
<a href="http://missindecisive.blogg.no"> Design by </a>
</div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<img src="http://i46.tinypic.com/ad2plw.jpg"><a href="${CategoryLink}">${CategoryName}</a>
</tag:categorylist>
</ul>
</div>
<div>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<img src="http://i46.tinypic.com/ad2plw.jpg"><a href="${ArchiveLink}">${ArchiveName}</a>
</tag:archivelist>
</ul>
</div>
<div>
</div>
<div>
</div>
<tag:if test="${HasLinks == 'true'}">
<div>
<h3>Lenker</h3>
<ul>
<tag:linklist>
<img src="http://i46.tinypic.com/ad2plw.jpg"><a href="${LinkURL}">${LinkName}</a>
</tag:linklist>
</ul>
</br>
<a href="http://missindecisive.blogg.no"><strong><img src="http://img337.imageshack.us/img337/1599/11769187.png"border="0"/></strong></a>
</tag:if>
<tag:if test="${HasProducts == 'true'}">
<div>
</ul>
</div>
</tag:if>
</div>
</div>
</ul>
</div>
</div>
</div>
</body>
</html>
DESIGN > REDIGER > MALER > innlegg:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${EntryTitle} (${BlogTitle})</title>
<meta name="description" content="${BlogDescription}" />
<script type="text/javascript">var domainName = ".${AppDomain}";</script>
<script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>
<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />
<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />
<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="shortcut icon" href="http://i47.tinypic.com/1znc0e8.jpg" type="image/gif" />
</head>
<style type=text/css>body, a {cursor: url(http://home.no/bloggdesignet/nerdie/cursors/cursor1_pink.cur), progress;}</style>
<body>
<div id="doc2">
<div id="header" onclick="document.location='${BlogUrl}';">
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first">
<tag:entry>
<div class="entry">
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<h2>${EntryTitle}</h2>
<center><div class="content">${EntryBody}</div></center>
<div class="meta">
<ul>
<li>${EntryTime} ${EntryDate} i
<a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>-
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">Kommentarer (0)</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">Kommentarer (1)</a>
<tag:else />
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
</tag:if>
</li>
<li>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
<div class="tags">Stikkord:
<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
</tag:if>
<tag:include module="postentry"></tag:include>
</div>
</div>
</tag:entry>
<tag:if test="${Comments == 1}">
<a name="comment" id="comment"></a>
<h3>Legg igjen en kommentar;</h3>
<div id="comments">
<tag:commentlist>
<div class="comment ${CommentClass}">
<div class="meta2">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&size=50" alt="" />
</a>
<tag:else />
<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&size=50" alt="" />
</tag:if>
</tag:if>
<h4>${CommentAuthorLinkIf}</h4>
<p>${CommentDate} ♥ ${CommentTime}</p>
</div>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<div id="newcomment" class="clearfix">
<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="Thank you!" />
</div>
<div id="comment_remember_wrapper">
<input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />
<label for="comment_remember">Huske deg?</label>
</div>
</form>
</div>
</tag:if>
</div>
<div id="side" class="yui-u">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div>
</a>
</div>
</tag:if>
<img src="http://i49.tinypic.com/334u52x.gif" width="209" />
Her kan du skrive litt om deg selv og bloggen din.
</div>
<div>
<div id="meny">
<a href="DIN LINK"> Forsiden</span> </a>
<a href="DIN LINK"> Bloglovin'</span> </a>
<a href="http://missindecisive.blogg.no"> Design by </a>
</div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<img src="http://i46.tinypic.com/ad2plw.jpg"><a href="${CategoryLink}">${CategoryName}</a>
</tag:categorylist>
</ul>
</div>
<div>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<img src="http://i46.tinypic.com/ad2plw.jpg"><a href="${ArchiveLink}">${ArchiveName}</a>
</tag:archivelist>
</ul>
</div>
<div>
</div>
<div>
</div>
<tag:if test="${HasLinks == 'true'}">
<div>
<h3>Lenker</h3>
<ul>
<tag:linklist>
<img src="http://i46.tinypic.com/ad2plw.jpg"><a href="${LinkURL}">${LinkName}</a>
</tag:linklist>
</ul>
</br>
<a href="http://missindecisive.blogg.no"><strong><img src="http://img337.imageshack.us/img337/1599/11769187.png"border="0"/></strong></a>
</tag:if>
</div>
</div>
</div>
</div>
<div class="yui-u">
</div>
<div class="yui-u">
</ul>
</div>
</div>
</div>
</body>
</html>
Kontakt meg på missindecisive.blogg.no dersom det skulle være noen problemer med designet :-)
Som mange av dere tydeligvis ikke har skjønt ennå, så svarer jeg IKKE her.