Kodmallar till 16:e designen
Kodmall framsida:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--Nerladdad från www.designadinblogg.se-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','3','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
</script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =50; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script></head>
<body>
<div id="wrapper">
<div id="header">
<ul id="navbar">
<li><a href="index.html">Startsida</a></li>
<li><a href="#">Kategorier</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>
<li><a href="#">Länkar</a>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</li>
<li><a href="http://johannablom.webblogg.se/designer">Design av</a>
<ul>
<a href="http://johannablom.webblogg.se/designer" target="_blank">Johanna Blom</a>
</ul></li>
</ul>
<h1>${BlogTitle}</h1>
</div>
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div>
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}">Permalink</a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a></div>
<div>${EntryBody}</div>
<br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
<hr />
</tag:entrylist>
</div>
<div id="side">
<div id="profile">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<h4>Om</h4>
<a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><img src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
<p><a href="${AppUrl}index.bd?fa=pf.view&amp;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>Senast skrivet</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>Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div>Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
<tag:if test="${hasBooks == 'true'}">
<div>Böcker</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://deesiign.webblogg.se/fifan/images/2011/rss-icon-12_179759070.png" border="0" alt="RSS 2.0" /></a>
</div>
</div>
</div>
</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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','3','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
</script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =50; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script></head>
<body>
<div id="wrapper">
<div id="header">
<ul id="navbar">
<li><a href="index.html">Startsida</a></li>
<li><a href="#">Kategorier</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>
<li><a href="#">Länkar</a>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</li>
<li><a href="http://johannablom.webblogg.se/designer">Design av</a>
<ul>
<a href="http://johannablom.webblogg.se/designer" target="_blank">Johanna Blom</a>
</ul></li>
</ul>
<h1>${BlogTitle}</h1>
</div>
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}">Permalink</a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a></div>
<div class="entrybody">${EntryBody}</div>
<br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
<hr class="separator" />
</tag:entrylist>
</div>
<div id="side">
<div id="profile">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<h4>Om</h4>
<a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
<p><a href="${AppUrl}index.bd?fa=pf.view&amp;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">Senast skrivet</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">Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
<tag:if test="${hasBooks == 'true'}">
<div class="navheader">Böcker</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://deesiign.webblogg.se/fifan/images/2011/rss-icon-12_179759070.png" border="0" alt="RSS 2.0" /></a>
</div>
</div>
</div>
</body>
</html>
Kodmall inläggsida:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','3','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
</script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =50; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script></head>
<body>
<div id="wrapper">
<div id="header">
<ul id="navbar">
<li><a href="index.html">Startsida</a></li>
<li><a href="#">Kategorier</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>
<li><a href="#">Länkar</a>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</li>
<li><a href="http://johannablom.webblogg.se/designer">Design av</a>
<ul>
<a href="http://johannablom.webblogg.se/designer" target="_blank">Johanna Blom</a>
</ul></li>
</ul>
<h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>
<div id="content">
<tag:entry>
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}">Permalink</a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<hr class="separator" />
<a name="comment"></a>
<div class="default">Kommentarer </div>
<tag:commentlist>
<div class="commentheader">
${CommentAuthor}
</div>
<p class="commenttext">${CommentText}</p>
<div class="commentmeta">
${CommentDate} @ ${CommentTime}
<!-- If comment author has written her / his e-mail address -->
<tag:if test="${CommentAuthorEmail != ''}">
<br />Mail: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>
</tag:if>
<!-- If comment author has written her / his URL -->
<tag:if test="${CommentAuthorURL != ''}">
<br />Hemsida: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a>
</tag:if>
</div>
</tag:commentlist>
<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 />
<strong>Kommentera inlägget här:</strong> <br /> <br />
Namn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg?<br />
<br />
Mail: (publiceras ej)<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
Hemsida: <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<input class="formbutton" type="submit" name="submit" value="Skicka kommentar" />
</form>
</tag:if>
<a name="trackback"></a>
<div class="default">Trackback</div>
<tag:if test="${Trackbacks == 1}">
<div class="entrybody">
Trackback-URL för detta inlägg: <br />
${TrackbackEntryURL}
</div>
</tag:if>
<tag:trackbacklist>
<div class="commentheader">
${TrackbackTitle}
</div>
<p class="commenttext">${TrackbackExcerpt}...</p>
<div class="commentmeta">
<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>
<br />
${TrackbackDate} @ ${TrackbackTime}
</div>
</tag:trackbacklist>
</div>
<div id="side">
<div class="nav">
<ul>
<li><a href="index.html" title="Gå till startsidan"><strong>Start</strong></a></li>
</ul>
<div class="navheader">Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div class="navheader">Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</div>
<div class="subside">
<a href="index.rss" title="RSS"><img src="http://deesiign.webblogg.se/fifan/images/2011/rss-icon-12_179759070.png" border="0" alt="RSS 2.0" /></a>
</div>
</div>
</div>
</body>
</html>

