Gratisdesign #2 Summer

 

Jepp da kommer det et nytt gratis design. Skal bytte design så tenkte at jeg like godt kunne gi det til dere. Håper dere liker det:)

 

Bilder i innlegg: 800px

Header: #header {

background-color: #transparent;

background-image: url('http://i47.tinypic.com/2jesp5u.jpg');<---- her bytter vi header!

height: 416px; <--- høyde på den

width: 1005px;<---- bredden på den!

background-repeat: no-repeat;

background-size: 100%;

margin: 0px 0px 10px 0px;

box-shadow: 0px 0px 2px #696969;

}

Hvordan du skifter backgrounden:

}
body {
padding-top: 50px;
background-image: url('http://bloggfiler.no/zeh.blogg.no/images/1471591-10-1338807844342.jpg'); <--- Her om du vil ha et bilde sånn so meg hvis ikke så sletter du kosen som er fet
background-color: #f8f3ff;<--- her kifter du fargen på den!
font-family: Arial, Helvetica, sans-serif;
color: #333333;
margin: 0px 0px 0px 0px;
background-repeat: no-repeat;
}




 

Om du har mere spørsmål så bare setter du de i kommentar feltet:)

LYKKE TIL

 


 

Stilsett:

.entry {
background-color: #ffffff;
}
body {
padding-top: 50px;
background-image: url('http://bloggfiler.no/zeh.blogg.no/images/1471591-10-1338807844342.jpg');
background-color: #f8f3ff;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
margin: 0px 0px 0px 0px;
background-repeat: no-repeat;
}
#wrapper {
background-color: transparent;
width: 1000px;
}
#header {
background-color: #transparent;
background-image: url('http://i47.tinypic.com/2jesp5u.jpg');
height: 416px;
width: 1005px;
background-repeat: no-repeat;
background-size: 100%;
margin: 0px 0px 10px 0px;
box-shadow: 0px 0px 2px #696969;
}
#main {
width: 803px;
box-shadow: 0px 0px 2px #696969;
padding: 2px;
background: #fff;
}
#footer {
background-color: #ffffff;
}
a { color: #CCCAC}
a:link { color: #000000}
a:visited { color: #000000}
h2 { font-family: Segoe UI Light; font-size: 40px; border-bottom: 1px solid #f4edff; }
#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; }
#wrapper {
background-color: #transparent;
padding: 0px;
}
#side {
background: #transparent;
overflow: visible;
width: 160px;
}
#box {
background: #FFF;
padding: 5px;
width: 200px;
box-shadow: 0px 0px 2px #696969;
}

 


Maler-forside-kategorier-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://img220.imageshack.us/img220/7633/faviconmyb.png" type="image/png" />
</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 align="center">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="meta">
<ul>
<li>
<tag:if test="${EntryCommentCount == 0}">
<tag:else />
</tag:if>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<center><a href="${EntryPermaLink}#comment"> Kommenter her </a></center>
<div class="meta">
<ul>
<li>
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">Én kommentar</a>
<tag:else />
</tag:if>
</li>
<li>
</li>
<li class="share">
</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="breadcrumbs"><div id="box">
<div>
<img src="http://i46.tinypic.com/2mxojrq.png" alt="${ProfileName}" width="200" />
</a>
<h4>Jeg er en jente på 13 år, fra Tyskland. Jeg har bodd i Norge alt i 11 år, og elsker å blogge! Jeg tar bildene mine med Canon SX130 IS. Jeg blogger om hverdagen min hvordan jeg har det og alt annet som kommer oppi skalen min. Velkommen Tilbake! </h4>
<br>
<h4>Du kan Kontakte meg HER: Sprotte@live.no</h4>
</div>
<a href="${ProfileUrl}">&#9829;Legg meg til som venn&#9829;</a>
</div>
<div id="box">
<div>
<h3>Månedens Bilde</h3>
<ul>
<a href="http://zeh.blogg.no/"><img src="http://i49.tinypic.com/14bkz1g.jpg" alt="bilde" width="200" /></a>
</ul>
</div>
</div>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div id="box">
<div>
<h3>Kategorier</h3>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</div>
<h3>Arkiv</h3>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</div>
</a>
<div>
<div id="box">
<div>
<h3>Designet </h3>
<ul>
designet har jeg laget helt selv(muffy zeh.blogg.no), men jeg har fott litt inspirasjon hos http://eirinhallands.blogg.no/
</ul>
</div>
</div>
</tag:if>
<tag:include module="sidebar"></tag:include>
<center><div class="sidebar">
</div>
</div>
</div>
<div class="yui-u first">
</div>
<div class="yui-u">
</div>
<div class="yui-u">
</div>
</div>
</div>
</body>
</html>

 


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://img220.imageshack.us/img220/7633/faviconmyb.png" type="image/png" />
</head>
<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>
<div class="meta">
<ul>
<li>
<tag:if test="${EntryCommentCount == 0}">
<tag:elseif test="${EntryCommentCount == 1}" />
<tag:else />
</tag:if>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<center><a href="${EntryPermaLink}#comment"> Kommenter her </a></center>
<div class="meta">
<ul>
<li>
<tag:if test="${EntryCommentCount == 0}">
<tag:elseif test="${EntryCommentCount == 1}" />
<tag:else />
</tag:if>
</li>
<li>
</li>
<li class="share">
</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 jeg blir glad&#9829;" />
</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="" class="clearfix">
<div class="breadcrumbs"><div id="box">
<div>
<img src="http://i46.tinypic.com/2mxojrq.png" alt="${ProfileName}" width="200" />
</a>
<h4>Jeg er en jente på 13 år, fra Tyskland. Jeg har bodd i Norge alt i 11 år, og elsker å blogge! Jeg tar bildene mine med Canon SX130 IS. Jeg blogger om hverdagen min hvordan jeg har det og alt annet som kommer oppi skalen min. Velkommen Tilbake! </h4>
<br>
<h4>Du kan Kontakte meg HER: Sprotte@live.no</h4>
</div>
<a href="${ProfileUrl}">&#9829;Legg meg til som venn&#9829;</a>
</div>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div id="box">
<div>
<h3>Månedens Bilde</h3>
<ul>
<a href="http://zeh.blogg.no/"><img src="http://i49.tinypic.com/14bkz1g.jpg" alt="bilde" width="200" /></a>
</ul>
</div>
</div>
<div id="profile" class="clearfix">
<div>
<div id="box">
<div>
<h3>Kategorier</h3>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</div>
<h3>Arkiv</h3>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</div>
</div>
<div id="box">
<div>
<h3>Designet </h3>
<ul>
designet har jeg laget helt selv(Muffy zeh.blogg.no), men jeg har fott litt inspirasjon hos http://eirinhallands.blogg.no/
</ul>
</div>
</div>
</div>
<div class="yui-u first">
</div>
<div class="yui-u">
<div class="yui-u">
</ul>
</div>
</div>
</div>
</body>
</html>

 

 

 

 

 

 

 

 

4 kommentarer

Kjersti

08.07.2012 kl.13:22

Veldig fint!

Karen Folkedal

11.10.2012 kl.09:26

veldig pent, jeg skal bruke det men hvordan skifter man slikt "profilbilde" ? :)

Mie Caroline <3

28.10.2012 kl.16:45

det går ikke å kopiere :(

Muffy

28.10.2012 kl.17:41

Mie Caroline: skal fikse på det, sier ifra når det er klart ??

Skriv en ny kommentar

bilde

Velkommen! Jeg er en jente på 14 år som elsker å ta bilder å være med venner på fritiden. Jeg er kjempe glad i å spille fotball og er en stor fan av One Direction. Her på bloggen min skriver jeg om hverdagen min og legge ut bilder av det som jeg får foran linsa. Håper du kommer tilbake♥

Kontakt:
Sprotte@live.no


♥Legg meg til som venn da!




bilde


Det er jeg som har redigert på designet. Du ser sikkert også at designer ligner veldig på http://auroramohn.blogg.no/ som er laget av http://fotoogwebdesign.blogg.no/.

hits