GRATIS DESIGN #11 (missindecisivegratisdesign)

GRATIS DESIGN #11


NB: Det er IKKE lov til å fjerne de stedene som viser til min blogg - ikke i det hele tatt (uansett hvor mye du endrer på designet). Jeg har brukt tid og krefter på designet, så vennligst respekter det. Dersom jeg finner ut at noen har misbrukt designene mine, blir dette politianmeldt.

Bilder du laster opp i innlegg på dette designet, blir best i 800px (noe mange hadde ønsket seg). 


DESIGN > REDIGER > stilsett:

 

.entry {

background-color: #transparent;

}

body {

background-color: #ECF1ED;

font-family: Arial, Helvetica, sans-serif;

color: #333333;

}

#wrapper {

clear: none;

margin: auto;

width: 1010px;

}

#header {

background-image: url(http://bloggfiler.no/missindecisivegratisdesign.blogg.no/images/1498917-9-1337435877698.jpg);

height: 260px;

width: 776px;

float: left;

margin-left: 20px;

border-left: 5px solid #ffffff;

border-right: 5px solid #ffffff;

border-bottom: 10px solid #ffffff;

border-top: 5px solid #ffffff;

}

#side {

float: right;

width: 160px;

font: normal normal 11px 'arial';

color: #666;

margin-top: -315px;

padding: 5px;

line-height: 150%;

background-color: #ffffff;

}

#main {

overflow: hidden;

float: left;

width: 811px;

padding: 10px;

padding: 10px 0px 0px 15px;

line-height: 190%;

background-color: #ffffff;

margin-top: 0px;

padding-bottom: 50px;

}

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

a:hover {color: #C8D7CF; text-decoration: none; cursor: crosshair;}

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

}

h1 {

font-family: times;

font-size: 14px;

font-weight: 100%;

color: #DDEBE5;

font-style: normal;

font-weight: normal;

text-align: left;

padding-bottom: 5px;

padding-left: 10px;

margin-bottom: 5px;

margin-left: -10px;

margin-right: -10px;

}

h2 {

font-family: times;

font-size: 23px;

font-weight: 100%;

color: #C8D7CF;

background-color: #F5F5F5;

font-style: normal;

font-weight: normal;

text-align: left;

padding-bottom: 5px;

padding-left: 16px;

margin-left: -10px;

margin-right: -12px;

margin-bottom: 5px;

border-bottom: 1px solid #CBCBCB;

}

/** Entry headers **/

h3 {

background: #ffffff;

background-color: #F5F5F5;

height:15px;

font-family: times;

font-size: 28px;

font-weight: normal;

padding:20px;

color: #C8D7CF;

margin: 10px;

text-transform: lowercase;

text-align:left;

margin-bottom: 10px;

letter-spacing: 5px;

border-bottom: 1px solid #CBCBCB;

}

h4 {

font-family:georgia;

font-size: 16px;

font-weight: normal;

padding:5px;

color: #C8D7CF;

margin: 10px;

text-transform: lowercase;

text-align:left;

margin-bottom: 10px;

letter-spacing: 2px;

}

h3 a:hover {color: #; text-decoration: none; cursor: crosshair;

}

.navheader {

font-family: georgia;

font-size: 15px;

letter-spacing: 2px;

font-weight: normal;

color: #C8D7CF;

padding:10px;

text-transform: lowercase;

margin-bottom:-20px;

background-color:#ffffff;

text-align:left;

}

.nav {

font-family: verdana;

font-size: 10px;

font-weight: normal;

text-align:left;

color: #DBE6E0;

padding: 10px;

text-transform: lowercase;

letter-spacing: 1px;

}

.nav ul {

margin: 0px 0px 0px 0px;

padding: 10px;

font-weight: normal;

text-align:left;

letter-spacing: 1px;

background-color: #FFFFFF;

margin-bottom: 0px;

color: #afafaf;

text-transform: lowercase;

font-size: 10px;

}

.nav li {

list-style: none;

padding: 0px;

margin: 0px;

text-transform: lowercase;

color: #afafaf;

font-weight: normal;

letter-spacing: 1px;

}

