Gratis design #3 (missindecisivedesign)

Gratis design #3

Du kan endre så mye du vil på designet, men respekter at dette er et gratis design laget av meg - så vennligst ikke fjern linkene til min blogg.


DESIGN -> REDIGER -> STILSETT:

.entry {

background-color: transparent;

}

body {

background-image: url(http://i47.tinypic.com/r0uvrc.jpg);

background-attachment: fixed;

font-family: arial;

color: #333333;

}

#header {

background-color: #transparent;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

-khtml-border-radius: 7px;

border-radius: 7px;

}

#wrapper {

background-color: transparent;

width: 950px;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

-khtml-border-radius: 7px;

border-radius: 7px;

font-size: 12px;

}

#main {

float: left;

padding: 5px;

width: 710px;

background-color: #ffffff;

border: 0px solid #000000;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

-khtml-border-radius: 7px;

border-radius: 7px;

}

#main {

background-color: #ffffff;

width: 75%;

}

#side {

background-color: #ffffff;

width: 20%;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

-khtml-border-radius: 7px;

border-radius: 7px;

font-family: arial;

font-size: 10px;

}

#footer {

background-color: #ffffff;

}

a { color: #C68484}

a:link { color: #C68484}

a:visited { color: #C68484}

a:active { color: #C68484}

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

#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; }

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 150px;

background-color: #fff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #000000;

text-decoration: none;

font-family: arial;

font-size: 9px;

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 #ffc0c0;

color: #727272;

}

#navbar li li a:hover {

background-color: #ffc0c0;

}

#meny {

width: 610px;

margin-left: auto;

margin-right: auto;

}

h3 {font-size:150%}

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

font-family: Vivaldi; /* Skrifttype */

font-size: 32px; /* Størrelse */

font-weight: normal; /* Bytt ut normal med bold om du vil ha fet skrift */

color: #C68484; /* Farge på skriften */

background-color: #FFFFFF; /* Bakgrunnsfarge */

padding: 5px; /* luft rundt overskriften */

border-bottom: 1px dashed #E2BABA; /* strek under */

text-align: left; /* left kan byttes ut med center eller right */

}

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { border: 0px;}

}

.mattblacktabs ul{

margin-left: auto;

margin-right: auto;

padding: 0px;

padding-left: 0px; /*offset of tabs relative to browser left edge*/

padding-bottom: 0px;

font: 8px Arial;

list-style-type: solid;

}

.mattblacktabs li{

display: inline;

margin-left: auto;

margin-right: auto;

}

.mattblacktabs li a{

font-family: Arial;

font-size: 11px;

margin-left: auto;

margin-right: auto;

text-decoration: none;

padding: 3px 15px; /*padding inside each tab*/

border-right: 1px #; /*right divider between tabs*/

color: #DCDCDC;

background: #FFEFE7;

border-radius: 8px;

-khtml-border-radius: 8px;

moz-border-radius: 8px;

-webkit-border-radius: 8px;

}

.mattblacktabs li a:visited{

color: #DCDCDC;

}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{

background: #transparent;

color: #ffccff;

background-color: #EFFBF2;

}

 

</style>


DESIGN -> REDIGER -> MALER -> forsiden, 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />

</head>

<body class="front">

<div id="doc2">

<div id="header">

<h1>${BlogTitle}</h1>

<p>${BlogDescription}</p>

</div>

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

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

<tag:entrylist limit="30">

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

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

<div class="mattblacktabs">

<ul>

<center><li><a href="${ProfileUrl}">hjem</a></li>

<li><a href="URL TIL SIDEN">link</a></li>

<li><a href="http://missindecisive.blogg.no">design</a></li><center>

</ul>

<tag:profile>

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

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

<div>

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

<img style="float: right; border: 0;" src="http://i42.tinypic.com/25jcpvs.jpg" height="118">

</a>

</div>

<h3>

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

</h3>

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

<p>${ProfileDescription}</p>

<a href="${ProfileUrl}">+ Legg meg til som venn</a>

</div>

</tag:if>

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

<div>