Kodmall kategorisida:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','3','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
</script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =50; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<ul id="navbar">
<li><a href="index.html">Startsida</a></li>
<li><a href="#">Kategorier</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>
<li><a href="#">Länkar</a>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</li>
<li><a href="http://johannablom.webblogg.se/designer">Design av</a>
<ul>
<a href="http://johannablom.webblogg.se/designer" target="_blank">Johanna Blom</a>
</ul></li>
</ul>
<h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>
<div id="content">
<tag:entrylist limit="300">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}">Permalink</a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
<a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<hr class="separator" />
{% if loop.last and pagination %}
<div style="text-align: center; font-size: 12px">
{% if pagination.page_number != 1 %}
<a style="padding-right: 30px" href="{{ category.slug }}-{{ pagination.page_number - 1 }}.html">Tidigare inlägg</a>
{% endif %}
{% if pagination.page_number not in (pagination.total_pages, pagination.total_pages - 1) %}
<a href="{{ category.slug }}-{{ pagination.page_number + 1 }}.html">Nyare inlägg</a>
{% endif %}
{% if pagination.page_number == pagination.total_pages - 1 %}
<a href="{{ category.slug }}.html">Nyare inlägg</a>
{% endif %}
</div>
{% endif %}
</tag:entrylist>
</div>
<div id="side">
<div class="nav">
<ul>
<li><a href="index.html" title="Gå till startsidan"><strong>Start</strong></a></li>
</ul>
<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">Senast skrivet</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">Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
</div>
<div class="subside">
<a href="index.rss" title="RSS"><img src="http://deesiign.webblogg.se/fifan/images/2011/rss-icon-12_179759070.png" border="0" alt="RSS 2.0" /></a>
</div>
</div>
</div>
</body>
</html>

Kodmall arkivsida:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','3','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
</script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =50; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script></head>
<body>
<div id="wrapper">
<div id="header">
<ul id="navbar">
<li><a href="index.html">Startsida</a></li>
<li><a href="#">Kategorier</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>
<li><a href="#">Länkar</a>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</li>
<li><a href="http://johannablom.webblogg.se/designer">Design av</a>
<ul>
<a href="http://johannablom.webblogg.se/designer" target="_blank">Johanna Blom</a>
</ul></li>
</ul>
<h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>
<div id="content">
<tag:entrylist limit="300">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryPermaLink}">Permalink</a>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
<a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</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">
<div class="nav">
<ul>
<li><a href="index.html" title="Gå till startsidan"><strong>Start</strong></a></li>
</ul>
<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">Senast skrivet</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">Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
</div>
<div class="subside">
<a href="index.rss" title="RSS"><img src="http://deesiign.webblogg.se/fifan/images/2011/rss-icon-12_179759070.png" border="0" alt="RSS 2.0" /></a>
</div>
</div>
</div>
</body>
</html>
//Johanna
Postat: 2011-12-18 - 21:22:18 Kategori: Kodmallar
0 Kommentarer

Kodmallar till 13:e designen.
Kodmall framsida:
<!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}" />
<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">
<ul id="navbar">
<li><a href="index.html"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Start</a>


