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. Hper 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; <--- hyde 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 snn 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 sprsml 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>Mnedens 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>Mnedens 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 gr ikke kopiere :(

Muffy

28.10.2012 kl.17:41

Mie Caroline: skal fikse p det, sier ifra nr det er klart ??

Skriv en ny kommentar

bilde

Velkommen! Jeg er en jente p 14 r som elsker ta bilder vre 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 fr foran linsa. Hper 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