Publisert: 08.11.2011 Klokken: 11:20







Du kan endre på designet om du vil, men du kan IKKE fjerne linkene der hvor det står at det er jeg som har laget det!!
(Designet er laget i Google chrome og vil derfor ikke se helt likt ut i f.eks. internet explorer)

Dette designet har to sidemenyer hvor den til høyre er stillestående. 


DESIGN -> REDIGER -> STILSETT. Ta vekk alt som står der fra før av, og lim inn dette:
body {
background: #FCEFF5;
background-image:
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
}
.header {
background-image: url(http://i202.photobucket.com/albums/aa282/meretesandelin/Headerr.jpg);
background-repeat: no-repeat;
margin-left: 302px;
width: 740px;
height: 380px;
margin-bottom: 2px;
-WEBKIT-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
-MOZ-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
}
.menyknapp {
margin-left: 190px;
}
.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: 23pt;
font-family: times;
font-weight: lighter;
text-align: center;
text-transform: normal;
letter-spacing: 1px;
}
.menyheading {
background-color: #5B5B5B;
color: #FFFFFF;
font-size: 8pt;
font-family: Vrinda;
font-weight: normal;
text-transform: uppercase;
text-align: left;
border-top: 0px #000000 solid;
border-bottom: 0px #C1C5B7 solid;
border-left: 0px #000000 solid;
border-right: 0px #000000 solid;
margin-bottom: 10px;
padding-left: 10px;
}
.overskrift {
font-family: georgia;
font-size: 30px;
color: #FFAAAA;
}
.text {
font-family: arial;
font-size: 10px;
color: #C0C0C0;
}
.menyboks {
background-color:#ffffff;
font-size: 11pt;
font-family: Traditional Arabic;
padding-top: 7px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
-WEBKIT-BOX-SHADOW: 0PX 0PX 1PX #000000;
-MOZ-BOX-SHADOW: 0PX 0PX 1PX #000000;
BOX-SHADOW: 0PX 0PX 1PX #000000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
}
.innlegg-boks {
font-family: georgia;
font-size: 8pt;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
margin-top: 5px;
border-top: 1px solid #EEEEEE;
}
p {
line-height: 150%;
}
/** Linker **/
a {
color: #F5CBDE;
text-decoration: none;
}
a:hover {
color: #ADADAD;
text-decoration: none;
}
/** Oppdeling **/
margin:0px auto;
background-color:transparent;
width:1000 px;
}
#side a {color: #000000;}
max-width: 230px;
margin-left: -990px;
padding-left: 7px;
padding-right: 7px;
background-color: #FFFFFF;
margin-top: -384px;
-WEBKIT-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
-MOZ-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
}
position: fixed;
left: 1046px;
top: 80px;
width: 230px;
height: 235px;
background: #ffffff;
padding: 10px 10px 10px;
text-align:left;
-WEBKIT-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
-MOZ-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
}
-WEBKIT-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
-MOZ-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
z-index:2;
width:720px;
margin-left: 300px;
background: #ffffff;
padding: 10px;
border: 0px dashed #950C22;
voice-family:"\"}\"";
voice-family:inherit;
width:720 px;
}html>body #content { width:720px; }
/** Standardoverskrifter **/
h1 {
margin-top: 5px;
font-family: tahoma;
letter-spacing: 1px;
font-size: 9px;
font-weight: normal;
color: #000000;
border-bottom: 1px dotted #C0C0C0;
border-top: 1px dotted #C0C0C0;
padding-top: 1px;
padding-bottom: 1px;
}
h2 {
display:none;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #999;
}
h3 {
font-family: georgia;
font-size: 15pt;
font-style: ;
font-weight: normal;
color: #EEA6C7;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
padding: 5px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 0px solid #d4d4d4;
}
h4 a {color: #EEA6C7;}
h4 {
font-family: times;
font-size: 17px;
color: #000000;
font-weight: lighter;
}
h5 {
font-family: arial;
font-size: 10px;
border-bottom: 1px solid #C0C0C0;
}
h6 a {color: #EEA6C7;}
h6 {
font-family: arial;
font-size: 10px;
font-weight: light;
}
h7 {
font-family: Verdana;
font-size: 10px;
font-weight: lighter;
color: #969696;
letter-spacing: 1px;
}
.navheader {
font-family: tahoma,verdana, Arial, Helvetica, Sans-serif;
font-size: 1em;
font-weight: bold;
color: #666;
}
.nav {
font-family: verdana;
font-size: 7pt;
font-weight: normal;
}
#side ul {
list-style: none;
}
.nav a { color: #000000; }
.nav a:hover { color: #000000; }
/** Bloggposter **/
.entrybody {
font-family: Arial;
font-size: 11pt;
font-weight: normal;
text-align: left;
color: #5B5B5B;
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: #000000;}
.entrymeta a:hover { color: #000000; }
/** Kommentarer **/
.post-comment {
font-family: Arial;
color: #969696;
font-size: 10pt;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 20px;
background-color: #ffffff;
}
.kommentar {
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2px;
padding-right: 2px;
background-color: #FDF7FA;
-WEBKIT-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
-MOZ-BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
BOX-SHADOW: 0PX 0PX 5PX #EEA6C7;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
}
.commentheader {
font-family: Segoe Script;
font-size: 15pt;
font-weight: normal;
color: #000000;
padding-left: 6px;
}
.commenttext {
font-family: Tahoma;
font-size: 8pt;
font-weight: lighter;
color: #333;
line-height: 140%;
margin-top: 3px;
padding-bottom: 4px;
padding-left: 6px;
letter-spacing: 1px;
}
.commentmeta {
font-family: Arial;
font-size: 8pt;
font-weight: normal;
color: #666;
margin-top: 3px;
padding-left: 6px;
border-bottom: 1px dotted #C0C0C0;
border-top: 1px dotted #C0C0C0;
}
.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
}
.default {
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.formbutton {
background-color: #fdf2ff;
border: 1px solid #f6cdfc;
-moz-border-radius: 0.5em;
}


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" />
<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>
<td align="left" valign="top" width="250px">
<div id="side2">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Søk i bloggen</div>
<div class="nav">
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value=" &#9829; " />
</form></center>
</form>
</div>
<br>
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Oversett bloggen </div>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'no',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<br>
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Kontakt </div>
<div class="nav">Skriv inn epostadressen din her, eller hva du enn vil.</div>
<br>
<br>
</center><center><a href=http://meeretea.blogg.no><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/designlagetav-2.jpg></a></center>
</div>
<body>
<div class="main">
<br>
<table align="center" width="970px">
<br>
<br>
<br>
<div class="header">
<br>
<br>
<br>
<br>
<tr>
<td align="left" valign="top" width="800px">
<div id="content">
<tag:entrylist limit="40">
<div class="heading"><a href="${EntryPermaLink}">${EntryTitle}</a></div>
<center><h1>${EntryDate} ${EntryTime}</h1></center>
<p>
<div class="entrymeta"></div>
<center><div class="entrybody">${EntryBody}</div></center>
<hr class="separator" />
<br>
<br>
<h4><u><a href="${EntryPermaLink}#comment">Kommenter her </a></u></h4><p>
<h6><a href="${EntryPermaLink}#comment"> ${EntryCommentCount} Kommentarer </a></h6></a>
<p>
</tag:entrylist>
</div>
</td>
<td align="left" valign="top" width="250px">
<div id="side">
<div class="nav">
<div class="sidebar">
</div>
<br>
<center><div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> ${BlogTitle}</a></div>
<br>
<img src="http://i202.photobucket.com/albums/aa282/meretesandelin/profilbildet.jpg" height="260px"><br /></center>
<br>
<p>
<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>
<br>
</div>
<br>
<div class="sidebar">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Sist publisert</div>
<ul>
<div class="nav"><tag:recentlist limit="10">
<li>
· <a href="${EntryPermaLink}">${EntryTitle}</a>
</li>
</tag:recentlist>
</ul>
</div>
<br>
<div class="sidebar">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Kategorier</div>
<div class="nav"><tag:categorylist>
· <a href="${CategoryLink}">${CategoryName}</a><br />
</tag:categorylist>
</div>
<br>
<div class="sidebar">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Arkiv</div>
<div class="nav"><tag:archivelist>
· <a href="${ArchiveLink}">${ArchiveName}</a><br />
</tag:archivelist>
</div>
<br>
<div class="sidebar">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Lenker</div>
<div class="nav"><tag:linklist>
· <a href="${LinkURL}" title="${LinkURL}" target="_blank">${LinkName}</a><br />
</tag:linklist>
</div>
<br>
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Annonser</div>
<div class="nav">Legg inn dine widgets her.
<br>
<br>
<br clear="all" />
</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" />
<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>
<td align="left" valign="top" width="250px">
<div id="side2">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Søk i bloggen</div>
<div class="nav">
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value=" &#9829; " />
</form></center>
</form>
</div>
<br>
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Oversett bloggen </div>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'no',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<br>
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Kontakt </div>
<div class="nav">Skriv inn epostadressen din her, eller hva du enn vil.</div>
<br>
<br>
</center><center><a href=http://meeretea.blogg.no><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/designlagetav-2.jpg></a></center>
</div>
<body>
<br />
<div class="main">
<br>
<table align="center" width="970px">
<br>
<br>
<div class="header">
<br>
<br>
<br>
<br>
<tr>
<td align="left" valign="top" width="800px">
<div id="content">
<tag:entry>
<div class="heading"><a href="${EntryPermaLink}">${EntryTitle}</a></div>
<center><h1>${EntryDate} ${EntryTime}</h1></center>
<p>
<div class="entrymeta"></div>
<div class="entrybody">${EntryBody}</div>
<br>
<div class="innlegg-boks">
<img src=http://i202.photobucket.com/albums/aa282/meretesandelin/heart-2.jpg> Skrevet ${EntryDate}, ${EntryTime} i <a href="${EntryCategoryLink}">${EntryCategoryName}</a> <img src=http://i202.photobucket.com/albums/aa282/meretesandelin/heart-2.jpg><br />
<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}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</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>
<div class="post-comment">
<p>Navn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="40" maxlength="255" /></p>
<p>Mail:<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="40" maxlength="255" /></p>
<p>Bloggadresse:<br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="40" maxlength="255" /></p>
<p>Kommentar:<br />
<textarea name="comment" onchange="doChange(this)" cols="50" rows="10"></textarea></p>
<br />
<input class="formbutton" type="submit" name="submit" value=" Send kommentar " />
</form>
</tag:if>
<center><h7>Dette er et gratisdesign laget av http://meeretea.blogg.no</h7></center>
</div>
<td align="left" valign="top" width="250px">
<div id="side">
<div class="nav">
<div class="sidebar">
</div>
<br>
<center><div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> ${BlogTitle}</a></div>
<br>
<img src="http://i202.photobucket.com/albums/aa282/meretesandelin/profilbildet.jpg" height="260px"><br /></center>
<br>
<p>
<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>
<br>
</div>
<br>
<div class="sidebar">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Sist publisert</div>
<ul>
<div class="nav"><tag:recentlist limit="10">
<li>
· <a href="${EntryPermaLink}">${EntryTitle}</a>
</li>
</tag:recentlist>
</ul>
</div>
<br>
<div class="sidebar">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Kategorier</div>
<div class="nav"><tag:categorylist>
· <a href="${CategoryLink}">${CategoryName}</a><br />
</tag:categorylist>
</div>
<br>
<div class="sidebar">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Arkiv</div>
<div class="nav"><tag:archivelist>
· <a href="${ArchiveLink}">${ArchiveName}</a><br />
</tag:archivelist>
</div>
<br>
<div class="sidebar">
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Lenker</div>
<div class="nav"><tag:linklist>
· <a href="${LinkURL}" title="${LinkURL}" target="_blank">${LinkName}</a><br />
</tag:linklist>
</div>
<br>
<div class="menyheading"><img src=http://i202.photobucket.com/albums/aa282/meretesandelin/hjerte-6.jpg></a> Annonser</div>
<div class="nav">Legg inn dine widgets her.
<br>
<br>
<br clear="all" />
</div>
</td>
</tr>
</table>
</div>
</center>
<br />
</body>
</html>





Kommentarer

Utrolig fint design! <3

Sjekk ut innlegget mitt! Hadde satt stor pris på det! :)

08.11.2011, kl.13:26

Nyyyydelig!

08.11.2011, kl.16:28

Nydeligt! <3

08.11.2011, kl.22:14

Det var kjempe fint :-)

08.11.2011, kl.22:18

Takk for komentaren. Likte designet ditt <3

08.11.2011, kl.22:20

SV; Ja, har sett på det, men eg er ikke helt inni design bygging. Prøver og feiler, men gir opp lett :P hehe...skulle gjerne fått flyttet menyen/hele bloggen lengre opp men vet ikke hvordan man gjør det. Kan du hjelpe meg? :)

08.11.2011, kl.22:26

Tusen takk for kommentaren!

Sykt fint design er det greit om jeg bruker det??

Elsket det!! <3 ^^

08.11.2011, kl.22:43

mammamarlene89: Ja det kan jeg hvis du sender brukernavn/passord til merete.aa@hotmail.com. :)

Eller så kan du søke opp dette i malen:

så fjerner du bare de som er rett oppfor :) Det er de som lager mellomrommet!

fikk plutselig ikke til å kommentere på bloggen din, så må bare skrive det her!

08.11.2011, kl.23:26

Kjempe fint :)

08.11.2011, kl.23:57

Kjempe fint :)

09.11.2011, kl.10:33

utrolig fint!

09.11.2011, kl.19:53

Kjempe fint skal legge det til på bloggen min fort så mulig :D tro du at du kan lage meg en header ? Bare hvis du har tid :D send e-post til Tuva.hs@hotmail.com hvis du kan så sender jeg bilder :D

13.11.2011, kl.23:15

Utrolig fint design! Herlig at du legger ut design som folk kan bruke, stjal dette jeg ;)

13.07.2013, kl.12:45

Hei :) hvordan kan man få den ene sidemenyen til å stå stille? :)

24.11.2013, kl.20:53

Tina

Jeg får ikke det til. Hva er det jeg gjør galt? :)

28.04.2014, kl.18:32


Legg igjen en hilsen



Navn:


E-post:


Url:


Din kommentar:




hits