k a t r i n e a a s t o r p

Gratis design #7 - We found love..

26.jan.2012

DE SOM MISSBRUKER DESIGNENE MINE BLIR RAPPORERT/ANMELDT.

Jeg svarer IKKE på kommentarene deres, så om det er noe dere lurer på, så heller send meg en MAIL på katrineaastorp.blogg@hotmail.com.

Om dere lurer på hvordan man setter inn header, profilbilde, profiltekst osv, står det mere informasjon HER.

Dere kan endre så mye dere vil på designet, så lenge dere ikke fjerner der det står at det er laget av meg. Da vil du gå under som å missbruke designet mitt visst jeg oppdager det.

Bildestørrelse i innlegg; 800px
Bredde på header; 1042px

MARKER ALT - STILSETT - LIM INN

body {

background-attachment: fixed;

}

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: #C1B1A2; cursor: crosshair;}

#wrapper {

border: solid 0px #E6E6E6;

clear:none;

padding: 0px;

width: 1042px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

border: 0px solid #FFFFFF;

height: 301px;

width: 1042px;

float: left;

}

#side {

border-left: solid 1px #F4EDED;

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 {

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: 1px solid #EFE6E1;

color: #7e7e77;

background-color: #EAE4DE;

font-family: georgia;

font-style: normal;

font-size: 11px;

letter-spacing: 3px;

font-weight: normal;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

line-height: 100%;

}

/** Entry headers **/

h3 {

font-family: edwardian script ITC;

font-size: 43px;

color: #C1B1A2;

text-transform: lowercase;

font-weight: normal;

font-style: normal;

letter-spacing: 2px;

padding: 9px 9px 9px 9px;

margin-bottom: -20px;

margin-top: 15px;

line-height: 70%;

border-bottom: 1px solid #eaeaea;

}

.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: #C1B1A2; }

/** Post's body text **/

.entrybody {

font-family: courier new;

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: arial;

font-size: 10px;

font-weight: normal;

letter-spacing: 1px;

text-transform: normal;

color: #7e7e77;

text-align: middle;

line-height: 40%;

border-bottom: 0px solid #7e7e77;

}

.entrymeta a { color: #7e7e77; }

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

.commentheader {

border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 11px;

text-transform: normal;

font-family: courier new;

font-size: 15px;

font-weight: normal;

color: #7e7e77;

background-color: #EAE4DE;

border: 10px solid #EAE4DE;

line-height: 130%;

margin: 10px 10px 0px 15px;

}

.commenttext {

border-bottom: 2px solid #FFFFFF;

font-family: arial;

font-size: 11px;

text-transform: normal;

font-weight: normal;

color: #7e7e77;

line-height: 100%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: arial;

font-size: 10px;

font-weight: normal;

text-transform: uppercase;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

}

.commentmeta a { color: #7e7e77; }

.commentmeta a:hover { color: #C1B1A2; 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: 18%;

}

#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: 730px;

margin-left: auto;

}

MARKER ALT OG KOPIER - LIM INN I MALEREN PÅ FORSIDEN, KATEGORI OG ARKIV I DESIGN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

</head>

<br>

<body>

</div>

<tag:entrylist limit="31">

<br>

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

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

<center><font size="3"><a href="${EntryPermaLink}#comment">· kommenter her ·</a></font></ center>

<br>

</div>

<br>

</tag:entrylist>

</div>

<br>

<br>

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

<br>

<br>

<h2><img src="http://i54.tinypic.com/9lio0k.png" border="0"> Arkiv</h2>

<br>

<tag:archivelist limit="30">

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

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

<br>

<h2><img src="http://i54.tinypic.com/9lio0k.png" border="0"> Kategorier</h2>

<br>

<tag:categorylist>

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

<h2><img src="http://i54.tinypic.com/9lio0k.png" border="0"> Linker</h2>

<br>

<tag:linklist>

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

<h2><img src="http://i54.tinypic.com/9lio0k.png" border="0"> Design / Layout</h2>

<br>

<a href="http://katrineaastorp.blogg.no"><img src="http://i43.tinypic.com/25jcsxv.png" width="185" border="0"

</div>

</body>

</html>

MARKER ALT OG KOPIER - LIM INN PÅ MALEREN I INNLEGG PÅ DESIGN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

</head>

<br>

<body>

</div>

<tag:entry>

<br>

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

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

</tag:entry>

<tag:if test="${Comments == 1}">

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

<tag:commentlist>

<b>${CommentAuthor}</b>

<br>

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

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

</div>

</tag:commentlist>

<br />

<br>

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

</font></font>

Navn: <br />

E-post:<br />

<br />

Bloggadresse: <br />

<br />

Kommentar: <br />

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

<br>

<br>

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

<br>

<br>

<h2><img src="http://i54.tinypic.com/9lio0k.png" border="0"> Arkiv</h2>

<br>

<tag:archivelist limit="30">

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

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

<br>

<h2><img src="http://i54.tinypic.com/9lio0k.png" border="0"> Kategorier</h2>

<br>

<tag:categorylist>

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

<h2><img src="http://i54.tinypic.com/9lio0k.png" border="0"> Linker</h2>

<br>

<tag:linklist>

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

<h2><img src="http://i54.tinypic.com/9lio0k.png" border="0"> Design / Layout</h2>

<br>

<a href="http://katrineaastorp.blogg.no"><img src="http://i43.tinypic.com/25jcsxv.png" width="185" border="0"

</div>

</body>

</html>

· kommenter her ·

Gratis design #6 - Sukkersøtt

28.jul.2011

23:10 · 109 kommentarer · Blogg

DE SOM MISBRUKER DESIGNENE MINE BLIR ANMELDT/RAPPORTERT.

Om det er noe dere sliter med, så har jeg svart på ofte stilte spørsmål. Klikk HER for og komme inn på siden.

Dere kan endre så mye dere vil på designet, så lenge dere ikke fjerner der det står at det er jeg som har laget det. Da kommer du under for og misbruke designet mitt.

Bildestørrelse i innlegg; 800px.
Bredde på header; 844

OM DET ER NOE DERE LURER PÅ ELLER TRENGER HJELP, SÅ SEND MEG MAIL PÅ KATRINEAASTORP.BLOGG@HOTMAIL.COM. JEG SVARER IKKE I KOMMENTARFELTET!!

MARKER ALT - STILSETT - LIM INN

body {

background-color: #F4EDED;

}

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; cursor: crosshair;}