.nav a { color: #afafaf; text-decoration: none; }

.nav a:hover { color: #C8D7CE; text-decoration: none;}

/** Post's body text **/

.entrybody {

font-family: verdana;

font-size: 10px;

font-weight: normal;

color: #afafaf;

letter-spacing: 1px;

line-height: 180%;

margin: 0px;

background-color: #FFFFFF;

padding: 10px;

text-transform: lowercase;

margin-top:-10px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: verdana;

font-size: 10px;

font-weight: normal;

color: #afafaf;

padding:10px;

text-transform: lowercase;

text-align:center;

letter-spacing: 1px;

margin-top: -25px;

margin: 10px;

}

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

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

.commentheader {

font-family: georgia;

font-size: 15px;

letter-spacing: 2px;

text-align: left;

text-transform: lowercase;

font-style: italic;

font-style: normal;

padding: 10px;

color: #C8D7CE;

}

.commentheader a { color: #C8D7CE; text-decoration:none;

}

.commentheader a:hover {color: #afafaf; text-decoration: none; }

.commenttext {

font-family: verdana;

font-size: 10px;

text-align: left;

font-style: normal;

background: #fff;

font-weight: normal;

padding: 10px;

color: #afafaf;

margin-bottom: -15px;

line-height: 150%;

}

.commentmeta {

font-family: verdana;

font-size: 10px;

line-height: 150%;

text-align: left;

padding: 10px;

letter-spacing: 1px;

font-weight: normal;

color: #afafaf;

background: #fff;

}

.commentmeta a { color: #afafaf; text-transform: normal; text-decoration:none; }

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

.commentform {

font-family: verdana;

font-size: 10px;

text-align: left;

font-weight: normal;

padding: 10px;

letter-spacing: 1px;

color: #afafaf;

background: #fff;

}

#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 #CBEDDF;

color: #000000;

text-decoration: none;

font-family: arial;

font-size: 10px;

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 #CBEDDF;

color: #727272;

}

#navbar li li a:hover {

background-color: #C7E4D7;

}

#meny {

width: 610px;

margin-left: auto;

margin-right: auto;

}


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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

<head><br><br><br><br>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

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

<meta name="description" content="${BlogDescription}" />

<script type="text/javascript">var domainName = ".${AppDomain}";</script>

<script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

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

<link rel="shortcut icon" href="http://i1070.photobucket.com/albums/u498/missindecisive/mustache1pixellli.png" type="image/gif" />

</head>

<body class="front">

<div id="doc2">

<div id="meny">

<ul id="navbar">

<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}">&raquo; ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

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

<ul>

<tag:archivelist limit="10">

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

</tag:archivelist>

</ul>

</li>

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

<ul>

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

</ul>

</li>

</ul>

</div>

<div id="header">

<h1>${BlogTitle}</h1>

<p>${BlogDescription}</p>

</div>

<div id="wrapper" class="yui-gc">

<div id="main" class="yui-u first">

<tag:entrylist limit="30">

<div class="entry">

<h3><center>

${EntryTitle}</a>

</center></h3>

<div class="meta">

<ul>

<center>Dato: ${EntryDate} | Kl: ${EntryTime} | <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a></center>

</li>

</ul>

</div>

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

<div class="meta">

<ul>

<h4><center><a href="${EntryPermaLink}#comment">Kommenter innlegget</center></h4></a><center>Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</center></a>

</li>

<li>

</li>

</ul>

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

<div class="tags">Stikkord:

<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

</tag:if>

</div>

</div>

</tag:entrylist>

</div>

<div id="side" class="yui-u">

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

<div id="profile" class="clearfix">

<div>

<center>

<img src="http://bloggfiler.no/missindecisivegratisdesign.blogg.no/images/1498917-9-1337435997184.jpg" width="160" border="0" alt="${ProfileName}"></center></a>

<br>

Her kan du skrive litt om deg selv og bloggen din.

<br>

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

<br>

+Legg meg til som venn