<img style="float: right; border: 0;" src="http://i39.tinypic.com/2s6msux.jpg" height="14">

<h3>Kategorier</h3>

<tag:categorylist>

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

</tag:categorylist>

</div>

<div>

<img style="float: right; border: 0;" src="http://i39.tinypic.com/2s6msux.jpg" height="14">

<h3>Arkiv</h3>

<tag:archivelist>

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

</tag:archivelist>

</div>

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

<div>

<img style="float: right; border: 0;" src="http://i39.tinypic.com/2s6msux.jpg" height="14">

<h3>Lenker</h3>

<tag:linklist>

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

</tag:linklist>

</div>

<img style="float: right; border: 0;" src="http://i39.tinypic.com/2s6msux.jpg" height="14">

<h3>Design</h3>

<center><a href="http://missindecisive.blogg.no"><strong><img src="http://i43.tinypic.com/t5hm4m.png"border="0"/></strong></a></center>

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

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


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://static.blogg.no/blogs/favicon.gif" type="image/gif" />

</head>

<body>

<div id="doc2">

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

<h1>

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

</h1>

<p>${BlogDescription}</p>

</div>

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

<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »

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

<a href="${EntryCategoryLink}">${EntryCategoryName}</a> » ${EntryTitle}</div>

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

<tag:entry>

<div class="entry">

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

<h2>${EntryTitle}</h2>

<div class="meta">

<ul>

<li>${EntryDate} 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 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="Post comment" />

</div>

<div id="comment_remember_wrapper">

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

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

</div>

</form>

</div>

</tag:if>

</div>

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

<tag:profile>

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

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

<div>

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

<img style="float: right; border: 0;" src="http://i42.tinypic.com/25jcpvs.jpg" height="118">

</a>

</div>

<h3>

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

</h3>

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

<p>${ProfileDescription}</p>

</div>

</tag:if>

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

<h3>Design</h3>

<center><a href="http://missindecisive.blogg.no"><strong><img src="http://i43.tinypic.com/t5hm4m.png"border="0"/></strong></a></center>

</div>

</div>

</div>

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

<div class="yui-u first">

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

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

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

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

er selv ansvarlig for innhold. Henvendelser kan rettes til

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

</div>

<div class="yui-u">

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit="5">

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<div class="yui-u">

<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

<ul>

<li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>

<li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>

<li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>

<li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>

<li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>

</ul>

</div>

</div>

</div>

</body>

</html>
 


Sånn!
Kontakt meg HER dersom det skulle være noen problemer med designet.


  7 kommentarer i "Gratis design #3"

Postet av: ensy
Jeg bruker det :) Det var kjempesøtt! (:
18.04.2012, 18:55
URL: http://ensy.blogg.no
Postet av: Erica Varde Jørgensen
Jeg bruker det:) Men siden det ikke er noe header-plass, går det an å ha den i så stor str som man vil? :-)
21.04.2012, 22:09
URL: http://ericajorgensen.blogg.no
Postet av: pernillelarseen
Jeg bruker det, det var kjempefint! :-)

Men under 'fakta' om meg så kommer det opp reklamee.. eh..
22.04.2012, 09:45
URL: http://pernillelarseen.blogg.no
Postet av: emiliesvensli
Jeg bruker det, jeg! :))
22.04.2012, 20:13
URL: http://Emiliesvensli.blogg.no
Postet av: Emma Sofie Huru Vigen
Jeg bruker det, men jeg får ikke til og bytte profilbilde, eller profilteksten min..
18.05.2012, 12:28
URL: http://emmahuru.blogg.no
Postet av: enex
Jeg bruker det! Det var supersøtt, du har kjempemange fine og søte design :-)
18.05.2012, 15:05
URL: http://enex.blogg.no
Postet av: bodychanges
Jeg har brukt dette!
08.11.2012, 21:02
URL: http://bodychanges.blogg.no

Skriv en kommentar


Her kan du skrive om deg selv og bloggen din.

+Legg meg til som venn

KATEGORIER

ARKIV

DESIGN BY

m i s s i n d e c i s i v e
hits