#wrapper {

border: solid 0px #E6E6E6;

clear:none;

padding: 0px;

width: 1032px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

height: 290px;

width: 844px;

float: right;

margin-left: auto;

margin-right: auto;

}

#side {

border: solid 0px #E6E6E6;

float: left;

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 {

border: solid 0px #E6E6E6;

overflow: hidden;

float: right;

width: 800px;

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: 1px solid #EFE6E1;

color: #E0B1BF;

font-family: times;

font-style: normal;

font-size: 13px;

letter-spacing: 3px;

font-weight: normal;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

line-height: 100%;

}

/** Entry headers **/

h3 {

font-family: times;

font-size: 23px;

color: #E0B1BF;

text-transform: normal;

font-weight: normal;

font-style: italic;

letter-spacing: 4px;

padding: 9px 9px 9px 9px;

margin-bottom: -20px;

margin-top: 15px;

line-height: 25%;

border-bottom: 1px solid #eaeaea;

}

.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: tahoma;

font-size: 11px;

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: 0px solid #7e7e77;

}

.entrymeta a { color: #7e7e77; }

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

.commentheader {

border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 11px;

text-transform: normal;

font-family: courier new;

font-size: 15px;

font-weight: normal;

color: #7e7e77;

background-color: #F4EDED;

border: 10px solid #F4EDED;

line-height: 130%;

margin: 10px 10px 0px 15px;

}

.commenttext {

border-bottom: 2px solid #FFFFFF;

font-family: arial;

font-size: 11px;

text-transform: normal;

font-weight: normal;

color: #7e7e77;

line-height: 100%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: arial;

font-size: 10px;

font-weight: normal;

text-transform: uppercase;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

}

.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: 19%;

}

#main {

border-right: 10px solid #000000;

width: 70%;

}

#side {

margin-top: -30px;

background-color: #ffffff;

}

MARKER ALT OG KOPIER - LIM INN I MALEREN PÅ FORSIDEN, KATEGORI OG ARKIV I DESIGN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

</head>

<br>

<body>

</div>

<tag:entrylist limit="31">

<br>

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

<br>

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

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

<br>

</div>

<br>

</tag:entrylist>

</div>

<br>

<br>

<br>

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

<br>

<br>

<h2>Arkiv</h2>

<br>

<tag:archivelist limit="30">

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

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

<br>

<h2>Kategorier</h2>

<br>

<tag:categorylist>

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

<h2>Linker</h2>

<br>

<tag:linklist>

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

<h2>Design / Layout</h2>

<br>

<a href="http://katrineaastorp.blogg.no"><img src="http://i52.tinypic.com/jpyhcw.png" width="195" border="0"

<br>

</div>

</body>

</html>

MARKER ALT OG KOPIER - LIM INN PÅ MALEREN I INNLEGG PÅ DESIGN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

</head>

<br>

<body>

</div>

<tag:entry>

<br>

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

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

</tag:entry>

<tag:if test="${Comments == 1}">

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

<tag:commentlist>

<b>${CommentAuthor}</b>

<br>

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

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

</div>

</tag:commentlist>

<br />

<br>

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

</font></font>

Navn: <br />

E-post:<br />

<br />

Bloggadresse: <br />

<br />

Kommentar: <br />

<br />

<br/>

</form>

</tag:if>

</div>

<br>

<br>

<br>

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

<br>

<br>

<h2>Arkiv</h2>

<br>

<tag:archivelist limit="30">

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

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

<br>

<h2>Kategorier</h2>

<br>

<tag:categorylist>

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

<h2>Linker</h2>

<br>

<tag:linklist>

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

<h2>Design / Layout</h2>

<br>

<a href="http://katrineaastorp.blogg.no"><img src="http://i52.tinypic.com/jpyhcw.png" width="195" border="0"

<br>

</div>

</body>

</html>

· kommenter her ·

Ofte stilte spørsmål ang design

28.jul.2011

22:59 · 94 kommentarer · Blogg

Her svarer jeg på ofte stilte spørsmål. Om det blir noen nye spørsmål fra dere, skriver jeg det bare ned her.

Hvordan setter jeg inn design?
Dette er veldig enkelt og gjøre, men noe som mange gjør feil er og lime det inn feil, og da kan det skape utrolig mye rot. Så visst bloggen din blir rotete etter du har limt inn, har du mest sannsynlig limt inn feil.