<li><a href="#"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Kategorier&nbsp;</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>


<li><a href="#"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Länkar  &nbsp;</FONT></a>
<ul>

<tag:if test="${hasLinks == 'true'}">
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">» ${LinkName}</a></li>
</tag:linklist>
</tag:if>
</ul>
</li>

<li><a href="http://johannablom.webblogg.se"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Design by Johanna  &nbsp;&nbsp;</FONT></a>
</div>

<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div>
${EntryDate} ${EntryTime}<br>
Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
-  <a href="${EntryPermaLink}#comment">(${EntryCommentCount}) Kommentarer</a>
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<div>${EntryBody}</div>

<hr />
</tag:entrylist>
</div>

<div id="side">

<img src="http://deesiign.webblogg.se/images/2011/ydnr5yfbjch_162629702.jpg" border="0">
<FONT SIZE="3" COLOR="black" FACE="Times New Roman"><b>Namn:</b> ... <br>
<b>Ålder:</b> ... <br>
<b>Intressen:</b> ... <br>
<b>Kontakt:</b> ... <br></FONT>

<div>

<div>Sök i bloggen</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>Inlägg</div>
<div>  
<ul>
<tag:recentlist limit="15">
<li>» <a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul> </div>
<div>Kategorier</div>

<ul>
<tag:categorylist>
<li>» <a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div>Arkiv</div>
<div>
<ul>
<tag:archivelist>
<li>» <a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
</div>
<div>Länkar</div>
<div>


<ul>
<tag:linklist>
<li>» <a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
<tag:if test="${hasBooks == 'true'}">
</nav>
<div>Böcker</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://deesiign.webblogg.se/hannimans/images/2011/rss-icon-32_177574283.png" 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>

Kodmall inläggssida:
<!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} - ${PageTitle}</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" />
<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>
<script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>
</head>

<body>

<div id="wrapper">

<div id="header">
<ul id="navbar">
<li><a href="index.html"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Start</a>


<li><a href="#"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Kategorier&nbsp;</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>


<li><a href="#"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Länkar  &nbsp;</FONT></a>
<ul>
<tag:if test="${hasLinks == 'true'}">
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">» ${LinkName}</a></li>
</tag:linklist>
</tag:if>


</ul>
</li>

<li><a href="http://johannablom.webblogg.se"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Design by Johanna  &nbsp;&nbsp;</FONT></a>


</div>

<div id="content">

<tag:entry>
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div>
${EntryDate} ${EntryTime}<br>
Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
-  <a href="${EntryPermaLink}#comment">(${EntryCommentCount}) Kommentarer</a>
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<div>${EntryBody}</div>

</tag:entry>

<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">

<hr />

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

<div>Kommentarer </div>

<tag:commentlist>
<div>
${CommentAuthor}
</div><p>${CommentText}</p><div>
${CommentDate} ${CommentTime}
<!-- If comment author has written her / his e-mail address -->
<tag:if test="${CommentAuthorEmail != ''}">
<br />Mail: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>
</tag:if>
<!-- If comment author has written her / his URL -->
<tag:if test="${CommentAuthorURL != ''}">
<br />Blogg/Hemsida: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a>
</tag:if>
</div>
</tag:commentlist>

<form action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">
<input type="hidden" name="commentid" value="${CommentID}" />
<br />
<strong>Kommentera här:</strong> <br /> <br />
Namn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg?<br />
<br />
Mail: (publiceras ej)<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
Blogg/Hemsida: <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Din kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<input type="submit" name="submit" value="Skicka" />
</form>

</tag:if>

<a name="trackback"></a>

<div>Trackback</div>

<tag:if test="${Trackbacks == 1}">
<div>
Trackback-URL för detta inlägg: <br />
${TrackbackEntryURL}
</div>
</tag:if>

<tag:trackbacklist>
<div>
${TrackbackTitle}
</div>
<p>${TrackbackExcerpt}...</p>
<div>
<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>
<br />
${TrackbackDate}  ${TrackbackTime}
</div>
</tag:trackbacklist>