<br>

</br>

</tag:if>

<div>

<h2>Kategorier</h2>

<tag:categorylist>

<a href="${CategoryLink}">${CategoryName}</a>

</tag:categorylist>

</div>

<div>

<h2>Arkiv</h2>

<tag:archivelist>

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

</tag:archivelist>

</div>

<div>

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

<div>

</ul>

</div>

<h2>Gratis bloggdesign</h2>

<a href="http://missindecisive.blogg.no/" target=_new>m i s s i n d e c i s i v e</a>

</tag:if>

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

<div>

<h3>Jeg anbefaler</h3>

<ul>

<tag:productlist>

<li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>

</tag:productlist>

</ul>

</div>

</tag:if>

</div>

</div>

</ul>

</div>

</div>

</div>

</body>

</html><br><br><br><br><br>

 


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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">

<head><br><br><br><br>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>${EntryTitle} (${BlogTitle})</title>

<meta name="description" content="${BlogDescription}" />

<script type="text/javascript">var domainName = ".${AppDomain}";</script>

<script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />

<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />

<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />

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

<link rel="shortcut icon" href="http://i1070.photobucket.com/albums/u498/missindecisive/mustache1pixellli.png" type="image/gif" />

</head>

<body>

<div id="doc2">

<div id="meny">

<ul id="navbar">

<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}">&raquo; ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

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

<ul>

<tag:archivelist limit="10">

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

</tag:archivelist>

</ul>

</li>

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

<ul>

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

</ul>

</li>

</ul>

</div>

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

<h1>

<a href="${BlogUrl}">${BlogTitle}</a>

</h1>

<p>${BlogDescription}</p>

</div>

<div id="wrapper" class="yui-gc">

<div id="main" class="yui-u first">

<tag:entry>

<div class="entry">

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

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

<div class="meta">

<ul>

<ul>

<center>Dato: ${EntryDate} | Kl: ${EntryTime} | <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a></center>

</li>

</ul>

</div>

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

<div class="meta">

<ul>

<tag:if test="${EntryCommentCount == 0}">

<tag:elseif test="${EntryCommentCount == 1}" />

<tag:else />

</tag:if>

</li>

<li>

</li>

</ul>

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

<div class="tags">Stikkord:

<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>

</tag:if>

<tag:include module="postentry"></tag:include>

</div>

</div>

</tag:entry>

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

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

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

&nbsp&nbsp<font face="times new roman"><font size="3"><font color="#7e7e77">${EntryCommentCount} kommentarer i "${EntryTitle}"</font><br><br></font></font>

<tag:commentlist>

<div class="commentheader">

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

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

<div class="commentmeta">

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

</tag:if>

</div>

</div>

</tag:commentlist>

<div id="newcomment" class="clearfix">

<h3>Skriv en kommentar</h3>

<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">

<div id="comment_author_wrapper">

<label for="comment_author">Ditt navn:</label>

<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />

</div>

<div id="comment_authoremail_wrapper">

<label for="comment_authoremail">Din E-post:</label>

<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" />

</div>

<div id="comment_authorurl_wrapper">

<label for="comment_authorurl">Din bloggadresse:</label>

<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" />

</div>

<div id="comment_text_wrapper">

<label for="comment_text">Din kommentar:</label>

<textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>

</div>

<div id="comment_submit_wrapper">

<input type="hidden" name="commentid" value="${CommentID}" />

<input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />

</div>

<div id="comment_remember_wrapper">

<input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />

<label for="comment_remember">Husk meg ?</label>

</div>

</form>

</div>

</tag:if>

</div>

<div id="side" class="yui-u">

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

<div id="profile" class="clearfix">

<div>

<center>

<img src="http://bloggfiler.no/missindecisivegratisdesign.blogg.no/images/1498917-9-1337435997184.jpg" width="160" border="0" alt="${ProfileName}"></center></a>

<br>

Her kan du skrive om deg selv og bloggen din.

<br>

</br>

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

+Legg meg til som venn

</a>

</div>