Først må du kopiere der jeg har skrevet "STILSETT" over. Hele den koden kopierer du. Når du har kopiert denne koden går du da inn på "Design" og deretter "Stilsett" så høyreklikker du på det som er der, og klikker på "Marker alt". Etter du har gjort dette høyreklikker du igjen og klikker på "Lim inn". Også lagrer du! Da skal stilsettet være inne.

Når du har limt inn stilsettet, kopierer du hele koden hvor det står over "MALER - KATEGORI, ARKIV, INNLEGG". Når du har kopiert den koden går du da inn på "Design" og deretter "Maler" og da skal du automatisk være inne på "Forsiden". Når du er der inne høyreklikker du og klikker på "Marker alt" etter du har markert alt høyreklikker du igjen og klikker på "Lim inn" også lagrer du. Det samme gjør du på Kategori og Akriv. IKKE INNLEGG! For da blir det rot. Bare Kategori og Arkiv, husk det.

Når du er ferdig med dette, kopierer du det siste. Nemlig "INNLEGG" som jeg har skrevet over koden. Når du har kopiert denne går du inn på "Design" og deretter "Maler" også "Innlegg" som skal stå rett vedsiden av "Forsiden". Når du er inne på innlegg, høyreklikker du og klikker på "Marker alt" når du har markert alt, høyreklikker du igjen og klikker på "Lim inn" så lagrer du. Og da er du endelig ferdig! Da har du limt inn hele designet. Og husk og gjør dette eksakt etter hva jeg sier, for en liten minste feil i html kodene kan det bli rot.

Hvordan skifter jeg profilbilde?
Det første du gjør er og gå innpå "Design" og deretter "Maler." Når du er inne på maleren, holder du inn ctrl knappen og trykker på f, da skal det komme opp en sånn søkeboks. Inni den søkeboksen søker du på dette; <img src="http://i52.tinypic.com/243lvo6.png" width="215" border="0"

OBS: Dette avgjør bare på hvilket design du har tatt ifra meg, så om du ikke finner koden, så skal den være noe alla lik den over her.

Når du har funnet den koden, så går du inn på www.tinypic.com, og laster opp ditt profilbilde der. Når det er lastet opp, kopierer du den nederste koden og limer da den inn mellom det to klammene, som de her; "http://i52.tinypic.com/243lvo6.png"

Om bildet ditt blir for lite eller for stort, så kan du alltids endre det tallet hvor det står 215 til et mindre eller større tall ettersom bilde ditt er mindre eller for stort. OBS: Om du vil ha profilbilde på både forsiden, innlegg, kategori og arkiv, så husk og gjør det samme med de.

Hvordan skifter jeg tekst under profilbilde?
Dette er veldig enkelt, så dette er noe de fleste skal greie. Det eneste du trenger og gjøre er å gå inn på "Design" og deretter "Maler. Når du er inne her holder du inn ctrl knappen og trykker på f, da skal det komme opp en søkeboks. Inni den søkeboksen søker du på dette; Her kan du skrive om deg selv eller hva du vil

Når det har da kommet opp, så endrer du bare det til det du vil ha, enklere enn det blir det ikke! OBS: Husk og gjør dette på innlegg, kategori og arkiv visst du vil ha tekst på alle sidene :-)

Hvordan skifter jeg header?
Dette angår på hvilket design du har som du har tatt ifra meg. Det første du må gjøre da er og sjekke hva bredden på headeren er, det pleier jeg som regel og skrive øverst i innlegget hvor jeg har lagt ut kodene. Eller så kan du jo også sjekke selv! Da går du bare inn på "Design" og deretter "Stilsett" og blar ned til du ser "header" og under der skal det da stå "width;" og et tall, det tallet er da bredden på headeren din.

Når du har funnet ut hvilken bredde headeren din må være, går du inn på et redigeringsprogram for og endre headeren din til den bredden sånn at den skal passe inn. Jeg anbefaler å bruke Photoscape da, for er mange som har brukt andre redigeringsprogrammer til og gjøre dette, og det har ikke funket da, så derfor anbefaler jeg og bruke Photoscape.

Når du har endret bredden til det den skal være går du da inn på www.tinypic.com, og laster opp din header der. Når den er lastet opp, kopierer du den nederste koden og går inn på "Design" og deretter "Stilsett." Så skal du da bla ned til du ser denne koden her;

#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

