Gratis design 2 - Brun farger (emmadesign)

Hallo! ♥

Her får dere gratis design nr. 2, som jeg har laget! Jeg valgte et design i brunt, fordi det er ganske populært
og det var en som spurte om jeg kunne lage et med brun farger! Header str. står på headeren som følger med.


DESIGN - REDIGER - STILSETT. Kopier alt under, gå inn på stilsett, ta vekk alt du har der fra før og lim inn!


 

.entry {

background-color: #transparent;

}

body {

background-color: #FFFFFF;

background-image: url('http://bloggfiler.no/emmadesign.blogg.no/images/1243362-10-1314461756647.jpg');

background-repeat: repeat;

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

color: #000000;

}

#header {

border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;

background-color: #FFFFFF;

background-image: url('http://bloggfiler.no/emmadesign.blogg.no/images/1243362-10-1314461534065.jpg');

height: 350px;

width: 800px;

margin: 0px 0px 10px 0px;

background-repeat: repeat;

margin-left: auto;

margin-right: auto;

-webkit-box-shadow: 2px 3px 5px #000000;

-moz-box-shadow: 2px 3px 5px #000000;

}

#wrapper {

border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;

background-color: #FFFFFF;

width: 800px;

margin-left: auto;

margin-right: auto;

-webkit-box-shadow: 2px 3px 5px #000000;

-moz-box-shadow: 2px 3px 5px #000000;

}

#footer {

background-color: #FFFFFF;

width: 800px;

margin-left: auto;

margin-right: auto;

}

a { color: #000000}

a:link { color: #000000}

a:visited { color: #000000}

a:active { color: #000000}

h1, h2, h3, h4, h5 { font-family: Savoye LET, Geneva, sans-serif; font-size: 40px; }

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

#side {

display: none;

}

#main {

width: 100%

}

.entry {

border: 1px solid #000000;

background: #FFFFFF;

text-align: center;

border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;

}

 

 


DESIGN - REDIGER - MALER - FORSIDE/ARKIV/KATEGORI. Kopier alt under, så går du inn på maler-forside,
tar vekk alt der, og limer inn det nye. Det samme gjør du på maler-arkiv og maler-kategori


 <!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.blkogg.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"><br>

<div id="header">

<h1>${BlogTitle}</h1>

<p>${BlogDescription}</p>

</div>

<center><a href=LINK TIL BLOGGEN DIN><img src=http://i52.tinypic.com/28an4gx.png></a>

<a href=LINK TIL ET INNLEGG OM DEG><img src=http://i55.tinypic.com/2hg7g9w.png></a>

<a href=LINK TIL ET INNLEGG OM KONTAKT><img src=http://i51.tinypic.com/mm4s9i.png></a>

<a href=LINK TIL DER MAN KAN ADDE DEG SOM VENN><img src=http://i54.tinypic.com/dniuqp.png></a>

<a href=http://emmasinblogg.blogg.no><img src=http://i56.tinypic.com/2m7d9w9.png></a></center>

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

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

<a href="${EntryPermaLink}#comment">Én karamell</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount} karameller</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 blåbær</a>

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

<a href="${EntryPermaLink}#comment">Ét blåbær</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount} blåbær</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="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>

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

<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. Gå inn på maler-innlegg. Kopier alt under. Ta vekk det gamle og lim inn!


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

<center><a href=LINK TIL BLOGGEN DIN><img src=http://i52.tinypic.com/28an4gx.png></a>

<a href=LINK TIL ET INNLEGG OM DEG><img src=http://i55.tinypic.com/2hg7g9w.png></a>

<a href=LINK TIL ET INNLEGG OM KONTAKT><img src=http://i51.tinypic.com/mm4s9i.png></a>

<a href=LINK TIL DER MAN KAN ADDE DEG SOM VENN><img src=http://i54.tinypic.com/dniuqp.png></a>

<a href=http://emmasinblogg.blogg.no><img src=http://i56.tinypic.com/2m7d9w9.png></a></center>

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

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

<a href="${EntryPermaLink}#comment">Én karamell</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount} karameller</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 blåbær</a>

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

<a href="${EntryPermaLink}#comment">Ét blåbær</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount} blåbær</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="Send 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>

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


 

Hva syns du om designet? Hvis det ikke funket som det skal, så bare spør under på en kommentar! Header
endrer du forresten i stilsettet, under header, vedsiden av der det står url eller noe lignende.

- EMMA  

5 kommentarer

Kristine

27.08.2011 kl.20:13

Jeg skal bruke det! Men må fikse header og sånn først;-)

04.11.2011 kl.22:19

Hvordan fikser jeg skrifta, headeren og allt det der????

Helene <333

12.11.2011 kl.21:48

Hvordan får vi en header??

Jenny<33

07.12.2012 kl.17:42

Elsker det! Men jeg får ikke til å laste opp header:( Jeg har gjort det som står under alt det som man skal skrive inn men, jeg vet ikke hvordan man laster bildet opp. Hvordan gjør man det? <3:D

Emmadesign

09.12.2012 kl.10:13

Jenny3: du kan laste ned headeren i designbygger, der det står endre header eller noe lignende, også når den har lastet seg opp der, så kopierer du linken som kommer opp i det feltet, ikke lagre designet, men bare kopier den linken, og så legg den inn i stilsettet under header :)
skriv en kommentar

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