</div>


<div id="side">
<img src="http://deesiign.webblogg.se/images/2011/ydnr5yfbjch_162629702.jpg" border="0">
<div>
<ul>
<li><a href="index.html" title="Bloggens startsida"><strong>Till startsidan</strong></a></li>
</ul>
<div>Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div>Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</div>


<div>
<a href="index.rss" title="RSS"><img src="http://deesiign.webblogg.se/hannimans/images/2011/rss-icon-32_177574283.png" 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>

Kodmall kategorisida:
<!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} - ${PageTitle}</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 2.0" />
<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">
<ul id="navbar">
<li><a href="index.html"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Hem</a>


<li><a href="#"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Kategorier&nbsp;</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>


<li><a href="#"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Länkar  &nbsp;</FONT></a>
<ul>
<tag:if test="${hasLinks == 'true'}">
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">» ${LinkName}</a></li>
</tag:linklist>
</tag:if>
</ul>
</li>

<li><a href="http://johannablom.webblogg.se"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Design by Johanna  &nbsp;&nbsp;</FONT></a>

</div>

<div id="content">
<tag:entrylist limit="300">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div>
${EntryDate}  ${EntryTime}<br>
Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
-  <a href="${EntryPermaLink}#comment">(${EntryCommentCount}) Kommentarer</a>
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<div>${EntryBody}</div>

<hr />

{% if loop.last and pagination %}
<div style="text-align: center; font-size: 12px">
{% if pagination.page_number != 1 %}
<a style="padding-right: 30px" href="{{ category.slug }}-{{ pagination.page_number - 1 }}.html">Tidigare inlägg</a>
{% endif %}
{% if pagination.page_number not in (pagination.total_pages, pagination.total_pages - 1) %}
<a href="{{ category.slug }}-{{ pagination.page_number + 1 }}.html">Nyare inlägg</a>
{% endif %}
{% if pagination.page_number == pagination.total_pages - 1 %}
<a href="{{ category.slug }}.html">Nyare inlägg</a>
{% endif %}
</div>
{% endif %}
</tag:entrylist>
</div>

<div id="side">
<img src="http://deesiign.webblogg.se/images/2011/ydnr5yfbjch_162629702.jpg" border="0">
<div>
<ul>
<li><a href="index.html" title="Bloggens startsida"><strong>Till startsidan</strong></a></li>
</ul>
<div>Sök i bloggen</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>Inlägg</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>Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div>Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
</div>

<div>
<a href="index.rss" title="RSS"><img src="http://deesiign.webblogg.se/hannimans/images/2011/rss-icon-32_177574283.png" 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>

Kodmall arkivsida:
<!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} - ${PageTitle}</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 2.0" />
<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">
<ul id="navbar">
<li><a href="index.html"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Hem</a>


<li><a href="#"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Kategorier&nbsp;</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>


<li><a href="#"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Länkar  &nbsp;</FONT></a>
<ul>
<tag:if test="${hasLinks == 'true'}">
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">» ${LinkName}</a></li>
</tag:linklist>
</tag:if>


</ul>
</li>

<li><a href="http://johannablom.webblogg.se"><img src="http://deesiign.webblogg.se/hannimans/images/2011/heart_177565235.png" border="0"> Design by Johanna  &nbsp;&nbsp;</FONT></a>

</div>

<div id="content">
<tag:entrylist limit="300">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div>
${EntryDate} ${EntryTime}<br>
Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
-  <a href="${EntryPermaLink}#comment">(${EntryCommentCount}) Kommentarer</a>
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
<div>${EntryBody}</div>

<hr />
</tag:entrylist>
</div>

<div id="side">
<img src="http://deesiign.webblogg.se/images/2011/ydnr5yfbjch_162629702.jpg" border="0">
<div>
<ul>
<li><a href="index.html" title="Bloggens startsida"><strong>Till startsidan</strong></a></li>
</ul>
<div>Sök i bloggen</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>Inlägg</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>Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
<div>Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
</div>
<div>
<a href="index.rss" title="RSS"><img src="http://deesiign.webblogg.se/hannimans/images/2011/rss-icon-32_177574283.png" border="0" alt="RSS 2.0" /></a>
</div>