I den nederste koden hvor det står "Background-Image" skal du da lime inn headeren din, altså mellom de to klammene, som det her; (http://i55.tinypic.com/16bwqs5.png);

Om headeren din blir kuttet av, eller ikke er lang nok i høyden justerer du dette hvor det står "Height;" rett under. Da gjør du bare tallet større eller mindre.

Om det er noe mere dere lurer på ang designet, så kommer jeg til og skrive opp flere spørsmål og svar her. Håper dette var til hjelp!

· kommenter her ·

Gratis design #5 - Originalt

09.jul.2011

18:46 · 168 kommentarer · Blogg

DE SOM MISBRUKER DESIGNENE MINE BLIR ANMELDT/RAPPORTERT.

DERE KAN ENDRE PÅ DESIGNET SÅ MYE DERE VIL, MEN IKKE FJERN DER DET STÅR AT JEG HAR LAGET DET! DA KOMMER DERE UNDER FOR OG MISBRUKE DESIGNET MITT. 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.

OM DERE HAR PROBLEMER MED DESIGNET, SEND MEG EN MAIL TIL KATRINEAASTORP.BLOGG@HOTMAIL.COM, JEG SVARER IKKE PÅ SPØRSMÅL I KOMMENTARFELTET.

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;

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

</head>

<br>

<body>

<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="LINK HER">Overskrift her</a>

<ul>

</ul>

</li>

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

<ul>

</ul>

</li>

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

<ul>

</ul>

</li>

</div>

</div>

<tag:entrylist limit="31">

<br>

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

<br>

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

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

<br>

</div>

<br>

</tag:entrylist>

</div>

<br>

<br>

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

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

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

<head>

<title>${BlogTitle} - ${PageTitle}</title>

</head>

<br>

<body>

<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="LINK HER">Overskrift her</a>

<ul>

</ul>

</li>

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

<ul>

</ul>

</li>

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

<ul>

</ul>

</li>

</div>

</div>

<tag:entry>

<br>

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

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

</tag:entry>

<tag:if test="${Comments == 1}">

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

<tag:commentlist>

<b>${CommentAuthor}</b>

<br>

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

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

</div>

</tag:commentlist>

<br />

<br>

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

</font></font>

Navn: <br />

E-post:<br />

<br />

Bloggadresse: <br />

<br />

Kommentar: <br />

<br />

<br/>

</form>

</tag:if>

</div>

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

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

</div>

</body>

</html>

· kommenter her ·

Gratis design #4 - Love, believe, dream

27.mai.2011

02:27 · 156 kommentarer · Blogg

Dere kan endre og gjøre så mye dere vil inne på designet, men IKKE fjerne der det står at jeg har laget det. Om jeg ser noen som misbruker designet mitt, så blir dem umiddelbart kontaktet av meg, og rapportet til blogg.no, så du får problemer av det. Jeg setter også pris på folk som sier ifra om dem ser at noen misbruker designene mine!

Bildestørrelse i innlegg; 700 px.

Bredde på header; 1035 px;

Om dere har problemer med designet eller trenger hjelp til og sette det inn, så send meg en mail på katrineaastorp.blogg@hotmail.com. Det er mye enklere for meg og svare dere der og da får dere også raskere svar og fortere hjelp!

DESIGN - STILSETT

body {

background-color: #EFE6E1;

}

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

#wrapper {

border: solid 0px #E6E6E6;

clear:none;

padding: 0px;

width: 960px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

border: solid 0px #FFFFFF;

height: 270px;

width: 1035px;

margin: 0px 0px 10px 0px;

float: right;

margin-left: auto;

margin-right: auto;

}

#side {

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

-webkit-box-shadow: 0px 0px 20px #f9f9f9;

-moz-box-shadow: 0px 0px 20px #f9f9f9;

box-shadow: 0px 0px 20px #f9f9f9;

-moz-border-radius: 15px;

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 {

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

-webkit-box-shadow: 0px 0px 20px #f9f9f9;

-moz-box-shadow: 0px 0px 20px #f9f9f9;

box-shadow: 0px 0px 20px #f9f9f9;

-moz-border-radius: 15px;

border: solid 0px #E6E6E6;

overflow: hidden;

float: left;

width: 720px;

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: #999999;

background-color: #EFE6E1;

font-family: georgia;

font-size: 12px;

font-weight: normal;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

}

/** Entry headers **/

