Gratis design 1 - Summer loves just not enough for me (emmadesign)

Hallo!♥

Her fr dere det frste gratis designet som jeg har laget! For f blogg designet, bare gjr det som
str nedover. Gjr alt rikitg, hvis ikke kan designet bli helt fail! Slik ser det frste designet ut:


Veldig enkelt og sommerlig! Jeg kommer etterhvert til lage flere design, som er litt mer "kopliserte" og med flere
greier da.


STILSETT - Kopier alt sammen som str under til stilsett. S gr du inn p Design - rediger - stilsett. Slett alt
du har der fra fr, og lim inn dette stilsettet;


.entry {

background-color: #transparent;

}

body {

background-color: #FFFFFF;

background-image: url('http://emmadesign.blogg.no/images/css/aea335677d6ec1cac69c7b617152f28d.jpg');

background-repeat: repeat;

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

color: #333333;

}

#header {

background-color: #FFFFFF;

background-image: url('http://bloggfiler.no/emmadesign.blogg.no/images/1243362-11-1312400952233.jpg'); (<- HER ENDRER DU HEADER!)

height: 360px;

width: 906px;

background-repeat: repeat;

margin: 0px 0px 20px 0px;

}

#wrapper {

background-color: #FFFFFF;

width: 907px;

}

#main {

float: left;

}

#side {

float: right;

border: 0px solid #DEC7CF;

background-color: #DEC7CF;

width: 240px;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #DEC7CF;

}

.entry {

border: 1px solid #708090;

background: #FFFFFF;

text-align: center;

}

}

#footer {

background-color: #FFFFFF;

width: 907px;

}

.entry {

border: 1px solid #708090;

background: #FFFFFF;

text-align: center;

}

}

a { color: #000000}

a:link { color: #000000}

a:visited { color: #000000}

a:active { color: #000000}

h1, h2, h3, h4, h5 { font-family: Tahoma, Geneva, sans-serif; }

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

cursor:default;

background-color: #DEC7CF;

color: #DEC7CF;

font-size:12pt;

font-family:tahoma;

letter-spacing:1px;

line-height:20pt;

text-align: center;

padding: 1px;

font-weight: bold;

text-transform: uppercase;

border-bottom: 2px solid #DEC7CF;

margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

#side {

width: 25%;

}

#side div {

padding: 10px;

background: #DEC7CF;

border: 1px solid #DEC7CF;

}

#side div a:hover {

color: #DEC7CF;

}

#profile div {

border: 0;

}

#side .clearfix img {display: none;}

#side .profilbilde img {width: 85%;}

a:hover {color: #DEC7CF;}

}




MALER - FORSIDE / KATEGORI / ARKIV - Kopier alt under. S gr du inn p frst design - rediger -
maler - forside. Ta vekk ALT som str der fra fr, og lim inn alt som str under her. S gjr du det samme p
design - rediger - maler - kategori og s 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://i54.tinypic.com/29z56qg.png" 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 class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> ${BlogTitle}</div>

<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 bringebr</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">t bringebr</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 bringebr</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">t bringebr</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">

<tag:profile>

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

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

<div>

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

<tag:include module="Profilbilde">

</a></div></div>

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

<div>

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

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

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

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

<div>

<h3>Lenker</h3>

<ul>

<tag:linklist>

<li>

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

</li>

</tag:linklist>

</ul>

</div>

</tag:if>

DESIGN AV:

<p><a href="http://emmasinblogg.blogg.no"><img src="http://bloggfiler.no/emmadesign.blogg.no/images/1243362-9-1312368343279.jpg" alt="" /></a><br /><br />&#65279;</p>

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

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

<ul>

</ul>

</div>

</div>

</div>

</body>

</html>


MALER - INNLEGG - G inn p design - rediger - maler - forside. S kopierer du alt sammen under,
tar vekk alt du har p maler - innlegg fra fr, og limer inn det under.


<!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://i54.tinypic.com/29z56qg.png" 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 bringebr</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">t bringebr</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 bringebr</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">t bringebr</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="Trykk, og du gjr meg glad!" />

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

<div>

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

<tag:include module="Profilbilde">

</a></div></div>

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

<div>

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

<img src="${ProfileImageUrl}" alt="${ProfileName}" />

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

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


Headeren er str. bredde: 945 og hyde: 400. S hvis du skal lage ny og egen header til dette designet, s
er det helt klart lurest bruke den strrelsen p headeren! 


- Hvis det er noe du lurer p om designet, hvordan man endrer p profilbilde eller lignende, s er det bare
sprre! Og husk: OBS OBS OBS! Ikke fjern det at jeg har laget designet, jeg brukte faktisk lang tid p lage den greia!

- EMMADESIGN


OBS OBS OBS TIL! FJERN "(HER ENDRER DU HEADER" NR DU LEGGER INN STILSETTET I DITT STILSETT.
HVIS IKKE BLIR DET PROBLEMER MED HEADEREN! S ENTEN ENDRER DU HEADER DER, ELLER S HAR
DU FERDIG HEADEREN OG FJERNER (HER ENDRER DU HEADER) VELDIG, VELDIG, VELDIG VIKTIG!!!!!!!!!



6 kommentarer

Jusali

03.08.2011 kl.22:15

Kjempefin blogg! :D

-jusali <3
Kjempe fiint<3<3<3

wima

22.12.2011 kl.23:57

Hvilken strrelse er det p bildene ? :)

Emmadesign

31.12.2011 kl.16:10

wima: 6 eller 700 :)

Emmadesign

31.12.2011 kl.16:11

wima: 6 eller 700 :)

Emmadesign

31.12.2011 kl.16:13

wima: 6 eller 700 :)
skriv en kommentar

Velkommen til bloggen min! Jeg heter Karoline og 16 r. Bloggen handler om meg og min hverdag + temaer jeg kjemper for! ♥