Heisann, dette er det designet jeg har nå. Det er mange som har spurt meg (face to face) om hvor jeg har fått tak i det. Så da tengte jeg at jeg bare kunne vise det. Så er det bare å bruke det;)

DERE KAN ENDRE PÅ DESIGNET SÅ MYE DERE VIL, MEN IKKE FJERN DER DET STÅR AT KATRINE HAR LAGET DET! DA KOMMER DERE UNDER FOR OG MISBRUKE DESIGNET. Jeg setter også veldig stor pris på til de som sier ifra, visst de ser noe tull.

Bildestørrelse i innlegg; 800 px.
Bredde på header; 1070 px.
Høyde på header;  330 px.

OM DERE HAR PROBLEMER MED DESIGNET, SEND EIEREN AV DESIGNET EN MAIL TIL KATRINEAASTORP.BLOGG@HOTMAIL.COM. ELLER KOMMENTER I KOMMENTARFELTET.

Hvordan endre header?

Det er mange som har lurt på hvordan man endrer header på dette designer, så da kan jeg si det.

1. Lag en header som er 1070 x 330 px. Om den ikke har denne størrelsen vil det ikke gå.

2. Last opp headeren på tinypic.com. Kopier den nederste koden som kommer opp.

3. Gå inn på desig-rediger-tilsett. Hold inne "CTRL" knappen å trykk på "F". Da skal det komme opp en søke linje. I søke linjen søker du på background-image: url. Like etter url er det et parantes, bytt ut koden inni paranteset med din kode.

Endre høyde på headeren

Lengden på headeren må holdes til 1070 px, men det går ann å endre høyden.

1. Hold inne "CTRL" knappen og trykker på "F". Da sal det komme opp et søkefelt, i søkefeltet søker du på background-image: url. Litt nedenfor skal det stå;

height: 340px;
width: 1070px;.

2. Da endrer du bare der det står: 330px til den høyden det er på headeren.

 

Du kan godt kommenter i komenat feltet om det er noe du ikke fårstår eller får til med designet. Men hadde vært fint om du la meg til som venn først, så kan jeg sende deg melding.
_________________________________________________________________________________________________________________________

DESIGN - STILSETT - MARKER ALT - LIM INN DETTE UNDER


body {

background-color: #F4F4F4;

}

a { color: #EDD5E9; text-decoration: none;}

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

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

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

a:hover {color: #EAC3C2;}

#wrapper {

border: solid 0px #E6E6E6;

clear:none;

padding: 0px;

width: 1090px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

-webkit-box-shadow: 0px 0px 15px #E2E0E0;

-moz-box-shadow: 0px 0px 15px #E2E0E0;

box-shadow: 0px 0px 15px #E2E0E0;

-moz-border-radius: 10px;

background-image: url(http://i55.tinypic.com/16bwqs5.png);

border: solid 10px #FFFFFF;

height: 330px;

width: 1070px;

margin: 0px 0px 15px 0px;

float: left;

margin-left: auto;

margin-right: auto;

}

#side {

-webkit-box-shadow: 0px 0px 15px #E2E0E0;

-moz-box-shadow: 0px 0px 15px #E2E0E0;

box-shadow: 0px 0px 15px #E2E0E0;

-moz-border-radius: 10px;

border: solid 0px #E6E6E6;

float: right;

width: 50px;

background-color: #ffffff;

font-family: tahoma;

font-size: 10px;

color: #7e7e77;

padding: 2px;

line-height: 150%;

margin-left: auto;

margin-right: auto;

}

#content {

-webkit-box-shadow: 0px 0px 15px #E2E0E0;

-moz-box-shadow: 0px 0px 15px #E2E0E0;

box-shadow: 0px 0px 15px #E2E0E0;

-moz-border-radius: 10px;

border: solid 0px #E6E6E6;

overflow: hidden;

float: left;

width: 820px;

padding: 0px 15px 20px 15px;

margin: 0px 0px 0px 0px;

line-height: 150%;

background-color: #ffffff;

margin-left: auto;

margin-right: auto;

}

h1 {

font-family: georgia;

font-size: 14px;

text-transform:uppercase;

margin: 0px;

padding: 0px;

height: 30px;

}

h2 {

border-bottom: 0px solid #EFE6E1;

color: #EAC3C2;

font-family: arial;

font-style: bold;

font-size: 11px;

font-weight: normal;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

line-height: 200%;

}

/** Entry headers **/

h3 {

font-family: times;

font-size: 25px;

color: #EAC3C2;

text-transform: normal;

font-weight: normal;

font-style: normal;

letter-spacing: 4px;

padding: 9px 9px 9px 9px;

margin-bottom: -20px;

margin-top: 15px;

line-height: 10%;

border-bottom: 0px solid #EFE6E1;

}

}

.navheader {

font-family: georgia;

font-size: 11px;

font-weight: normal;

color: #666666;

padding:30px 30px 0px;

margin-bottom:0px;

background-color:#FFFFFF;

text-transform: uppercase;

}