h3 {

font-family: vijaya;

font-size: 35px;

color: #E2D4CC;

text-transform: normal;

font-weight: normal;

font-style: normal;

letter-spacing: 3px;

padding: 9px 9px 9px 9px;

margin-bottom: -20px;

margin-top: 15px;

line-height: 50%;

border-bottom: 2px 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: #E5D7CE; }

/** Post's body text **/

.entrybody {

font-family: tahoma;

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: georgia;

font-size: 10px;

font-weight: normal;

text-transform: normal;

color: #7e7e77;

text-align: middle;

line-height: 30%;

border-bottom: 0px dotted #E2E6DD;

}

.entrymeta a { color: #7e7e77; }

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

.commentheader {

border-bottom: 2px solid #FFFFFF;

-webkit-box-shadow: 0px 0px 10px #f9f9f9;

-moz-box-shadow: 0px 0px 10px #f9f9f9;

box-shadow: 0px 0px 10px #f9f9f9;

-moz-border-radius: 5px;

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

font-family: courier new;

font-size: 14px;

font-weight: normal;

color: #7e7e77;

background-color: #EFE6E1;

line-height: 130%;

margin: 10px 10px 0px 15px;

border: 2px solid #FFFFFF;

}

.commenttext {

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #7e7e77;

line-height: 100%;

margin: 10px 10px 0px 0px;

border-bottom: 2px 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: 0px dashed #E7E0D6;

}

.commentmeta a { color: #7e7e77; }

.commentmeta a:hover { color: #d8c6cb; 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: 18%;

}

#main {

border-right: 10px solid #000000;

width: 70%;

}

MALEREN - FORSIDEN, KATEGORI, ARKIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

</head>

<br>

<body>

</div>

<tag:entrylist limit="31">

<br>

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

<br>

<center>${EntryDate} <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${EntryTime} // <a href="${EntryPermaLink}#comment">k o m m e n t a r e r (${EntryCommentCount})</a></div></ center>

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

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

<br>

</div>

<br>

</tag:entrylist>

</div>

<br>

<br>

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

<br>

<br>

<tag:archivelist limit="30">

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

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

<br>

<tag:categorylist>

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

<tag:linklist>

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

<br>

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

<br>

Designet er laget av Katrine.

</div>

</body>

</html>

MALEREN - INNLEGG

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

</head>

<br>

<body>

</div>

<tag:entry>

<br>

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

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

I <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

</div>

</tag:entry>

<tag:if test="${Comments == 1}">

&nbsp&nbsp<font face="georgia"><font size="3"><font color="#EFE6E1">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<b>${CommentAuthor}</b>

<br>

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

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

</div>

</tag:commentlist>

<br />

<br>

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

</font></font>

Navn: <br />

E-post:<br />

<br />

Bloggadresse: <br />

<br />

Kommentar: <br />

<br />

<br/>

</form>

</tag:if>

</div>

<br>

<br>

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

<br>

<br>

<tag:archivelist limit="30">

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

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

<br>

<tag:categorylist>

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

<tag:linklist>

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

<br>

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

<br>

Designet er laget av Katrine.

</div>

</body>

</html>

JEG SVARER IKKE I KOMMENTARFELTET, SÅ OM DU LURER PÅ NOE SÅ SEND EN MAIL TIL KATRINEAASTORP.BLOGG@HOTMAIL.COM. På forhånd takk! ;-)

· kommenter her ·

Gratis design #3 - Purple

05.mai.2011

01:22 · 80 kommentarer · Blogg

Jeg tålerer ikke at dere misbruker designene mine! Så om jeg ser noe tull, rapporterer jeg til blogg.no med en gang!

Det er helt greit at dere endrer og fikser på designet så mye dere vil, bare dere IKKE fjerner der det står at jeg har laget det. Jeg kan se om det er mine grunnkoder uansett, og da sender jeg rapport til blogg.no med engang, eller skriver en beskjed til deg.

Dere kan lese mer om hvordan dere skifter header og hvordan skifte tekst og bilde i sidemenyen på denne siden her. Bare bla nedover, så har jeg skrevet i store bokstaver!

Om du har problemer med og sette inn designet eller andre problemer, så vær så snill og send meg en mail på katrineaastorp.blogg@hotmail.com. Jeg svarer mye fortere der, enn her i kommentarfeltet! Også er det mye enklere med kontakt der.

DESIGN - STILSETT

body {

background-color: #F9F2F8;

}

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 {letter-spacing:2px;}

#wrapper {

border: solid 0px #E6E6E6;

clear:none;

padding: 0px;

width: 1040px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

border: solid 1px #E6E6E6;

height: 270px;

width: 850px;

margin: 0px 0px 10px 0px;

float: right;

margin-left: auto;

margin-right: auto;

}

#side {

border: solid 1px #E6E6E6;

float: left;

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 {

border: solid 1px #E6E6E6;

overflow: hidden;

float: right;

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: 1px dashed #E2E6DD;

color: #999999;

font-family: georgia;

font-size: 13px;

font-weight: normal;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

}

/** Entry headers **/

h3 {

font-family: georgia;

font-size: 25px;

color: #EDD5E9;

text-transform: normal;

font-weight: normal;

font-style: normal;

letter-spacing: 0px;

padding: 9px 9px 9px 9px;

margin-bottom: -20px;

margin-top: 15px;

line-height: 50%;

}

.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: #EDD5E9; }

/** Post's body text **/

.entrybody {

font-family: tahoma;

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: georgia;

font-size: 10px;

font-weight: normal;

text-transform: normal;

color: #7e7e77;

text-align: middle;

line-height: 20%;

border-bottom: 1px dotted #E2E6DD;

}

.entrymeta a { color: #7e7e77; }

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

.commentheader {

border-bottom: 1px dotted #E2E6DD;

-webkit-box-shadow: 0px 0px 20px #7e7e77;

-moz-box-shadow: 0px 0px 20px #7e7e77;

box-shadow: 0px 0px 3px #7e7e77;

-moz-border-radius: 15px;

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

font-family: arial;

font-size: 13px;

font-weight: normal;

color: #7e7e77;

background-color: #FCF7FC;

line-height: 130%;

margin: 10px 10px 0px 15px;

border: 5px solid #f9f9f9;

}

.commenttext {

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #7e7e77;

line-height: 100%;

margin: 10px 10px 0px 0px;

border-bottom: 1px dotted #E7E0D6;

}

.commentmeta {

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

border-bottom: 0px dashed #E7E0D6;

}

.commentmeta a { color: #7e7e77; }

.commentmeta a:hover { color: #d8c6cb; 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: 16%;

}

#main {

border-right: 10px solid #000000;

width: 70%;

}

Background-color, color (farge på teksten), border osv kan endres på.

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 150px;

background-color: #fff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #000000;

text-decoration: none;

font-family: arial;

font-size: 9px;

line-height: 11px;

}

#navbar li ul {

padding: 1px;

display: none;

width: em;

background-color: #fff;

}

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

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

}

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

float: none;

}

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

border-bottom: 1px dotted #E6E6E6;

color: #727272;

}

#navbar li li a:hover {

background-color: #FFF2FE;

}

#meny {

width: 750px;

margin-left: auto;

}

#side {

margin-top: -282px;

background-color: #ffffff;

}

MALER - FORSIDEN, KATEGORI, ARKIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

</head>

<br>

<body>