</div>

<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />

</body>
</html>

Postat: 2011-12-03 - 15:38:47 Kategori: Kodmallar
0 Kommentarer

Kodmallar till 11:e designen.
Kodmall framsida:
<!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}" />
<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>
<div id="wrapper">
<div id="header">
<ul id="navbar">
</ul>
</div>
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div>
<b>Publicerat</b>: ${EntryDate} // ${EntryTime} - <b>Kategori</b>: <a href="${EntryCategoryLink}">${EntryCategoryName}</a> - <a href="${EntryPermaLink}#comment"><b>Kommentarer</b>: (${EntryCommentCount})</a> </div>
<div>${EntryBody}</div>
<br /><br />
</tag:entrylist>
</div>
<div id="side">
<img src="http://deesiign.webblogg.se/majs/images/2011/ydnr5yfbjch_177312305.jpg" border="0">
<FONT SIZE="2" COLOR="black" FACE="Arial"><b>Namn:</b> ... <br>
<b>Ålder:</b> ... <br>
<b>Intressen:</b> ... <br>
<b>Kontakt:</b> ... <br></FONT>
<div>
<div id="profile">
</div>
<div>Sök i bloggen</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>Senast skrivet</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>Arkiv</div>
<ul>
<tag:archivelist>
<li>»<a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<div>Länkar</div>
<ul>
<tag:linklist>
<li>»<a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
<ul>
</div>
<div>
</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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','1','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
<div id="wrapper">
<div id="header">
<ul id="navbar">
</ul>
</div>
<div id="content">
<tag:entrylist limit="15">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrymeta">
<b>Publicerat</b>: ${EntryDate} // ${EntryTime} - <b>Kategori</b>: <a href="${EntryCategoryLink}">${EntryCategoryName}</a> - <a href="${EntryPermaLink}#comment"><b>Kommentarer</b>: (${EntryCommentCount})</a> </div>
<div class="entrybody">${EntryBody}</div>
<br /><br />
</tag:entrylist>
</div>
<div id="side">
<img src="http://deesiign.webblogg.se/majs/images/2011/ydnr5yfbjch_177312305.jpg" border="0">
<FONT SIZE="2" COLOR="black" FACE="Arial"><b>Namn:</b> ... <br>
<b>Ålder:</b> ... <br>
<b>Intressen:</b> ... <br>
<b>Kontakt:</b> ... <br></FONT>
<div class="nav">
<div id="profile">
</div>
<div class="navheader">Sök i bloggen</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">Senast skrivet</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">Arkiv</div>
<ul>
<tag:archivelist>
<li>»<a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li>»<a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
<ul>
</div>
<div class="subside">
</div>
</div>
</div>
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
</body>
</html>