.nav {

font-family: georgia;

font-size: 11px;

font-weight: normal;

color: #000000;

margin: 0px;

}

.nav ul {

margin: 0px 0px 30px;

padding: 5px 10px 10px;

font-weight: normal;

background-color: #FFFFFF;

}

.nav li {

list-style: none;

padding: 0px 0px 6px 0px;

font-weight: normal;

}

.nav a { color: #000000; }

.nav a:hover { color: #EAC3C2; }

/** Post's body text **/

.entrybody {

font-family: arial;

font-size: 12px;

font-weight: normal;

color: #7e7e77;

line-height: 150%;

margin: 0px 0px 5px 0px;

background-color: #FFFFFF;

padding: 10px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: tahoma;

font-size: 10px;

font-weight: normal;

letter-spacing: 2px;

text-transform: normal;

color: #7e7e77;

text-align: middle;

line-height: 30%;

border-bottom: 2px solid #F4F4F4;

}

.entrymeta a { color: #7e7e77; }

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

.commentheader {

border-bottom: 0px solid #F4F4F4;

font-family: times;

font-size: 15px;

font-weight: normal;

color: #EAC3C2;

line-height: 130%;

margin: 10px 10px 0px 15px;

border-top: 1px solid #F4F4F4;

}

.commenttext {

font-family: arial;

font-size: 12px;

font-weight: normal;

color: #7e7e77;

line-height: 100%;

margin: 10px 10px 0px 0px;

border-bottom: 1px solid #FFFFFF;

}

.commentmeta {

font-family: arial;

font-size: 10px;

text-transform: uppercase;

font-weight: normal;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

border-bottom: 1px solid #F4F4F4;

}

.commentmeta a { color: #7e7e77; }

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

.commentform {

font-family: arial;

font-size: 11px;

text-transform: normal;

font-weight: normal;

color: #7e7e77;

margin: 10px 10px 20px 15px;

line-height: 130%;

}

#header h1, #header p { display:none }

#header { color: #7e7e77; }

#side {

width: 20%;

}

#main {

border-right: 10px solid #000000;

width: 70%;

}

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 5px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

background-color: #fff;

width: 146px;

}

#navbar li a {

padding: 10px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #7e7e77;

text-decoration: none;

font-family: arial;

font-size: 9px;

line-height: 5px;

background-color: #ffffff;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

width: 150px;

}

#navbar li:hover li, #navbar li.hover li {

float: none;

width: 220px;

}

#navbar li:hover li a, #navbar li.hover li a {

border-top: 0.5px solid #eeeeee;

color: #7e7e77;

}

#navbar li li a:hover {

background-color: #F7F3ED;

}

#meny {

width: 1070px;

margin-left: auto;

}?

_________________________________________________________________________________________________________________________

DESIGN - MALER - FORSIDEN - KATEGORI - ARKIV - MARKER ALT OG LIM INN DETTE UNDER (Limes inn på både forsiden, kategorier og på 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">

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

<br>

<br>

<body>

<div id="wrapper">

<br><div id="meny">

<ul id="navbar">

<li><a href="http://katrineaastorpdesign.blogg.no">Forsiden</a>

<li><a href="#">Siste innlegg</a>

<ul>

<tag:recentlist limit="10">

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

</tag:recentlist>

</ul>

</li>

<li><a href="#">Arkiv</a>

<ul>

<tag:archivelist>

<li><a href="${ArchiveLink}">${ArchiveName}</a></li>

</tag:archivelist>

</ul>

</li>

<li><a href="${ProfileUrl}">+ Add</a>

<li><a href="LINK HER">Overskrift her</a>

<ul>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

</ul>

</li>

<li><a href="LINK HER">Overskrift her</a>

<ul>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

</ul>

</li>

<li><a href="LINK HER">Overskrift her</a>

<ul>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

</ul>

</li>

</li>

</div>

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

</div>

<div id="content">

<tag:entrylist limit="31">

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

<br>

<div class="entrymeta">

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

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<center>${EntryDate} <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${EntryTime} · <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer · <a href="${EntryCategoryLink}">${EntryCategoryName}</a></div></ center>

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

<div class="entrymeta">

<center><font size="3"><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></font></ center>

<br/><br/>

<br>

<br>

</div>

<br>

<br>

</tag:entrylist>

</div>

<div id="side">

<br>

<img src="http://i52.tinypic.com/243lvo6.png" width="215" border="0" <!--DENNE KODEN TIL VENSTRE BYTTER DU BILDET, MELLOM DE TO KLAMMENE HVOR DET STÅR HTTP://TINYPIC--!>

<br>

Her kan du skrive om deg selv eller hva du vil. <!--TIL VENSTRE KAN DU SKRIVE HVA BLOGGEN DIN HANDLER OM--!>

<br>

<br>

<a href="${ProfileUrl}">Legg meg til som venn</a>

<br>

<br>

<br>

<h2>ARKIV</h2>

<tag:archivelist limit="30">

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

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

<br>

<h2>KATEGORIER</h2>

<tag:categorylist>

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

<h2>LINKER</h2>

<tag:linklist>

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

<h2>DESIGN</h2>

<a href="http://katrineaastorp.blogg.no"><img src="http://i54.tinypic.com/sqrq0k.jpg" width="215" border="0"

<br>

Designet er laget av Katrine.

<br><br>

</div>

</div>

</div>

</body>

</html>


DESIGN - MALER - INNLEGG - MARKER ALT OG LIM INN DENNE KODEN 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">

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

<br>

<body>

<div id="wrapper">

<br><div id="meny">

<ul id="navbar">

<li><a href="http://katrineaastorpdesign.blogg.no">Forsiden</a>

<li><a href="#">Siste innlegg</a>

<ul>

<tag:recentlist limit="10">

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

</tag:recentlist>

</ul>

</li>

<li><a href="#">Arkiv</a>

<ul>

<tag:archivelist>

<li><a href="${ArchiveLink}">${ArchiveName}</a></li>

</tag:archivelist>

</ul>

</li>

<li><a href="${ProfileUrl}">+ Add</a>

<li><a href="LINK HER">Overskrift her</a>

<ul>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

</ul>

</li>

<li><a href="LINK HER">Overskrift her</a>

<ul>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

</ul>

</li>

<li><a href="LINK HER">Overskrift her</a>

<ul>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

<li><a href="#" class="nav">Link</a></li>

</ul>

</li>

</li>

</div>

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

</div>

<div id="content">

<tag:entry>

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

<br>

<div class="entrymeta">

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

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<center>${EntryDate} <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${EntryTime} </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}">

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