<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="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">» ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

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

<ul>

<tag:archivelist>

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

</tag:archivelist>

</ul>

</li>

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

<ul>

</ul>

</li>

</ul>

</div>

</div>

<tag:entrylist limit="31">

<br>

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

<br>

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

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

<br>

</div>

<br>

</tag:entrylist>

</div>

<br>

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

<br>

<br>

<tag:archivelist limit="30">

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

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

<br>

<br>

<tag:categorylist>

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

<tag:linklist>

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

<br>

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

<br>

Designet er laget av Katrine.

</div>

</body>

</html>

MALEREN - INNLEGG

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

</head>

<br>

<body>

<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="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">» ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

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

<ul>

<tag:archivelist>

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

</tag:archivelist>

</ul>

</li>

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

<ul>

</ul>

</li>

</ul>

</div>

</div>

<tag:entry>

<br>

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

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

I <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

</div>

</tag:entry>

<tag:if test="${Comments == 1}">

&nbsp&nbsp<font face="Vijaya"><font size="5"><font color="#666666">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<b><img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${CommentAuthor}</b>

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

${CommentDate}, ${CommentTime}<br/>

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

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

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

<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a><br/><br/>

</tag:if>

</div>

</tag:commentlist>

<br />

<br>

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

</font></font>

Navn: <br />

E-post:<br />

<br />

Bloggadresse: <br />

<br />

Kommentar: <br />

<br />

<br/>

</form>

</tag:if>

</div>

<br>

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

<br>

<br>

<tag:archivelist limit="30">

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

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

<br>

<br>

<tag:categorylist>

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

<tag:linklist>

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

<br>

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

<br>

Designet er laget av Katrine.

</div>

</body>

</html>

· kommenter her ·

Gratis design #2 - Sweet dreams

23.apr.2011

02:05 · 147 kommentarer · Blogg

Det er greit at dere endrer eller fikser på designet, men IKKE fjern der det står at jeg har laget det. Dere kan få problemer visst jeg finner ut av det. Enkelt og greit er det.

HVORDAN DU SKIFTER HEADER
Det er mange som har slitet med og sette inn header, eller bytte header på det forrige designet. Derfor skal jeg forklare på min beste måte hvordan dere skifter header på dette designet.

1. Først må du ha en header som er 850 i bredden, dette kan du fikse på et redigeringsprogram hvor du kan endre størrelsen og da bare setter du bredden på 850. Husk det! Om det er for lite eller for stort, så går det ikke.

2. Etter du har endret bredden til 850, går du inn på www.tinypic.com og laster opp din header der. Når den er ferdig opplastet skal du kopiere den nederste koden.

3. Når du har kopiert denne koden går du da inn på design og deretter stilsett. Så holder du ctrl knappen inne imens du trykker på F. Da skal det komme opp en sånn søkerute, da søker du på #header {

