Gratis bloggdesign til din blogg!

Her er gratis designene jeg har laget hittil. Lager et nytt gratis design n gang i mneden, sprs hva jeg har tid til osv. Trykk p linkene under for f kodene til de forskjellige designene.

Gratis design #1 - Lyse farger

Gratis design #2 - Vr


Gratis design #3 - Sukkerstt

Gratis design #4 - Tak a chill pill


Gratis design #4 - Take a chill pill

Det er helt greit hvis du fikser litt p kodene, men det er IKKE lov til fjerne linken der det str at jeg har laget det!

HEADER-STRRELSE: 905x400

STRRELSE P BILDER I INNLEGG:700px

STILSETTET = design > rediger > ta vekk alle kodene som str der fra fr av, og lim inn dette:

body {

background-color: #eee;

}

a { color: #8a8a8a; text-decoration: none;}

a:link { color: #8a8a8a; text-decoration: none;}

a:visited { color: #8a8a8a; text-decoration: none;}

a:active { color: #8a8a8a; text-decoration: none;}

a:hover {color: #f6e2e8; text-decoration: none;}

#wrapper {

clear: none;

margin-left: auto;

margin-right: auto;

width: 946px;

background-color: #fff;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

background-image: url(http://i51.tinypic.com/219xxki.png);

height: 400px;

width: 905px;

border: 20px solid #fff;

margin-top: 30px;

}

#side {

float: right;

background-color: #ffffff;

color: #7E7E7E;

font-family: Georgia, Helvetica, sans-serif;

font-size: 11px;

padding: 15px;

line-height: 155%;

margin-top: 0px;

width: 175px;

}

#content {

overflow: hidden;

float: left;

width: 700px;

padding: 20px;

line-height: 150%;

background-color: #ffffff;

}

h1 {

font-family: times;

font-size: 14px;

text-transform:uppercase;

margin: 0px;

padding: 0px;

height: 30px;

}

h2 {

color: #EDD8D8;

font-size: 15px;

font-family: Georgia;

font-style: italic;

font-weight: normal;

text-transform: normal;

margin-bottom: 0px;

margin-top: 0px;

padding-bottom: 0px;

line-height: 140%;

letter-spacing: 1px;

}

/** Entry headers **/

h3 {

color: #8a8a8a;

line-height: 150%;

letter-spacing: 1px;

font-style: italic;

font-family: georgia;

font-size: 25px;

font-style: italic;

font-weight: normal;

margin: 0px;

}

h3 a{

line-height: 150%;

letter-spacing: 1px;

font-style: italic;

font-family: georgia;

font-size: 25px;

font-style: italic;

font-weight: normal;

margin: 0px;

}

.navheader {

font-family: times;

font-size: 12px;

color: #a8a8a8;

padding:0px 0px 0px;

margin-bottom:0px;

text-transform: uppercase;

line-height: 150%;

}

.nav {

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

font-color: #a8a8a8;

margin: 0px;

line-height: 150%;

}

.nav ul {

margin: 0px 0px 12px;

padding: 0px 0px 0px;

font-weight: normal;

line-height: 150%;

}

.nav li {

list-style: underline;

padding: 0px 0px 0px 0px;

font-weight: normal;

color: #FFFFFF;

}

.nav a {

color: #a8a8a8;

text-decoration:underline;

}

.nav a:hover {

text-decoration: underline;

}

/** Post's body text **/

.entrybody {

color: #7E7E7E;

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

text-align: left;

line-height: 150%;

margin: 5px 0px 5px 0px;

padding: 0px 0px 5px 0px;

border-top: 1px dashed #F0F0F0;

border-bottom: 1px dashed #F0F0F0;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: Georgia, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

text-transform: normal;

color: #8a8a8a;

text-align: left;

letter-spacing: 1px;

line-height: 150%;

margin: 0px;

}

.entrymeta a { color: #8a8a8a; }

.entrymeta a:hover { color: #f6e2e8; text-decoration: none;}

.commentheader {

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

letter-spacing: 0px;

color: #EDD8D8;

line-height: 150%;

margin: 10px 10px 10px 15px;

}

.commenttext {

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

font-weight: normal;

color: #626262;

line-height: 150%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: Georgia, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

color: #626262;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 150%;

border-bottom: 1px dotted #eeeeee;

}

.commentmeta a { color: #7e7e77; }

.commentmeta a:hover { color: #f6e2e8; text-decoration: none}

.commentform {

font-family: Georgia, Helvetica, sans-serif;

font-size: 12px;

text-transform: normal;

font-weight: normal;

color: #626262;

margin: 10px 10px 20px 15px;

line-height: 150%;

}

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 150px;

background-color: #ffffff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #454343;

text-decoration: none;

font-family: times;

font-size: 10px;

line-height: 12px;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #ffffff;

}

#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: 0px dotted #ffc0c0;

color: #454343;

}

#navbar li li a:hover {

background-color: #ffffff;

}

.entrymeta post {

font-family: Georgia;

font-style: italic;

text-shadow: 1px 1px 1px #EEE;

font-size: 12px;

margin-bottom: 5px;

padding: 5px 10px 5px 2px;

}

#side li:hover {

background-image: url('http://outspoken-kate.com/bullets/sbullet60.gif');

background-repeat: no-repeat;

background-position: right;

}

#side ul {

list-style-type: none;

margin: 0px;

}

#side li {

list-style-type: none;

margin: 0px;

}

FORSIDE-MAL, KATEGORI-MAL & ARKIV-MAL = design > rediger > maler > forsiden/kategorier/arkiv >ta vekk alle kodene som str der fra fr av, og lim inn dette:

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

<head>

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

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

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

<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />

<link rel="shortcut icon" href="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" type="image/gif"/><script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>

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

</head>

<body>

<div id="wrapper">

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

</div>

<div id="content">

<tag:entrylist limit="45">

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

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

<div class="entrymeta"><center><post>${EntryDate}, ${EntryTime} <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></post></div></center>

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

<div class="entrymeta">

<p style="FONT-FAMILY: georgia; FONT-SIZE: 11px;

color: #8a8a8a; TEXT-TRANSFORM: normal; text-align: left;

"><em>${EntryDate} @ ${EntryTime} i <a href="${EntryCategoryLink}">${EntryCategoryName}</a></em>

</p>

<p style="FONT-FAMILY: georgia; FONT-SIZE: 11px;

color: #8a8a8a; TEXT-TRANSFORM: normal; text-align: right; margin-top: -27px;

"><em><a href="${EntryPermaLink}#comment">kommentarer (${EntryCommentCount})</a></em>

</p>

<br/><br/>

</div>

</tag:entrylist>

</div>

<div id="side">

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

<img src="http://bloggfiler.no/cmndesign.blogg.no/images/1018151-9-1298222769350.jpg" width="170" border="0" alt="${ProfileName}"></a>

<br><br>

her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne <a href="http://www.carolinemaria.blogg.no">her</a>.

<br><br>

<h2>arkiv</h2>

<tag:archivelist limit="24">

<li><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/

${ArchiveLink}">${ArchiveName}</a></li></tag:archivelist><br/>

<h2>kategorier</h2>

<tag:categorylist>

<li><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></li></tag:categorylist><br/>

<h2>lenker</h2>

<tag:linklist>

<li><a href="${LinkURL}">${LinkName}</a></li></tag:linklist><br/>

<h2>designet er laget av:</h2>

<li><a href="http://carolinemaria.blogg.no" target="_blank">caroline maria</a>

<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a></li>

<br><br>

</div>

</div>

</div>

</body>

</html>

INNLEGG-MAL = design > rediger > maler > innlegg >ta vekk alle kodene som str der fra fr av, og lim inn dette:

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

<head>

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

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

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

<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>

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

<script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>

</head>

<body>

<div id="wrapper">

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

</div>

<div id="content">

<tag:entry>

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

<h3><center>${EntryTitle}</h3></center>

<div class="entrymeta"><center><post>${EntryDate}, ${EntryTime} <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></post></div></center>

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

<div class="entrymeta">

</div>

</tag:entry>

<!-- Display comments and form if this entry allows comments -->

<tag:if test="${Comments == 1}">

<a name="comment" /><br>

&nbsp&nbsp<font face="times new roman"><font size="3"><font color="#7e7e77">${EntryCommentCount} kommentarer p "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<div class="commentheader">

<b>Postet av: ${CommentAuthor}</b>

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

<div class="commentmeta">

${CommentDate}, ${CommentTime}<br/>

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

<em>URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></font></font></font></em>

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

<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a><br/><br/>

</tag:if>

</tag:if>

</div>

</div>

</tag:commentlist>

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

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

<br />

<font color="#e8cfc9"><font face="times new roman"><font size="3">Legg igjen en kommentar:</font><br/><br/>

</font></font>

Navn: <br />

<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />

<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Husk meg?<br />

E-post:<br />

<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />

<br />

Bloggadresse: <br />

<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />

<br />

Kommentar: <br />

<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>

<br />

<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a> <a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a>

<br/>

<input class="formbutton" type="submit" name="submit" value="Tusen takk for kommentaren!" />

Designet er laget av <a href="http://carolinemaria.blogg.no" target="_blank">CAROLINE MARIA</a><br/>

</form>

</tag:if>

</div>

<div id="side">

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

<img src="http://bloggfiler.no/cmndesign.blogg.no/images/1018151-9-1298222769350.jpg" width="170" border="0" alt="${ProfileName}"></a>

<br><br>

her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne <a href="http://www.carolinemaria.blogg.no">her</a>.

<br><br>

<h2>arkiv</h2>

<tag:archivelist limit="24">

<li><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/

${ArchiveLink}">${ArchiveName}</a></li></tag:archivelist><br/>

<h2>kategorier</h2>

<tag:categorylist>

<li><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></li></tag:categorylist><br/>

<h2>lenker</h2>

<tag:linklist>

<li><a href="${LinkURL}">${LinkName}</a></li></tag:linklist><br/>

<h2>designet er laget av:</h2>

<li><a href="http://carolinemaria.blogg.no" target="_blank">caroline maria</a>

<a title="Caroline Maria on Bloglovin" href="http://www.bloglovin.com/en/blog/564385/caroline-maria/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a></li>

<br><br>

</div>

</div>

</div>

</body>

</html>


Les hvordan du endrer headerher.

Les hvordan du endrer teksten i sidebarenher.

Les hvordan du endrer profilbildeher.



her kan du skrive hva du heter, hvor gammel du er og hva bloggen din handler om. min offisielle blogg kan du finne her.

arkiv

  • Mai 2011
  • Mars 2011
  • Februar 2011
  • Januar 2011

  • kategorier

  • Blogg
  • Forklaringer
  • Gratis design

  • lenker

  • Caroline Maria
  • Christine Mysen
  • Lisa
  • The hibi

  • designet er laget av:

  • caroline maria bloglovin


  • hits