Kodmall inläggsida:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','1','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
<div id="wrapper">
<div id="header">
<ul id="navbar">
</ul>
</div>
<div id="content">
<tag:entry>
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrymeta">
<b>Publicerat</b>: ${EntryDate} // ${EntryTime} - <b>Kategori</b>: <a href="${EntryCategoryLink}">${EntryCategoryName}</a> - <a href="${EntryPermaLink}#comment"><b>Kommentarer</b>:   (${EntryCommentCount})</a> </div>
<div class="entrybody">${EntryBody}</div>
<br /><br />
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<a name="comment"></a>
<div class="default"></div>
<tag:commentlist>
<div class="commentheader">
Kommentar av: ${CommentAuthor}
</div>
<p class="commenttext">${CommentText}</p>
<div class="commentmeta">
${CommentDate} @ ${CommentTime}
<!-- If comment author has written her / his e-mail address -->
<tag:if test="${CommentAuthorEmail != ''}">
<br />E-mail: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>
</tag:if>
<!-- If comment author has written her / his URL -->
<tag:if test="${CommentAuthorURL != ''}">
<br />Hemsida: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a>
</tag:if>
</div>
</tag:commentlist>
<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 />
Namn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
<br />
E-mail: (publiceras ej)<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br /><br>
Din hemsida: <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br /><br>
Kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<input class="formbutton" type="submit" name="submit" value="Skicka" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg mig?
</form>
</tag:if>
<a name="trackback"></a>
<div class="default"></div>
<tag:if test="${Trackbacks == 1}">
<div class="entrybody">
Trackback-URL för detta inlägg: <br />
${TrackbackEntryURL}
</div>
</tag:if>
<tag:trackbacklist>
<div class="commentheader">
${TrackbackTitle}
</div>
<p class="commenttext">${TrackbackExcerpt}...</p>
<div class="commentmeta">
<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>
<br />
${TrackbackDate} @ ${TrackbackTime}
</div>
</tag:trackbacklist>
</div>
<div id="side">
<img src="http://deesiign.webblogg.se/majs/images/2011/ydnr5yfbjch_177312305.jpg" border="0">
<div class="nav">
<li>»<a href="index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li>
<div id="profile">
</div>
<div class="navheader">Sök i bloggen</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">Senast skrivet</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">Arkiv</div>
<ul>
<tag:archivelist>
<li>»<a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li>»<a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</div>
<div class="subside">
<br>
</div>
</div>
</div>
<div id="footerddb">
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
</body>
</html>

Kodmall kategorisida:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','1','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
<div id="wrapper">
<div id="header">
<ul id="navbar">
</ul>
</div>
<div id="content">
<tag:entrylist limit="300">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrymeta">
<b>Publicerat</b>: ${EntryDate} // ${EntryTime} - <b>Kategori</b>: <a href="${EntryCategoryLink}">${EntryCategoryName}</a> - <a href="${EntryPermaLink}#comment"><b>Kommentarer</b>:   (${EntryCommentCount})</a> </div>
<div class="entrybody">${EntryBody}</div>
<br /><br />
</tag:entrylist>
</div>
<div id="side">
<img src="http://deesiign.webblogg.se/majs/images/2011/ydnr5yfbjch_177312305.jpg" border="0">
<div class="nav">
<li>»<a href="index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li>
<div id="profile">
</div>
<div class="navheader">Sök i bloggen</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">Senast skrivet</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">Arkiv</div>
<ul>
<tag:archivelist>
<li>»<a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li>»<a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</div>
<div class="subside">
<br>
</div>
</div>
</div>
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
</body>
</html>

Kodmall arkivsida:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','1','1','3')</script>
<title>${BlogTitle} - ${BlogDescription}</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>
<div id="wrapper">
<div id="header">
<ul id="navbar">
</ul>
</div>
<div id="content">
<tag:entrylist limit="300">
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrymeta">
<b>Publicerat</b>: ${EntryDate} // ${EntryTime} - <b>Kategori</b>: <a href="${EntryCategoryLink}">${EntryCategoryName}</a> - <a href="${EntryPermaLink}#comment"><b>Kommentarer</b>:   (${EntryCommentCount})</a> </div>
<div class="entrybody">${EntryBody}</div>
<br /><br />
</tag:entrylist>
</div>
<div id="side">
<img src="http://deesiign.webblogg.se/majs/images/2011/ydnr5yfbjch_177312305.jpg" border="0">
<div class="nav">
<li>»<a href="index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li>
<div id="profile">
</div>
<div class="navheader">Sök i bloggen</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">Senast skrivet</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>»</img> <a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
<div class="navheader">Arkiv</div>
<ul>
<tag:archivelist>
<li>»<a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<div class="navheader">Länkar</div>
<ul>
<tag:linklist>
<li>»<a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</div>
<div class="subside">
<br>
</div>
</div>
</div>
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
</body>
</html>
Postat: 2011-12-01 - 16:34:43 Kategori: Kodmallar
0 Kommentarer

Kodmallar till 5:e & 17:e designen

På 5:e design inlägget finns stilmallen, så där får ni ta den. Och här är stilmall till den 17:e designen. Iaf här är kodmallarna:

