GRATIS DESIGN #15
NB: Det er IKKE lov til å fjerne det steder der det står at designet er laget av meg/ stjele kodene mine og misbruke dem osv. Da blir du anmeldt.
DESIGN > REDIGER > STILSETT:
@import url(http://fonts.googleapis.com/css?family=Cedarville+Cursive|Merriweather|Fredericka+the+Great);
.entry {
background-color: #transparent;
}
body {
background-image: url(http://bloggfiler.no/snuppeluppp.blogg.no/images/1456118-12-1339519914811.jpg);
background-color: #F7F0E2;
background-repeat: repeat-x;
background-attachment: fixed;
font-family: Merriweather;
color: #6D6D6D;
}
#wrapper {
clear: none;
margin: auto;
width: 1010px;
font-size: 11px;
color: #6D6D6D;
}
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#side {
float: right;
width: 160px;
font: normal normal 11px Merriweather;
color: #666;
margin-top: -120px;
padding: 5px;
line-height: 150%;
background-color: #ffffff;
}
#main {
overflow: hidden;
float: left;
width: 815px;
padding: 10px;
padding: 3px 0px 0px 15px;
line-height: 120%;
background-color: #ffffff;
margin-top: -120px;
padding-bottom: 50px;
}
a {color: #B5B5B5; text-decoration: none;}
a:hover {color: #D7D7D7; text-decoration: none; cursor: crosshair;}
#header h1, #header p { display:none }
}
h1 {
font-family: verdana;
font-size: 11px;
font-weight: 100%;
color: #EAEAEA;
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: Fredericka the Great;
font-size: 18px;
font-weight: 100%;
color: #D0C9BD;
background-color: #FCF7EE;
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-top: 1px dashed #fff;
border-bottom: 1px dashed #fff;
}
/** Entry headers **/
h3 {
background: #ffffff;
height: 10px;
font-family: Fredericka the Great;
font-size: 42px;
font-weight: normal;
padding: 40px;
color: #E6D7D5;
margin-left: -40px;
text-transform: lowercase;
text-align: left;
margin-bottom: 10px;
letter-spacing: 0px;
border-bottom: 1px dashed #E4E4E4;
}
h4 {
font-family: verdana;
font-size: 11px;
font-weight: normal;
padding:5px;
color: #D7D7D7;
margin: 10px;
text-transform: lowercase;
text-align: left;
margin-bottom: 10px;
letter-spacing: 0px;
}
h3 a:hover {color: #; text-decoration: none; cursor: crosshair;
}
.navheader {
font-family: verdana;
font-size: 11px;
letter-spacing: 0px;
font-weight: normal;
color: #D7D7D7;
padding:10px;
text-transform: lowercase;
margin-bottom:-20px;
background-color:#ffffff;
text-align:left;
}
.nav {
font-family: calibri;
font-size: 13px;
font-weight: normal;
text-align:left;
color: #E4E4E4;
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: #D7D7D7; text-decoration: none;}
/** Post's body text **/
.entrybody {
font-family: calibri;
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: calibri;
font-size: 10px;
font-weight: normal;
color: #afafaf;
padding:10px;
text-transform: lowercase;
text-align: left;
letter-spacing: 1px;
margin-top: -25px;
margin: 10px;
}
.entrymeta a { color: #afafaf; text-decoration:none;}
.entrymeta a:hover { color: #D7D7D7; text-decoration: none; }
.commentheader {
font-family: calibri;
font-size: 15px;
letter-spacing: 2px;
text-align: left;
text-transform: lowercase;
font-style: italic;
font-style: normal;
padding: 10px;
color: #D7D7D7;
}
.commentheader a { color: #D7D7D7; text-decoration:none;
}
.commentheader a:hover {color: #afafaf; text-decoration: none; }
.commenttext {
font-family: calibri;
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: calibri;
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: #D7D7D7; text-decoration: none; }
.commentform {
font-family: calibri;
font-size: 10px;
text-align: left;
font-weight: normal;
padding: 10px;
letter-spacing: 1px;
color: #afafaf;
background: #fff;
}
DESIGN > REDIGER > MALER>FORSIDE, KATEGORI OG 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://i46.tinypic.com/jhsos8.gif" type="image/gif" />
</head>
<body class="front">
<div id="doc2">
<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>
${EntryTitle}</a>
</h3>
<div class="meta">
<ul>
Dato: ${EntryDate} Kl: ${EntryTime} Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a><a href="${EntryPermaLink}#comment"> (${EntryCommentCount} kommentarer)</a>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
Dato: ${EntryDate} Kl: ${EntryTime} Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a><a href="${EntryPermaLink}#comment"> (${EntryCommentCount} kommentarer)</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/snuppeluppp.blogg.no/images/1456118-12-1339517736012.jpg" width="160" border="0" alt="${ProfileName}"></center></a>
<br>
Her kan du skrive litt om deg selv og bloggen din.
<br><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>Søk i bloggen</h2>
<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="9" maxlength="1000" id="soek" />
<input type="submit" value="..." style="width: 40px;" id="soek" />
</form>
<br>
<h2>Design av</h2>
<a href="http://missindecisive.blogg.no/" target=_new>missindecisive</a></center>
</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://i46.tinypic.com/jhsos8.gif" type="image/gif" />
</head>
<body>
<div id="doc2">
<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>${EntryTitle}</h3>
<div class="meta">
<ul>
<ul>
Dato: ${EntryDate} Kl: ${EntryTime} Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a><a href="${EntryPermaLink}#comment"> (${EntryCommentCount} kommentarer)</a>
</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>
  <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">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">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">URL:</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/snuppeluppp.blogg.no/images/1456118-12-1339517736012.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>Søk i bloggen</h2>
<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="9" maxlength="1000" id="soek" />
<input type="submit" value="..." style="width: 40px;" id="soek" />
</form>
<br>
<h2>Design av</h2>
<a href="http://missindecisive.blogg.no/" target=_new>missindecisive</a></center>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</body>
</html><br><br><br><br><br>
Sånn!
LES DETTE FØR DERE STILLER SPØRSMÅL HER OG LURER PÅ HVORFOR DERE IKKE FÅR SVAR:
Jeg svarer kun på spørsmål på min opprinnelige blogg: missindecisive.blogg.no (IKKE her).
har det på bloggen min nå!!
tusen takk!
nå må jeg bare lage en skikkelig fin header så er designet komplett!:)
URL: http://eevn.blogg.no