Publisert: 30.07.2011 Klokken: 09:13



Dette designet er laget i Google Chrome og vil derfor ikke se helt lik ut i f.eks internet explorer.

NB! Du kan endre så mye du vil på designet, men du kan ikke fjerne linkene der hvor det står at det er jeg som har laget det!


(Sidemenyen er stillestående)
 


DESIGN -> REDIGER -> STILSETT. Ta vekk alt som står der fra før av, og lim inn dette:

 

body {

background-image: url('http://i202.photobucket.com/albums/aa282/meretesandelin/hjerter-3.jpg');

background-position: top left;

background-repeat: no-repeat;

background-attachment: fixed;

background-color: #F4E7FE;

}

.main {

top: 0px;

width: 1000px;

margin-top: 0;

align: center;

background-color: #transparent;

background-repeat: repeat-y;

background-attachment: fixed;

background-position: center;

border-top: 0px #586969 solid;

border-bottom: 0px #586969 solid;

border-left: 0px #586969 solid;

border-right: 0px #586969 solid;

}

.heading {

background-color: #FFFFFF;

color: #000000;

font-size: 15pt;

font-family: georgia;

font-weight: lighter;

text-transform:uppercase;

text-align: left;

text-transform: normal;

padding-top: 5px;

padding-bottom: 5px;

margin-left: 10px;

margin-right: 20px;

border-top: px #C1C5B7 solid;

border-bottom: px #C1C5B7 solid;

border-left: 0px #000000 solid;

border-right: 0px #000000 solid;

}

.menyheading {

background-color: #FFFFFF;

color: #C0C0C0;

font-size: 13pt;

font-family: Euphorigenic S;

font-weight: Normal;

text-align: Center;

text-transform: uppercase;

border-top: 0px #000000 solid;

border-bottom: 1px #C1C5B7 solid;

border-left: 0px #000000 solid;

border-right: 0px #000000 solid;

margin-bottom: 3px;

}

.innlegg-boks {

border: 1px solid #EAEAEA;

margin-left: 100px;

margin-right:100px;

}

/** Linker **/

a {

color: #E7C9FC;

text-decoration: none;

}

a:hover {

color: #808080;

text-decoration: none;

}

/** Oppdeling **/

#wrapper {

margin:0px auto;

background-color:transparent;

width:1000 px;

}

#side {

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

-webkit-box-shadow: 0px 0px 20px #5c5c5c;

-moz-box-shadow: 0px 0px 20px #5c5c5c;

box-shadow: 0px 0px 20px #5c5c5c;

-moz-border-radius: 15px;

border: 0px inset #000000;

max-width: 220px;

position: fixed;

margin-top: 120px;

margin-left: 10px;

padding-left: 10px;

padding-right: 10px;

background: #FFFFFF;

}

#content {

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

-webkit-box-shadow: 0px 0px 20px #5c5c5c;

-moz-box-shadow: 0px 0px 20px #5c5c5c;

box-shadow: 0px 0px 20px #5c5c5c;

-moz-border-radius: 15px;

float:left;

width:720px;

background: #ffffff;

padding: 7px;

border: px dotted #000000;

width:720 px;

}html>body #content { width:720px; }

h1 {

font-family: tahoma;

font-size: 7pt;

font-weight: normal;

color: #808080;

border-bottom: 1px #C1C5B7 solid;

padding-bottom: 5px;

margin-left: 10px;

margin-right: 20px;

}

h2 {

font-family: georgia;

font-size: 10pt;

text-transform:lowercase;

font-weight: normal;

color: #C0C0C0;

border-bottom: 1px #C1C5B7 solid;

float: right;

}

h3 {

font-family: georgia;

font-size: 21pt;

font-style: italic;

font-weight: normal;

color: #E6DFDF;

margin: 0;

margin-top: 0px;

margin-bottom: 0px;

padding: 5px;

padding-top: 0px;

padding-bottom: 0px;

}

h4 {

font-family: tahoma;

font-size; 7px;

border-bottom: 1px #C1C5B7 solid;

}

.navheader {

font-family: tahoma,verdana, Arial, Helvetica, Sans-serif;

font-size: 1em;

font-weight: bold;

color: #666;

}

.nav {

font-family: tahoma, Verdana, Arial, Helvetica, Sans-serif;

font-size: 8pt;

font-weight: normal;

}