&nbsp&nbsp<font face="times"><font size="4"><font color="#EAC3C2">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font></em></center>

<tag:commentlist>

<div class="commentheader">

<b>${CommentAuthor}</b>

<br>

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

<div class="commentmeta">

${CommentDate}, ${CommentTime}

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

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

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

<br>

<font color="#EAC3C2"><font face="georgia"><font size="5">Legg igjen en kommentar:</font><br/><br/>

</font></font>

Navn: <br />

<input type="georgia" 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="georgia" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />

<br />

Bloggadresse: <br />

<input type="georgia" 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 />

<br/>

<input class="formbutton" type="submit" name="submit" value="Tusen takk!" /> <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> Dette designet er laget av http://katrineaastorp.blogg.no

<br/>

</form>

</tag:if>

</div>

<div id="side">

<br>

<img src="http://i52.tinypic.com/243lvo6.png" width="215" border="0"

<br>

Her kan du skrive om deg selv eller hva du vil.</ center>

<br>

<br>

<img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> <a href="${ProfileUrl}">Legg meg til som venn</a>

<br>

<br>

<br>

<h2>ARKIV</h2>

<tag:archivelist limit="30">

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

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

<br>

<h2>KATEGORIER</h2>

<tag:categorylist>

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

<h2>LINKER</h2>

<tag:linklist>

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

<h2>DESIGN</h2>

<br>

<a href="http://katrineaastorp.blogg.no"><img src="http://i54.tinypic.com/sqrq0k.jpg" width="215" border="0"

<br>

Designet er laget av Katrine.

<br><br>

</div>

_________________________________________________________________________________________________________________________

Håper du liker, og velger å bruke designet!

-Hva synes du??

 

 


  4 kommentarer på "Mitt design!"

Miri
Du kunne bare ha linket til hun som har laget designet, istedet får og ta det som om du laget det selv.

-Designet er kjempe fint <3
22.06.2012, 17:45
Mimlie
Miri: ......Har ikke tatt det som om jeg har lagd det selv ;) Jeg spurte om hun ville jeg skulle lage sånn, eller sende link. Da sa hun at jeg kunne lage eget innlegg, men kopiere det hun skrev, bare bytte ut jeg og det der med Katrine eller henne ;)

-Takk?
23.06.2012, 10:18 URL: http://mimlie.blogg.no/
Mimlie
Mimlie: ?? Det spørsmålstegnet der skulle vell vært et hjerte O.o Var det jeg lagde.. :p ?
23.06.2012, 11:36 URL: http://mimlie.blogg.no/
Mimlie
Mimlie: Åååååeh, det går ikke ann å lage hjerter!! <3 Sånn da... :p
23.06.2012, 11:37 URL: http://mimlie.blogg.no/


Legg igjen en kommentar:

Navn:
Husk meg?
E-post:

Bloggadresse:

Kommentar:


Dette designet er laget av http://katrineaastorp.blogg.no

Her kan du skrive om deg selv eller hva du vil.

Legg meg til som venn


ARKIV

· Juli 2012 · Juni 2012 · Mai 2012 · April 2012 · Mars 2012 · Februar 2012 · Januar 2012


KATEGORIER

· Blogg · Parfyme

LINKER

· blogg.no · Få din egen blogg!

DESIGN


Designet er laget av Katrine.

hits