design rosa, kodmallen
<!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}; Frida Wennerholm</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<br>
<left>
<img src="http://fridayallweek.blogg.se/images/2009/ny-header_35873043.jpg" width="700" height="500" />
</left>
<br>
<right>
<h2>"I don't care if monday's blue,
tuesday's grey and wednesday too.
thursday, I don't care about you..
It's Friday, I'm in love"</h2></right>
</div>
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div>${EntryBody}</div>
<div>
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}"></a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Be nice(${EntryCommentCount})</a>
<a href="${EntryPermaLink}#trackback"></a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<hr />
</tag:entrylist>
</div>
<div id="side">
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="trans001-black.swf";obj.TimeZone="CET";obj.width=200;obj.height=200;obj.wmode="transparent";showClock(obj);</script>
<div id="profile">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<h4>Om</h4>
<a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img src="http://fridayallweek.blogg.se/images/2008/skanna5_19480544.jpg" alt="
" /></a>
<p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p>
</tag:if>
</tag:profile>
</div>
<div>
<div>Sök</div>
<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="Sök" />
</form>
<div>News</div>
<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
<div>Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div>Oldies</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div>Värt att se</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="Alex Wennerholm{http://www.alexwennerholm.com/}">${LinkURL}</a></li>
</tag:linklist>
</ul>
</tag:if>
<tag:if test="${hasBooks == 'true'}">
<div></div>
<ul>
<tag:booklist>
<li><a href="${BookUrl}"><img src="${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}">${BookTitle}</a></li>
</tag:booklist>
</ul>
</tag:if>
<tag:if test="${hasMusic == 'true'}">
<div>Musik</div>
<ul>
<tag:musiclist>
<li><a href="${MusicUrl}"><img src="${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}">${MusicTitle}</a></li>
</tag:musiclist>
</ul>
</tag:if>
<tag:if test="${hasMovies == 'true'}">
<div>Filmer</div>
<ul>
<tag:movielist>
<li><a href="${MovieUrl}"><img src="${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}">${MovieTitle}</a></li>
</tag:movielist>
</ul>
</tag:if>
</div>
<div>
<a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a>
</div>
</div>
</div>
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
</body>
</html>
<!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}; Frida Wennerholm</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<br>
<left>
<img src="http://fridayallweek.blogg.se/images/2009/ny-header_35873043.jpg" width="700" height="500" />
</left>
<br>
<right>
<h2>"I don't care if monday's blue,
tuesday's grey and wednesday too.
thursday, I don't care about you..
It's Friday, I'm in love"</h2></right>
</div>
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}"></a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Be nice(${EntryCommentCount})</a>
<a href="${EntryPermaLink}#trackback"></a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<hr class="separator" />
</tag:entrylist>
</div>
<div id="side">
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="trans001-black.swf";obj.TimeZone="CET";obj.width=200;obj.height=200;obj.wmode="transparent";showClock(obj);</script>
<div id="profile">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<h4>Om</h4>
<a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="http://fridayallweek.blogg.se/images/2008/skanna5_19480544.jpg" alt="
" /></a>
<p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p>
</tag:if>
</tag:profile>
</div>
<div class="nav">
<div class="navheader">Sök</div>
<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="Sök" />
</form>
<div class="navheader">News</div>
<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
<div class="navheader">Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div class="navheader">Oldies</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div class="navheader">Värt att se</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="Alex Wennerholm{http://www.alexwennerholm.com/}">${LinkURL}</a></li>
</tag:linklist>
</ul>
</tag:if>
<tag:if test="${hasBooks == 'true'}">
<div class="navheader"></div>
<ul>
<tag:booklist>
<li><a href="${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}">${BookTitle}</a></li>
</tag:booklist>
</ul>
</tag:if>
<tag:if test="${hasMusic == 'true'}">
<div class="navheader">Musik</div>
<ul>
<tag:musiclist>
<li><a href="${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}">${MusicTitle}</a></li>
</tag:musiclist>
</ul>
</tag:if>
<tag:if test="${hasMovies == 'true'}">
<div class="navheader">Filmer</div>
<ul>
<tag:movielist>
<li><a href="${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}">${MovieTitle}</a></li>
</tag:movielist>
</ul>
</tag:if>
</div>
<div class="subside">
<a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a>
</div>
</div>
</div>
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
</body>
</html>
design rosa, stilmallen
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 1; padding: 8; border: 0; }
input, select, textarea { margin: 0; padding: 1,5; }
/*
* play around with these to change settings on your blog!
*/
/* link colors */
a:link {
color: #c09a97;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #d8bcba;
}
a:hover {
text-decoration: none;
color: #c4b6b5;
}
a:active {
text-decoration: none;
color: white;
}
/* font & border */
body {
font: 12px/16px 'Trebuchet MS', Arial, Sans-serif;
border-top: 0px solid white;
color: #504242;
}
h1,h3,h4,h5,h6, div.navheader, div.default {
font-family: 'Impact', Georgia, Serif;
color: #fff;
}
div#side h3 div.navheader {
color: #535a51;
}
/*
* do not alter these if you don't know what you're doing
*/
body {
float: center;
background-image: url(http://fridayallweek.blogg.se/images/2009/bakgrund_35872470.jpg );
}
div#wrapper {
margin: 0 auto 20px auto;
width: 750px;
background:;
}
div#header {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
border-bottom: 0px solid #fff;
width: 710px;
}
div#content {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
width: 540px;
}
div#side {
width: 150px;
padding: 0 20px 0 0;
float: right;
display: inline;
}
div#side div.navheader, div#side h4, div.default {
padding: 20px 0 5px 0;
font-size: 16px;
font-weight: normal;
}
/* hide calender - doesn't work anyway */
div#side div#calendar {
display: <div id="calendar">
<tag:calendar width="150" />
</div>;
}
div#header h1 {
font-size: 45px;
letter-spacing: -2px;
font-weight: bold;
margin: 50px 0 15px 0;
}
div#header h1 a {
text-decoration: none;
color: #362f2f;
cursor: default;
}
div#header h2 {
font-size: 11px;
margin-left: 15px;
color: grey;
}
div#content h3 {
font-size: 24px;
font-weight: normal;
margin: 20px 0 10px 0;
}
div#content div.entrybody {
margin: 0 15px 0 15px;
}
div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}
div#content div.entrybody li {
font-size: 12px;
color: #362f2f;
list-style-type: square;
}
div.default {
margin: 0 0 15px 0;
}
div.nav input {
margin-right: 5px;
}
div.nav li {
list-style: none;
padding: 2px 0;
}
div.nav ul li strong {
line-height: 37px;
font-size: 11px;
}
div.entrymeta {
font-size: 11px;
margin: 0 0 0 15px;
padding: 10px 0 10px 0;
color: #666;
line-height: 7px;
}
div.commentheader, p.commenttext {
margin: 0 0 0 15px;
font-weight: bold;
color: #222;
}
p.commenttext {
font-weight: normal;
}
div.commentmeta {
color: #666;
margin: 5px 0 20px 15px;
font-size: 11px;
}
form.commentform {
font-size: 11px;
}
form.commentform input, form.commentform textarea {
margin: 0 5px 10px 0;
vertical-align: middle;
}
input.formbutton {
margin-top: 10px;
}
.separator {
display:none;
}
.subside {}
.image {
border: 0;
margin: 0 6px 6px 0;
}
.thumbnail {
margin: 0 6px 6px 0;
}
.video {
padding: 0;
}
.xmlButton {
border: 1px solid;
border-color: #FC9 #630 #330 #F96;
padding: 0 3px;
font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
color: #362f2f;
background: #F60;
text-decoration: none;
margin:0;
}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 1; padding: 8; border: 0; }
input, select, textarea { margin: 0; padding: 1,5; }
/*
* play around with these to change settings on your blog!
*/
/* link colors */
a:link {
color: #c09a97;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #d8bcba;
}
a:hover {
text-decoration: none;
color: #c4b6b5;
}
a:active {
text-decoration: none;
color: white;
}
/* font & border */
body {
font: 12px/16px 'Trebuchet MS', Arial, Sans-serif;
border-top: 0px solid white;
color: #504242;
}
h1,h3,h4,h5,h6, div.navheader, div.default {
font-family: 'Impact', Georgia, Serif;
color: #fff;
}
div#side h3 div.navheader {
color: #535a51;
}
/*
* do not alter these if you don't know what you're doing
*/
body {
float: center;
background-image: url(http://fridayallweek.blogg.se/images/2009/bakgrund_35872470.jpg );
}
div#wrapper {
margin: 0 auto 20px auto;
width: 750px;
background:;
}
div#header {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
border-bottom: 0px solid #fff;
width: 710px;
}
div#content {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
width: 540px;
}
div#side {
width: 150px;
padding: 0 20px 0 0;
float: right;
display: inline;
}
div#side div.navheader, div#side h4, div.default {
padding: 20px 0 5px 0;
font-size: 16px;
font-weight: normal;
}
/* hide calender - doesn't work anyway */
div#side div#calendar {
display: <div id="calendar">
<tag:calendar width="150" />
</div>;
}
div#header h1 {
font-size: 45px;
letter-spacing: -2px;
font-weight: bold;
margin: 50px 0 15px 0;
}
div#header h1 a {
text-decoration: none;
color: #362f2f;
cursor: default;
}
div#header h2 {
font-size: 11px;
margin-left: 15px;
color: grey;
}
div#content h3 {
font-size: 24px;
font-weight: normal;
margin: 20px 0 10px 0;
}
div#content div.entrybody {
margin: 0 15px 0 15px;
}
div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}
div#content div.entrybody li {
font-size: 12px;
color: #362f2f;
list-style-type: square;
}
div.default {
margin: 0 0 15px 0;
}
div.nav input {
margin-right: 5px;
}
div.nav li {
list-style: none;
padding: 2px 0;
}
div.nav ul li strong {
line-height: 37px;
font-size: 11px;
}
div.entrymeta {
font-size: 11px;
margin: 0 0 0 15px;
padding: 10px 0 10px 0;
color: #666;
line-height: 7px;
}
div.commentheader, p.commenttext {
margin: 0 0 0 15px;
font-weight: bold;
color: #222;
}
p.commenttext {
font-weight: normal;
}
div.commentmeta {
color: #666;
margin: 5px 0 20px 15px;
font-size: 11px;
}
form.commentform {
font-size: 11px;
}
form.commentform input, form.commentform textarea {
margin: 0 5px 10px 0;
vertical-align: middle;
}
input.formbutton {
margin-top: 10px;
}
.separator {
display:none;
}
.subside {}
.image {
border: 0;
margin: 0 6px 6px 0;
}
.thumbnail {
margin: 0 6px 6px 0;
}
.video {
padding: 0;
}
.xmlButton {
border: 1px solid;
border-color: #FC9 #630 #330 #F96;
padding: 0 3px;
font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
color: #362f2f;
background: #F60;
text-decoration: none;
margin:0;
}