#side ul {

list-style: none;

}

.nav a { color: #080808; }

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

/** Bloggposter **/

.entrybody {

font-family: Sans-serif;

font-size: 9pt;

font-weight: normal;

text-align: left;

color: #5B5B5B;

margin-left: 10px;

margin-right: 20px;

line-height: 150%;

}

/** Post-meta **/

.entrymeta {

font-family: Verdana, Georgia, "Courier New", Tahoma, Arial, Sans-serif;

font-size: 10px;

font-weight: normal;

font-style: normal;

text-align: center;

text-transform: uppercase;

color: #666;

padding-bottom: 3px;

margin-bottom: 10px;

}

.entrymeta a { color: #808080;}

.entrymeta a:hover { color: #000000; }

/** Kommentarer **/

.post-comment {

font-family: Arial;

font-size: 10pt;

padding-top: 5px;

padding-bottom: 5px;

padding-left: 5px;

padding-right: 5px;

margin-bottom: 20px;

background-color: #FFFFFF;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

-khtml-border-radius: 15px;

border-radius: 15px;

}

.kommentar {

margin-top: 10px;

padding-top: 5px;

padding-bottom: 5px;

padding-left: 5px;

padding-right: 5px;

background-color: #FFFFFF;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

}

.gravatar {

margin-right: 0px;

float: right;

}

.commentheader {

font-family: Century;

font-size: 16pt;

font-weight: normal;

color: #000000;

padding-left: 5px;

}

.commenttext {

font-family: Sans-serif;

font-size: 9pt;

font-weight: normal;

color: #333;

line-height: 130%;

padding-bottom: 10px;

padding-left: 5px;

}

.commentmeta {

font-family: tahoma;

font-size: 7pt;

font-weight: lighter;

color: #666;

text-transform: lowercase;

margin-top: 5px;

margin-bottom: 4px;

padding-left: 5px;

border-bottom: 1px #EAEAEA solid;

margin-right: 620px;

}

.commentmeta a { color: #000000; }

.commentmeta a:hover { color: #000000; }

.commentform {

font-family: Verdana, Tahoma, Arial, Sans-serif;

font-size: 8pt;

font-weight: normal;

color: #000000;

margin: 0px 0px 20px 0px

}

/** Diverse **/

.separator {

display:none;

border-top: 1px solid #F5FAEC;

border-bottom: 1px solid #CED2C8;

margin: 14px 0px 14px 0px

}


DESIGN -> REDIGER -> MALER -> FORSIDE -> KATEGORI -> 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}" />

<meta name="robots" content="noindex,follow,noarchive" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<link rel="alternate" href="${BlogUrl}index.rss" type="text/xml" title="RSS" />

<link rel="shortcut icon" href="http://bloggfiler.no/meeretea.blogg.no/images/665697-9-1303383906052.jpg" />

<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>

</head>

<body ondragstart="return false" onselectstart="return false" >

<center>

<center><div class="main"></center>

<br>

<table align="center" width="970px">

<tr>

<td align="left" valign="top" width="720px">

<br>

<br>

<br>

<br>

<br>

<br>

<div id="content">

<center><a href="${BlogUrl}"><img border="0" src="http://i202.photobucket.com/albums/aa282/meretesandelin/header-32.jpg"></a></center>

<br>

<tag:entrylist limit="30">

<div class="heading"><a href="${EntryPermaLink}">${EntryTitle}</a></div>

<h1><strong>Dato:</strong> ${EntryDate} <img src="http://i202.photobucket.com/albums/aa282/meretesandelin/heart_1copy.png"> <strong>Klokken:</strong> ${EntryTime}</h1>

<div class="entrymeta"></div>

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

<hr class="separator" />

<br /><br />

<div class="entrymeta">

<h2><h2><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></div></font></h2></h2>

<br>

</tag:entrylist>

</div>

</td>

<td align="left" valign="top" width="220px">

<div id="side">

<div class="nav">

<div class="sidebar">

<a href="${ProfileUrl}" title="${ProfileName}">

<br>

<div class="menyheading"> ${BlogTitle} </div>

<br>

<center><img src="http://i202.photobucket.com/albums/aa282/meretesandelin/billll.jpg" height="130px"><br /></center></a>

<br>

<center> Her kan du skrive om deg selv, hva du heter, hvor gammel du er, hvor du bor, dine interesser, hva du blogger om osv. </center>

</p>

<br>

</div>

<center><form name="jump1">

<select style="background-color: #F4E7FE; font-size: 8pt; color: #000000; width: 120px;" name="menu1" onChange="location=document.jump1.menu1.options[document.jump1.menu1.selectedIndex].value;" value="GO"> <option selected>Kategorier</option>

<option>-------------------</option>

<tag:categorylist>

<option value="${CategoryLink}">${CategoryName}</option>

</tag:categorylist>

</select>

</form>

<br>

<form name="jump2">

<select style="background-color: #F4E7FE; font-size: 8pt; color: #000000; width: 120px;" name="menu2" onChange="location=document.jump2.menu2.options[document.jump2.menu2.selectedIndex].value;" value="GO"> <option selected>Arkiv</option>

<option>-------------------</option>

<tag:archivelist>

<option value="${ArchiveLink}">${ArchiveName}</option>

</tag:archivelist>

</select>

</form>

<br>

<form name="jump3">

<select style="background-color: #F4E7FE; font-size: 8pt; color: #000000; width: 120px;" name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option selected>Favoritter</option>

<option>-------------------</option>

<tag:linklist>

<option value="${LinkURL}">${LinkName}</option>

</tag:linklist>

</select>

</form></center>

<br>

<br>

<center><img src="http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-5.jpg"></center>

<br>

<br>

<center><a href=http://meeretea.blogg.no><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/Untitled3-4.jpg></a></center>

<br>

</div>

</div>

<br>

<br>

</div>

<br>

<br clear="all" />

<br>

</div>

</td>

</tr>

</table>

</div>

</center>

<br />

</body>

</html>

 


DESIGN -> REDIGER -> MALER -> INNLEGG


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

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<meta name="robots" content="noindex,follow,noarchive" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<link rel="alternate" href="${BlogUrl}index.rss" type="text/xml" title="RSS" />

<link rel="shortcut icon" href="http://bloggfiler.no/meeretea.blogg.no/images/665697-9-1303383906052.jpg" />

<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>

</head>

<body>

<center>

<br />

<center><div class="main"></center>

<table align="center" width="970px">

<tr>

<td align="left" valign="top" width="720px">

<br>

<br>

<br>

<br>

<br>

<br>

<div id="content">

<center><a href="${BlogUrl}"><img border="0" src="http://i202.photobucket.com/albums/aa282/meretesandelin/header-32.jpg"></a></center>

<br>

<tag:entry>

<div class="heading"><a href="${EntryPermaLink}">${EntryTitle}</a></div>

<h1><strong>Dato:</strong> ${EntryDate} <img src="http://i202.photobucket.com/albums/aa282/meretesandelin/heart_1copy.png"> <strong>Klokken:</strong> ${EntryTime}</h1>

<div class="entrymeta"></div>

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

<div class="innlegg-boks">

<tag:if test="${EntryHasTags == 'true'}">

<b>Stikkord:</b> <tag:taglist>&hearts; <a href="${TagURL}">${TagName}</a> </tag:taglist>

</tag:if>

</div>

<br /><br />

</tag:entry>

<!-- Display comments and form if this entry allows comments -->

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

<hr class="separator" />

<a name="comment" />

<h3>Kommentarer</h3>

<div id="comments">

<tag:commentlist>

<div class="kommentar">

<div class="gravatar">

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

<a href="${CommentProfileUrl}">

</a>

<tag:else />

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

<a rel="nofollow" href="${CommentAuthorUrl}">

</a>

<tag:else />

</tag:if>

</tag:if>

</div>

<div class="commentheader">${CommentAuthorLinkIf}</div>

<div class="commentmeta">${CommentDate}, kl.${CommentTime}</div>

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

</div>

</tag:commentlist>

</div>

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

<h3>Legg igjen en hilsen</h3> <br /> <br />

<div class="post-comment">

<p><img src="http://i202.photobucket.com/albums/aa282/meretesandelin/Navn-4.jpg"><br />

<input type="text" name="author" onchange="doChange(this)" value="" size="60" maxlength="255" /></p>

<br>

<p><img src="http://i202.photobucket.com/albums/aa282/meretesandelin/mail.jpg"><br />

<input type="text" name="authoremail" onchange="doChange(this)" value="" size="60" maxlength="255" /></p>

<br>

<p><img src="http://i202.photobucket.com/albums/aa282/meretesandelin/blogge-1.jpg"><br />

<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="60" maxlength="255" /></p>

<br>

<p><img src="http://i202.photobucket.com/albums/aa282/meretesandelin/kommentar.jpg"><br />

<textarea name="comment" onchange="doChange(this)" cols="60" rows="10"></textarea></p>Dette er et gratisdesign laget av http://meeretea.blogg.no

<br>

<br />

<input class="formbutton" type="submit" name="submit" value="Takk!" />

</div>

</tag:if>

</div>

</td>

<td align="left" valign="top" width="220px">

<div id="side">

<div class="nav">

<div class="sidebar">

<a href="${ProfileUrl}" title="${ProfileName}">

<br>

<div class="menyheading"> ${BlogTitle} </div>

<br>

<center><img src="http://i202.photobucket.com/albums/aa282/meretesandelin/billll.jpg" height="130px"><br /></center></a>

<br>

<center> Her kan du skrive om deg selv, hva du heter, hvor gammel du er, hvor du bor, dine interesser, hva du blogger om osv. </center>

</p>

<br>

</div>

<center><form name="jump1">

<select style="background-color: #F4E7FE; font-size: 8pt; color: #000000; width: 120px;" name="menu1" onChange="location=document.jump1.menu1.options[document.jump1.menu1.selectedIndex].value;" value="GO"> <option selected>Kategorier</option>

<option>-------------------</option>

<tag:categorylist>

<option value="${CategoryLink}">${CategoryName}</option>

</tag:categorylist>

</select>

</form>

<br>

<br>

<form name="jump2">

<select style="background-color: #F4E7FE; font-size: 8pt; color: #000000; width: 120px;" name="menu2" onChange="location=document.jump2.menu2.options[document.jump2.menu2.selectedIndex].value;" value="GO"> <option selected>Arkiv</option>

<option>-------------------</option>

<tag:archivelist>

<option value="${ArchiveLink}">${ArchiveName}</option>

</tag:archivelist>

</select>

</form>

<br>

<form name="jump3">

<select style="background-color: #F4E7FE; font-size: 8pt; color: #000000; width: 120px;" name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option selected>Favoritter</option>

<option>-------------------</option>

<tag:linklist>

<option value="${LinkURL}">${LinkName}</option>

</tag:linklist>

</select>

</form></center>

<br>

<br>

<center><img src="http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-5.jpg"></center>

<br>

<br>

<center><a href=http://meeretea.blogg.no><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/Untitled3-4.jpg></a></center>

<br>

</div>

</div>

<br>

<br>

</div>

<br>

<br clear="all" />

<br>

</div>

</td>

</tr>

</table>

</div>

</center>

<br />

</body>

</html>






Kommentarer

wow ! så fint :)

30.07.2011, kl.09:26

Kjempefint :)

30.07.2011, kl.10:38

Utrolig fint !! :)

30.07.2011, kl.10:42

Nice :)

30.07.2011, kl.11:12

Kjempefint!

30.07.2011, kl.11:36

takk for kommentaren! kjempefint :)

30.07.2011, kl.11:46

Utrolig fint!

btw: takk for kommentar!:-)

30.07.2011, kl.12:15

utrolig fint design! kos deg på overraskelsesturen :)

sv: takk for kommentaren på bloggen min!

30.07.2011, kl.17:20

det er noe feil med designet; når man skal trykke på kategori også noe som står der, så skjer det ingenting... man kommer ikke inn på det man skal på :( kan du fortelle i et innlegg eller på en kommentar på bloggen min hva man må gjøre ? :)

takk <3

30.07.2011, kl.18:06

kjempe søt design og jeg bruker denne designet ditt

du er kjempe flink!

30.07.2011, kl.20:58

Kjempe fint!

Sinnsykt fin blogg!:D

30.07.2011, kl.21:04

kjempefint!

31.07.2011, kl.13:44

Jeg bruker det :) kjempe fint design

17.07.2015, kl.22:07


Legg igjen en hilsen



Navn:


E-post:


Url:


Din kommentar:




hits