Summertime - TVdesign, en designside laget av Vilde!

GRATIS DESIGN 1 - Summertime

Her er vårt første gratisdesign! Therese har kodet det, og Vilde har laget bakrunnen og headeren. Designet er gratis - så lenge du ikke tar vekk reklamasjonen, gjør du det har vi full rett til å anmelde deg til politi. Designet har fargene blått og grønt, lyse farger. Vi fokuserte på et "ute" design som egentlig passer best om sommeren og våren, men det gjør jo ikke noe. Designet ser mye finere ut på bloggen altså, lover, så prøv det ut! Du kopierer bare stilsettet, og alle de fire malene og limer inn på bloggen din - enkelt og greit, får du det ikke til kan du enten kontakte Vilde eller Therese, de kan hjelpe! Her ser du designet:

Stilsett

BODY {
background-image: url("http://img3.imageshack.us/img3/9282/himmelz.jpg");
background-attachment: fixed;
background-repeat: repeat;
}
.entry {
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
padding: 10px
}
.entry {
background-color: #FFFFFF;
}
body {
background-color: #000000;
font-family: Tahoma, Geneva, sans-serif;
color: #000000;
}
#header {
background-color: #transpanet;
background-image: url('http://img703.imageshack.us/img703/9109/kissandtell.png');
height: 260px;
width: 639px;
background-repeat: no-repeat;
margin-left: left;
margin-right: left;
}
#dato {
font-family: Tahoma;
font-size: 10px;
color: #000000;
text-align:right;
padding-right:9px;
margin-bottom:-28px;
}
#wrapper {
background-color: #transpanet;
margin-left: auto;
margin-right: auto;
width: 1000px;
font-size: 9pt;
}
#comments .user {
background: #FFFFFF;
border: 0px solid #000000;
}
#comments .owner {
background: #FFFFFF;
border: 0px solid #000000;
}
#comments h4{
font-size: 15px;
color: #4197d3;
}
#comments h4 a{
color: #4197d3;
}
/* Her er delen som forandre på hvordan dine kommentarer skal se ut */
#comments .other{
border: 0px solid #000;
background-color: #FFFFFF;
color: #000000;
}
/* Forandrer hvordan "navn" og "dato" feltet skal se ut */
#comments .other .meta{
border: 0px solid #000;
background-color: FFFFFF;
color: #000000;
}
textarea {
background-image: url('no');
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 770px;
}
#box {
width: 195px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
}
a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
a:hover { color: #9C50FF}
h2 { font-family: Tahoma, Tahoma, sans-serif; font-size: 23px }
h1, h3, h4, h5 { font-family: Tahoma, Tahoma, sans-serif; }
h2 { background-color: #6ab9ee; }
#header h1, #header p { display:none }
#header { color: #000000; }
#header h1, #header p { display:none }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
#side {
margin-top: -300px;
background-color: #transpanet;
}
h2 {
border-bottom: 0px solid #4197d3;

Forsiden

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>
<script language=JavaScript>

</script>
<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://i53.tinypic.com/1zgrvo6.png" type="image/x-icon" />
</head>
<body>
<div id="doc2">
<div id="header" onclick="document.location='${BlogUrl}';">
</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>
<div id="dato">
${EntryTime} <br />${EntryDate}
</div>
<h2>${EntryTitle}</h2>
<div class="meta">
<ul>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<tag:if test="${EntryCommentCount == 0}">
<p style="text-align: right;"><font face="Century Gothic"><font size="6-0"><a href="${EntryPermaLink}#comment"> ${EntryCommentCount} kommentarer</a> </font></font></p>
<tag:elseif test="${EntryCommentCount == 1}" />
<p style="text-align: right;"><font face="Century Gothic"><font size="6-0"><a href="${EntryPermaLink}#comment"> ${EntryCommentCount} kommentarer</a> </font></font></p>
<tag:else />
<p style="text-align: right;"><font face="Century Gothic"><font size="6-0"><a href="${EntryPermaLink}#comment"> ${EntryCommentCount} kommentarer</a> </font></font></p>
</tag:if>
</li>
<li>
</li>
<li class="share">
</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>
<tag:if test="${Comments == 1}">
<a name="comment" id="comment"></a>
<div id="comments">
<tag:commentlist>
<div class="comment ${CommentClass}">
<div class="meta">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&size=50" alt="" />
</a>
<tag:else />
<img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&size=50" alt="" />
</tag:if>
</tag:if>
<h4>${CommentAuthorLinkIf}</h4>
<p><b>${CommentDate} kl.${CommentTime}</p></b>
</div>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<table border="1" style="width: 700px; height: 230px; background-color: #ffffff; border: #000000 1px solid"><tbody><tr><td> <div id="newcomment" class="clearfix">
<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">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="Aw, tusen takk!" />
</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>
</form>
</div>
</div> </td></tr></tbody></table><br />
</tag:if>
</div>
<div id="side" class="yui-u">
<tag:include module="sidebar"></tag:include>
<div>
<div id="box"><div>
<center>Gratisdesign laget av TVdesign</center>
<h2>Kategorier</h2>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h2>Arkiv</h2>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
<br>
<h2>Siste innlegg</h2>
<ul>
<tag:recentlist limit="10">
<li>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</li>
</tag:recentlist>
</ul>
<br>
<h2>Lenker</h2>
<ul>
<tag:linklist>
<li>
<a href="${LinkURL}">${LinkName}</a>
</li>
</tag:linklist>
<br>
<h2>Design</h2>
Designet er laget av TVdesign.
<a href="http://TVdesign.weebly.com"> <img src="http://img405.imageshack.us/img405/9194/logokgb.png" height="105"> </a> </div></div></div>
</div>
<ul>
<li>
</li>
</ul>
</div>
</ul>
</div>
</div>
</div>
</body>
</html>