4. Når du har fått søkt på det og funnet deg frem dit, så skal det stå background-image: url(http://i52.tinypic.com/snm74j.jpg);

Der det står (http://i52.tinypic.com/snm74j.jpg); skal du da bytte ut med din kode.

5. Det er veldig mange som sleit med lengden på headeren. Når du har fått tatt inn koden til headeren din, så skal det stå height: 185px; under denne koden. Der det står 185px; skal du da endre tallet til et større tall om headeren din er lengre i høyden enn den headeren som er her. Så kan du bare finne deg fram og variere litt med tall og se hva som er best. Jo mindre tall du setter, jo lavere blir høyden på headeren. Jo høyere du setter tallet jo større blir høyden på headeren.

HVORDAN SKIFTE TEKST/ENDRE BILDE I SIDEMENYEN
Det er også veldig mange som sleit med dette. Så nå skal jeg forklare for dere.

1. Når du skal endre bilde i sidemenyen, laster du først opp bildet ditt i www.tinypic.com. Når bildet ditt er ferdig opplastet kopierer du den nederste koden. Deretter går du inn på design også maler. Nå som du har klikket på maler er du da på forsiden. Altså framsiden av bloggen. Det du gjør da er og trykke på ctrl knappen også trykke på F. Så skal det komme opp en søkerute, i den søkeruten søker du på dette; <img src="http://bloggfiler.no/katrineaastorpdesign.blogg.no/images/1085391-7-1302044240444.jpg" width="165" border="0

2. Når du har søkt på dette og du har kommet frem i maleren, så tar du koden til bildet ditt og bytter den ut med denne koden http://bloggfiler.no/katrineaastorpdesign.blogg.no/images/1085391-7-1302044240444.jpg.

3. Nå ser du at bildet ditt har kommet opp, men om bildet enten er for stort eller for lite, kan du da endre tallet på width="165". Der kan du da endre tallet til et mindre tall om du vil at bildet skal være mindre. Visst du vil at bildet skal være større så tar du et større tall.

4. Når du driver med dette, så skal det stå "her kan du skrive om deg selv eller hva du vil" rett under den koden. Der kan du bare skrive hva du vil, og da endrer teksten seg! Enklere enn det blir det ikke. Håper dere skjønner og lykke til!

DESIGN-STILSETT

body {

background-attachment: fixed;

}

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

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

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

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

a:hover {color: #F2D4D2; text-decoration: none;}

#wrapper {

border: solid 0px #E6E6E6;

clear:none;

padding: 0px;

width: 1040px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

border: solid 1px #E6E6E6;

height: 185px;

width: 850px;

margin: 0px 0px 10px 0px;

float: left;

margin-left: auto;

margin-right: auto;

}

#side {

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

border: solid 1px #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 {

border: solid 1px #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: 1px dashed #E2E6DD;

color: #999999;

font-family: georgia;

font-size: 13px;

font-weight: normal;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

}

/** Entry headers **/

h3 {

font-family: georgia;

font-size: 19px;

color: #626262;

text-transform: uppercase;

font-weight: normal;

font-style: normal;

letter-spacing: 0px;

padding: 9px 9px 9px 9px;

margin-bottom: -20px;

margin-top: 15px;

line-height: 50%;

}

.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: #F2F2F2; }

/** 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: georgia;

font-size: 10px;

font-weight: normal;

text-transform: normal;

color: #7e7e77;

text-align: middle;

line-height: 20%;

border-bottom: 1px dotted #E2E6DD;

}

.entrymeta a { color: #7e7e77; }

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

.commentheader {

border-bottom: 1px dotted #E2E6DD;

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

-webkit-box-shadow: 0px 0px 20px #7e7e77;

-moz-box-shadow: 0px 0px 20px #7e7e77;

box-shadow: 0px 0px 3px #7e7e77;

-moz-border-radius: 15px;

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #7e7e77;

background-color: #FCF7FC;

border: 1px solid #CCCCCC;

line-height: 130%;

margin: 10px 10px 0px 15px;

}

.commenttext {

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #7e7e77;

line-height: 100%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

border-bottom: 1px dashed #E7E0D6;

}

.commentmeta a { color: #7e7e77; }

.commentmeta a:hover { color: #d8c6cb; 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: 16%;

}

#main {

border-right: 10px solid #000000;

width: 70%;

}

Background-color, color (farge på teksten), border osv kan endres på.

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 150px;

background-color: #fff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #000000;

text-decoration: none;

font-family: arial;

font-size: 9px;

line-height: 11px;

}

#navbar li ul {

padding: 1px;

display: none;

width: em;

background-color: #fff;

}

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

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

}

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

float: none;

}

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

border-bottom: 1px dotted #E6E6E6;

color: #727272;

}

#navbar li li a:hover {

background-color: #FBE8FF;

}

#meny {

width: 950px;

margin-left: auto;

}

#side {

margin-top: -198px;

background-color: #ffffff;

}

MALER - FORSIDEN, KATEGORI, ARKIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

</head>

<br>

<body>

<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="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">» ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

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

<ul>

<tag:archivelist>

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

</tag:archivelist>

</ul>

</li>

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

<ul>

</ul>

</li>

</ul>

</div>

</div>

<tag:entrylist limit="31">

<br>

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

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

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

<br>

</div>

<br>

</tag:entrylist>

</div>

<br>

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

<br>

<br>

<tag:archivelist limit="30">

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

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

<br>

<br>

<tag:categorylist>

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

<tag:linklist>

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

<br>

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

<br>

Designet er laget av Katrine.

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

<head>

<title>${BlogTitle} - ${PageTitle}</title>

</head>

<br>

<body>

<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="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">» ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

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

<ul>

<tag:archivelist>

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

</tag:archivelist>

</ul>

</li>

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

<ul>

</ul>

</li>

</ul>

</div>

</div>

<tag:entry>

<br>

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

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

I <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

</div>

</tag:entry>

<tag:if test="${Comments == 1}">

&nbsp&nbsp<font face="Vijaya"><font size="5"><font color="#666666">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<b>Postet av: ${CommentAuthor}</b>

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

${CommentDate}, ${CommentTime}<br/>

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

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

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

<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a><br/><br/>

</tag:if>

</div>

</tag:commentlist>

<br />

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

</font></font>

Navn: <br />

E-post:<br />

<br />

Bloggadresse: <br />

<br />

Kommentar: <br />

<br />

<br/>

</form>

</tag:if>

</div>

<br>

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

<br>

<br>

<tag:archivelist limit="30">

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

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

<br>

<br>

<tag:categorylist>

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

<tag:linklist>

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

<br>

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

<br>

Designet er laget av Katrine.

</div>

</body>

</html>

Visst designet blir veldig rotete, så betyr det at dere ikke har limt kodene inn ordentlig. Dere må huske og fjerne de kodene som er der ifra før av, og lime inn riktige koder som jeg har skrevet over!

Visst det er noe dere sliter med så send meg en mail på katrineaastorp.blogg@hotmail.com
Jeg kommer bare til og svare dere der, og hjelpe dere der! ;-)

· kommenter her ·

Gratis design #1 - Enkelt med striper.

06.apr.2011

01:43 · 264 kommentarer · Blogg

Det er greit at dere endrer eller fikser på kodene på designet. Men IKKE fjern der det står at jeg har laget det, for grunnkodene er ifra meg.

På dette designet er det ikke noe header, men om du vil ha header går du inn på stilsett og blar ned til du ser #header { under den har jeg satt "URL TIL HEADER HER" mellom de to klammene skal du lime inn url'en til headeren din. Headeren din kan du laste opp på tinypic.com for og få url'en til den.

Det er mange som har spurt om hvordan man skifter bildet på siden. Først så klikker du på design-rediger-maler, også trykker på ctrl+f og søker på <div id="side"> og under den er koden til bildet. Du laster opp det bildet du vil ha i sidemenyen på tinypic.com, og kopierer urlen til bildet og limer da den inn mellom de to klammene under der. Om dere ikke får det til, er det bare og ta kontakt med meg!

Bildestørrelse i innlegg; 800 px.

Stilsettet og maleren som står under her kopierer dere og limer inn på stilsettet/maleren på deres blogg. Husk og ta vekk de kodene som står der ifra før av.

STILSETTET;

body {

background-attachment: fixed;

}

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

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

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

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

a:hover {color: #F2D4D2; text-decoration: none;}

#wrapper {

border: solid 0px #E6E6E6;

clear:none;

padding: 0px;

width: 1040px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

border: solid 0px #E6E6E6;

height: 100px;

width: 1040px;

margin: 0px 0px 10px 0px;

float: right;

margin-left: auto;

margin-right: auto;

}

#side {

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

border: solid 1px #E6E6E6;

float: left;

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 {

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

border: solid 1px #E6E6E6;

overflow: hidden;

float: right;

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: 1px dashed #E2E6DD;

color: #999999;

font-family: Vijaya;

font-size: 22px;

font-weight: normal;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

}

/** Entry headers **/

h3 {

font-family: georgia;

font-size: 23px;

color: #626262;

text-transform: normal;

font-weight: normal;

font-style: italic;

letter-spacing: 0px;

padding: 9px 9px 9px 9px;

margin-bottom: -20px;

margin-top: 15px;

line-height: 50%;

}

.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: #F2F2F2; }

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

text-transform: uppercase;

color: #7e7e77;

text-align: left;

line-height: 20%;

border-bottom: 0px dotted #E2E6DD;

}