</tag:if>

<div>

<h2>Kategorier</h2>

<tag:categorylist>

<a href="${CategoryLink}">${CategoryName}</a>

</tag:categorylist>

</div>

<div>

<h2>Arkiv</h2>

<tag:archivelist>

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

</tag:archivelist>

</div>

<h2>Gratis bloggdesign</h2>

<a href="http://missindecisive.blogg.no/" target=_new>m i s s i n d e c i s i v e</a>

</div>

</div>

</div>

</ul>

</div>

</div>

</div>

</body>

</html><br><br><br><br><br>

 


Kontakt meg HER dersom du skulle få problemer med å få designet.
- Missindecisive. 


  17 kommentarer i "GRATIS DESIGN #11"

Postet av: Johanne
Utrolig fint design!
14.05.2012, 21:33
Postet av: Martine
Nice
15.05.2012, 15:37
URL: http://www.martinekarlsen00.blogg.no
Postet av: Limailu.blogg.no
Kjempe fint!
16.05.2012, 20:49
Postet av: emiliiejensen
Utrolig fint design! :)
20.05.2012, 11:32
URL: http://emiliiejensen.blogg.no
Postet av: Lotte
Elsker dette designet! Men er det mulig å forandre det som står? Altså, This Is My FashionStory??

Send meg en mail: Charl8sverden@Live.no
24.05.2012, 17:23
URL: http://http://charl8sverden.blogg.no/
Postet av:
Can I have this design on another blog than blogg.no ?? for example blogger.com
24.05.2012, 18:23
Postet av: missindecisivegratisdesign
Anonym: I think so, but it depends on which blogtype you choose. I don't know much about other blog sites than blogg.no. Guess you just have to try it out!
Postet av: KK
kjempe fint, og bra med 800 px :D
28.05.2012, 20:40
URL: http://dobbelk.blogg.no
Postet av: synneing
Hvordan skriver man på den beskrivelsen?
31.05.2012, 09:35
URL: http://synneing.blogg.no
Postet av: Tine
Hva er størelsen på headeren, og hvordan endrer man headeren??
31.05.2012, 19:13
Postet av: Tine
Og hvordan endrer man profilbildet??

kjempefin design btw <3
31.05.2012, 19:18
Postet av: h0g
det skal jeg bruke :)
03.06.2012, 13:44
URL: http://h0g.blogg.no
Postet av: Kristine Djupegot Raad
Hva er størelsen på headeren? (:
11.06.2012, 07:46
URL: http://ooy.blogg.no
Postet av: Charlotte
Helt nydelig design, og perfekt for min del! Jeg har satt inn kodene og ble veldig fornøyd, men så vises verken profilbilde eller tekst, kun kategorier og arkiv. Måtte bare tilbakestille til mitt gamle design, veldig synd. Hva er galt? Har så lyst til å bruke det! Håper du kan hjelpe meg.
12.06.2012, 15:09
URL: http://www.charlotteshusdyr.blogg.no
Postet av: Charlotte
Helt nydelig design, og perfekt for min del! Jeg har satt inn kodene og ble veldig fornøyd, men så vises verken profilbilde eller tekst, kun kategorier og arkiv. Måtte bare tilbakestille til mitt gamle design, veldig synd. Hva er galt? Har så lyst til å bruke det! Håper du kan hjelpe meg. Du kan se hvordan det ble på www.charlidesign.blogg.no
12.06.2012, 15:11
URL: http://www.charlotteshusdyr.blogg.no
Postet av: zilje99
kan æ ha ditt design men med min header å profilbilde??

Plisssss ??
12.06.2012, 19:08
URL: http://zilje99.blogg.no/
Postet av: missindecisivegratisdesign
zilje99: ofc :)

Skriv en kommentar


På denne bloggen legger jeg ut kodene til gratis designene jeg lager på denne bloggen (har dere noen spørsmål, still dem der - svarer nemlig ikke her).


+Legg meg til som venn

KATEGORIER

ARKIV

DESIGN BY

m i s s i n d e c i s i v e
hits