Framsida kodmall:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','1','1','3')</script><title>${BlogTitle} - ${BlogDescription}</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></script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =100; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script></head><body><div id="wrapper"><div id="header"> <h1>${BlogTitle}</h1><h2>${BlogDescription}</h2></div><ul id="navbar"><li><a href="index.html">Startsida</a></li><li><a href="#">Senaste inläggen</a>   <ul>     <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}">${EntryTitle}</a></li></tag:recentlist></ul></li><li><a href="#">Kategorier</a>   <ul>     <tag:categorylist> <li><a href="${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul></li><li><a href="#">Arkiv</a> <ul>  <tag:archivelist>   <li><a href="${ArchiveLink}">${ArchiveName}</a></li>  </tag:archivelist> </ul></li><li><a href="#">Länkar</a><ul><tag:linklist>   <li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>  </tag:linklist> </ul></li> </ul></li></ul><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}<br> <a href="${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a><br /><br /><tag:taglist title="Nyckelord: "><a href="${TagURL}" rel="tag">${TagName}</a></tag:taglist></div> <hr class="separator" /></tag:entrylist> </div></div></div><img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /></body></html>


Inläggsida kodmall:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','1','1','3')</script><title>${BlogTitle} - ${PageTitle}</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" /><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><script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script></script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =100; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script></head><body><div id="wrapper"><div id="header"><h1>${BlogTitle}</h1><h2>${BlogDescription}</h2></div><ul id="navbar"><li><a href="index.html">Startsida</a></li><li><a href="#">Senaste inläggen</a><ul><tag:recentlist limit="20"><li><a href="${EntryPermaLink}">${EntryTitle}</a></li></tag:recentlist></ul></li><li><a href="#">Kategorier</a><ul><tag:categorylist><li><a href="${CategoryLink}">${CategoryName}</a></li></tag:categorylist></ul></li><li><a href="#">Arkiv</a><ul><tag:archivelist><li><a href="${ArchiveLink}">${ArchiveName}</a></li></tag:archivelist></ul></li><li><a href="#">Länkar</a><ul><tag:linklist><li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li></tag:linklist></ul></li></ul></li></ul><div id="content"><tag:entry><a name="a${EntryNum}"></a><h3>${EntryTitle}</h3><div class="entrybody">${EntryBody}</div><div class="entrymeta">${EntryDate} @ ${EntryTime}<br><a href="${EntryPermaLink}">Permalink</a><a >href="${EntryCategoryLink}">${EntryCategoryName}</a><a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <br /><br /></div><tag:taglist title="Nyckelord: "><a href="${TagURL}" rel="tag">${TagName}</a></tag:taglist></tag:entry><!-- Display comments and form if this entry allows comments --><tag:if test="${Comments == 1}"><a name="comment"></a><tag:commentlist><div class="commentheader">Postat av: ${CommentAuthor}</div><p class="commenttext">${CommentText}</p><div class="commentmeta">${CommentDate}, ${CommentTime} -<!-- If comment author has written her / his e-mail address --><tag:if test="${CommentAuthorEmail != ''}"><br />E-postadress: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a></tag:if><!-- If comment author has written her / his URL --><tag:if test="${CommentAuthorURL != ''}">URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></tag:if></div></tag:commentlist><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 /><strong>Kommentera inlägget här:</strong> <br /> <br />Namn: <br /><input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" /><input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg mig?<br /><br />E-postadress: (publiceras ej)<br /><input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" /><br />URL/Bloggadress: <br /><input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" /><br />Kommentar: <br /><textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea><br /><input class="formbutton" type="submit" name="submit" value="Skicka kommentar" /></form></tag:if></div></div></div><img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /></body></html>