.entrymeta a { color: #7e7e77; }

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

.commentheader {

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #7e7e77;

line-height: 130%;

margin: 10px 10px 0px 15px;

}

.commenttext {

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #7e7e77;

line-height: 100%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: arial;

font-size: 11px;

font-weight: normal;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

border-bottom: 1px dashed #E7E0D6;

}

.commentmeta a { color: #7e7e77; }

.commentmeta a:hover { color: #d8c6cb; 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: 16%;

}

#main {

border-right: 10px solid #000000;

width: 70%;

}

Background-color, color (farge på teksten), border osv kan endres på.

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 150px;

background-color: #fff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #000000;

text-decoration: none;

font-family: verdana;

font-size: 9px;

line-height: 12px;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #fff;

}

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

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

}

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

float: none;

}

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

border-bottom: 1px dotted #E6E6E6;

color: #727272;

}

#navbar li li a:hover {

background-color: #FFFFFF;

}

#meny {

width: 750px;

margin-left: auto;

}

MALEREN - FORSIDEN, KATEGORI, ARKIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

</head>

<br>

<body>

</div>

<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="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">» ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

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

<ul>

<tag:archivelist>

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

</tag:archivelist>

</ul>

</li>

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

<ul>

</ul>

</li>

</ul>

</div>

<tag:entrylist limit="31">

<br>

${EntryDate} <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${EntryTime}</div>

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

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

<font size="1"><a href="${EntryPermaLink}#comment">${EntryCommentCount} KOMMENTARER </a></font> I <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

<br>

</div>

<br>

</tag:entrylist>

</div>

<img src="http://bloggfiler.no/katrineaastorpdesign.blogg.no/images/1085391-7-1302044240444.jpg" width="165" border="0"

<br>

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

<br>

<h2>arkiv</h2>

<tag:archivelist limit="30">

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

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

<br>

<h2>kategorier</h2>

<br>

<tag:categorylist>

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

<h2>linker</h2>

<tag:linklist>

<br><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="165" border="0"

<br>

Designet er laget av Katrine.

</div>

</body>

</html>

MALEREN - INNLEGG

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

</head>

<br>

<body>

</div>

<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="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">» ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

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

<ul>

<tag:archivelist>

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

</tag:archivelist>

</ul>

</li>

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

<ul>

</ul>

</li>

</ul>

</div>

<tag:entry>

<br>

${EntryDate} <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${EntryTime} </div>

<h3>${EntryTitle}</h3>

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

I <a href="${EntryCategoryLink}">${EntryCategoryName}</a>

</div>

</tag:entry>

<tag:if test="${Comments == 1}">

&nbsp&nbsp<font face="Vijaya"><font size="5"><font color="#666666">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<b>Postet av: ${CommentAuthor}</b>

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

${CommentDate}, ${CommentTime}<br/>

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

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

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

<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a><br/><br/>

</tag:if>

</div>

</tag:commentlist>

<br />

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

</font></font>

Navn: <br />

E-post:<br />

<br />

Bloggadresse: <br />

<br />

Kommentar: <br />

<br />

<br/>

<img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> Dette designet er laget av http://katrineaastorp.blogg.no

<br/>

</form>

</tag:if>

</div>

<img src="http://bloggfiler.no/katrineaastorpdesign.blogg.no/images/1085391-7-1302044240444.jpg" width="165" border="0"

<br>

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

<br>

<h2>arkiv</h2>

<tag:archivelist limit="30">

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

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

<br>

<h2>kategorier</h2>

<br>

<tag:categorylist>

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

<h2>linker</h2>

<tag:linklist>

<br><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="165" border="0"

<br>

Designet er laget av Katrine.

</div>

</body>

</html>

Om det er noe dere har problemer med, så si ifra! Så skal jeg hjelpe dere.

· kommenter her ·