Kategorisida kodmall:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','1','1','3')</script><title>${BlogTitle} - ${PageTitle}</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 2.0" /><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></script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =100; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script></head><body><div id="wrapper"><div id="header"><h1>${BlogTitle}</h1><h2>${BlogDescription}</h2></div><ul id="navbar"><li><a href="index.html">Startsida</a></li><li><a href="#">Senaste inläggen</a><ul><tag:recentlist limit="20"><li><a href="${EntryPermaLink}">${EntryTitle}</a></li></tag:recentlist></ul></li><li><a href="#">Kategorier</a><ul><tag:categorylist><li><a href="${CategoryLink}">${CategoryName}</a></li></tag:categorylist></ul></li><li><a href="#">Arkiv</a><ul><tag:archivelist><li><a href="${ArchiveLink}">${ArchiveName}</a></li></tag:archivelist></ul></li><li><a href="#">Länkar</a><ul><tag:linklist><li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li></tag:linklist></ul></li></ul></li></ul><div id="content"><tag:entrylist limit="300"><a name="a${EntryNum}"></a><h3>${EntryTitle}</h3><div class="entrybody">${EntryBody}</div><div class="entrymeta">${EntryDate} @ ${EntryTime}<br><a href="${EntryPermaLink}">Permalink</a><a href="${EntryCategoryLink}">${EntryCategoryName}</a><a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a><br /><br /><tag:taglist title="Nyckelord: "><a href="${TagURL}" rel="tag">${TagName}</a></tag:taglist>{% if loop.last and pagination %}<div style="text-align: center; font-size: 12px">{% if pagination.page_number != 1 %}<a style="padding-right: 30px" href="{{ category.slug }}-{{ pagination.page_number - 1 }}.html">Tidigare inlägg</a>{% endif %}{% if pagination.page_number not in (pagination.total_pages, pagination.total_pages - 1) %}<a href="{{ category.slug }}-{{ pagination.page_number + 1 }}.html">Nyare inlägg</a>{% endif %}{% if pagination.page_number == pagination.total_pages - 1 %}<a href="{{ category.slug }}.html">Nyare inlägg</a>{% endif %}</div>{% endif %}</tag:entrylist></div></div></div><img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /></body></html>


Arkivsida kodmall:
<!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><script type="text/javascript" src="http://www.bloggdesign.nu/include/bloggdesign.js"></script><script type="text/javascript" src="http://www.bloggdesign.nu/include/smilys.js"></script><script type="text/javascript">settings('1','1','1','3')</script><title>${BlogTitle} - ${PageTitle}</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 2.0" /><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></script>
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in...
Height =3000; // ange höjden på sidan som ska snöas in...
Count =100; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=8; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script></head><body><div id="wrapper"><div id="header"><h1>${BlogTitle}</h1><h2>${BlogDescription}</h2></div><ul id="navbar"><li><a href="index.html">Startsida</a></li><li><a href="#">Senaste inläggen</a><ul><tag:recentlist limit="20"><li><a href="${EntryPermaLink}">${EntryTitle}</a></li></tag:recentlist></ul></li><li><a href="#">Kategorier</a><ul><tag:categorylist><li><a href="${CategoryLink}">${CategoryName}</a></li></tag:categorylist></ul></li><li><a href="#">Arkiv</a><ul><tag:archivelist><li><a href="${ArchiveLink}">${ArchiveName}</a></li></tag:archivelist></ul></li><li><a href="#">Länkar</a><ul><tag:linklist><li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li></tag:linklist></ul></li></ul></li></ul><div id="content"><tag:entrylist limit="300"><a name="a${EntryNum}"></a><h3>${EntryTitle}</h3><div class="entrybody">${EntryBody}</div><div class="entrymeta">${EntryDate} @ ${EntryTime}<br><a href="${EntryPermaLink}">Permalink</a><a href="${EntryCategoryLink}">${EntryCategoryName}</a><a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a><br /><br /><tag:taglist title="Nyckelord: "> <a href="${TagURL}" rel="tag">${TagName}</a> </tag:taglist></tag:entrylist></div></div></div><img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /></body></html>


//Johanna

 

Postat: 2011-08-27 - 14:39:18 Kategori: Kodmallar
1 Kommentarer


Senaste inläggen
Kategorier
Arkiv
Länkar
RSS 2.0