bloggdesignros1

stillmallen

body { margin: 0px 0px 0px 0px; background: url(https://cdn3.cdnme.se/cdn/7-2/2041898/images/2010/dhjm_121374797.jpg); } a {color: #62283b; text-decoration: none;} a:hover {color: #efefef; text-decoration: none;} #wrapper { margin: 0px auto; background: #000000; width: 900px; background: #ffffff; } #wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { background: #ffffff url(https://cdn2.cdnme.se/cdn/7-2/2041898/images/2010/awesome_121372904.jpg) no-repeat center top; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; voice-family:"\"}\""; voice-family:inherit; width:900px; height: 473px; border: 1 px solid #efefef; } #side { float:left; width: 179px; padding: 5px 5px 5px 5px; background: #ffffff; } #content { width: 710px; margin-bottom:15px; float: right; background: #ffffff; voice-family:"\"}\""; voice-family:inherit; border-left: 1px dotted #000000; } #header a { color: #efefef; text-decoration: none; } h1 { font-family: Times New Roman, verdana, georgia, arial, sans-serif; font-size: 50px; font-weight: bold; color: #efefef; padding-top: 50px; padding-left: 20px; } h2 { font-family: verdana, georgia, arial, sans-serif; font-size: 10px; font-weight: normal; font-style: italic; color: #efefef; margin-top: -30px; padding-left: 30px; } /** Entry headers **/ h3 { font-family: Times New Roman, verdana, georgia, arial, sans-serif; font-size: 18px; font-weight: bold; color: #efefef; background: url(https://cdn3.cdnme.se/cdn/7-2/2041898/images/2010/asdsafdf_121367422.jpg); background-position: left top; background-repeat: no-repeat; font-style: italic; margin: 5px 5px 0px 5px; padding:5px 5px 3px 5px; border: 1px solid #000000; } .navheader { font-family: Times New Roman, georgia, verdana, Arial, Helvetica, Sans-serif; font-size: 13px; font-weight: bold; color: #efefef; background: #a66278; background-position: left top; background-repeat: no-repeat; font-style:italic; margin: 5px; border: 1px solid #000000; } .nav { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 10px; font-weight: normal; } .nav ul { margin: 0px 5px 0px 5px; padding: 1px 1px 1px 1px; font-weight: normal; background: #efefef; border: 1px solid #a66278; } .nav li { list-style: none; padding: 0px 5px 0px 5px; font-weight: normal; border-bottom: 1px dotted #a66278; } .nav a { color: #53454b; } .nav a:hover { color: #000000; margin-left: 5px; font-weight: bold; background: #f3ebee; } /** Post's body text **/ .entrybody { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; line-height: 140%; margin: 0px 5px 0px 5px; padding:10px 5px 10px 5px; border-left: 1px solid #000000; border-right: 1px solid #000000; } /** 'Posted by' txt **/ .entrymeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #a68a96; margin: 0px 5px 5px 5px; padding:0px 5px 5px 5px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } .entrymeta a { color: #53454b; } .entrymeta a:hover { color: #000000; background: #f3ebee;} .commentheader { font-family: verdana, arial, sans-serif; font-size: .70em; font-weight: bold; color: #efefef; background: #a66278; margin: 5px 5px 0px 5px; padding:5px 5px 3px 5px; border: 1px solid #000000; } .commenttext { font-family: verdana, arial, sans-serif; font-size: .70em; font-weight: normal; color: #333; line-height: 130%; margin: 0px 5px 0px 5px; padding:10px 5px 10px 5px; border-left: 1px solid #000000; border-right: 1px solid #000000; } .commentmeta { font-family: verdana, arial, sans-serif; font-size: .70em; font-weight: normal; color: #53454b; margin: 0px 5px 5px 5px; padding:0px 5px 5px 5px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } .commentmeta a { color: #a66278; } .commentmeta a:hover { color: #000000; background: #f3ebee; } .commentform { font-family: verdana, arial, sans-serif; font-size: .70em; font-weight: normal; color: #333333; margin: 5px 5px 0px 5px; padding:5px 5px 3px 5px; } .separator { border-top: 3px double #62283b; border-bottom: 0px solid #CED2C8; margin: 14px 0px 14px 0px } .default { font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; color: #a68a96; font-weight: bold; margin: 5px 5px 0px 5px; padding:5px 5px 3px 5px; text-transform: uppercase; } .subside { font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; font-weight: normal; padding: 0px 0px 0px 0px; text-align: center; } .em { color: #a4a1a2; } .xmlButton { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px Verdana, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; } .image { border: 3px double #a68a96; margin: 0px 6px 6px 0px; } .thumbnail { border: 3px double #a68a96; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 0px 0px; } .fieldName{ font-family: verdana, arial, sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: verdana, arial, sans-serif; font-size: 11px; } #profile { font-family: verdana, Arial, Helvetica, Sans-serif; font-size : 0.7em; margin-bottom: 10px; color: #444; } #profile h4{ font-family: verdana, Arial, georgia, Helvetica, Sans-serif; font-size: 10px; font-weight: bold; color: #000000; font-style: italic; padding: 0px; margin: 0px; } form { padding:0; margin:2px 2px 2px 2px; } .knapp { font-family: verdana, Arial, georgia, Helvetica, Sans-serif; font-size: 10px; font-weight: normal; color: #000000; font-style: italic; padding: 1px; margin: 2px; background: #efefef; color: #62283b; border: 1px solid #6b6b6b; } .falt { font-family: verdana, Arial, georgia, Helvetica, Sans-serif; font-size: 10px; font-weight: normal; color: #000000; font-style: italic; padding: 2px; margin: 2px; background: #efefef; color: #62283b; border: 1px solid #6b6b6b; }

kodmallarna:

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" mce_href="/1577699/entries/article/new/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1577699/entries/article/new/${BlogUrl}index.rss" type="application/rss+xml" title="RSS" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> <mce:script type="text/javascript"><!-- Width =1200; // ange bredden på sidan som ska snöas in... Height =9000; // ange höjden på sidan som ska snöas in... Count =420; // antal snöflingor OBS! ange inte för stort antal! MaxStep=3; // 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); // --></mce:script> <mce:script LANGUAGE="JavaScript"><!-- // This is the implementation of SimpleSwap // by Jehiah Czebotar // Version 1.1 - June 10, 2005 // Distributed under Creative Commons // // Include this script on your page // then make image rollovers simple like: // <img src="/images/ss_img.gif" mce_src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif"> // // http://jehiah.com/archive/simple-swap // function SimpleSwap(el,which){ el.src=el.getAttribute(which || "origsrc"); } function SimpleSwapSetup(){ var x = document.getElementsByTagName("img"); for (var i=0;i<x.length;i++){ var oversrc = x[i].getAttribute("oversrc"); if (!oversrc) continue; // preload image // comment the next two lines to disable image pre-loading x[i].oversrc_img = new Image(); x[i].oversrc_img.src=oversrc; // set event handlers x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');"); x[i].onmouseout = new Function("SimpleSwap(this);"); // save original src x[i].setAttribute("origsrc",x[i].src); } } var PreSimpleSwapOnload =(window.onload)? window.onload : function(){}; window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();} // --></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href="${BlogUrl}" mce_href="/1577699/entries/article/new/${BlogUrl}">${BlogTitle}</a></h1> <h2>${BlogDescription}</h2> </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}" mce_href="/1577699/entries/article/new/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1577699/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1577699/entries/article/new/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1577699/entries/article/new/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> </tag:entrylist> </div> <div id="side"> <center> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1577699/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/1577699/entries/article/new/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/1577699/entries/article/new/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </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="18" maxlength="64" class="falt"/> <input type="submit" value="Find" class="knapp"/> </form> </center> <div class="nav"> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/1577699/entries/article/new/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1577699/entries/article/new/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1577699/entries/article/new/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <li><a href="http://www.bloggdesign.nu" mce_href="http://www.bloggdesign.nu" title="www.bloggdesign.nu">Bloggdesign.nu</a></li><li><a href="http://www.bloggdesign.nu" mce_href="http://www.bloggdesign.nu" title="www.bloggdesign.nu">Bloggdesign.nu</a></li><tag:linklist> <li><a href="${LinkURL}" mce_href="/1577699/entries/article/new/${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}" mce_href="/1577699/entries/article/new/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/1577699/entries/article/new/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/1577699/entries/article/new/${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}" mce_href="/1577699/entries/article/new/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/1577699/entries/article/new/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/1577699/entries/article/new/${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}" mce_href="/1577699/entries/article/new/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/1577699/entries/article/new/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/1577699/entries/article/new/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/1577699/entries/article/new/index.rss" title="RSS">av filippa<img src="https://cdn1.cdnme.se/cdn/7-2/2041898/images/2010/w4y7_121376845.jpg" mce_src="https://cdn1.cdnme.se/cdn/7-2/2041898/images/2010/w4y7_121376845.jpg" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

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> <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" mce_href="/1577699/entries/article/new/${BlogUrl}style.css" type="text/css" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/comments.js"></mce:script> <mce:script type="text/javascript"><!-- Width =1200; // ange bredden på sidan som ska snöas in... Height =9000; // ange höjden på sidan som ska snöas in... Count =420; // antal snöflingor OBS! ange inte för stort antal! MaxStep=3; // 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); // --></mce:script> <mce:script LANGUAGE="JavaScript"><!-- // This is the implementation of SimpleSwap // by Jehiah Czebotar // Version 1.1 - June 10, 2005 // Distributed under Creative Commons // // Include this script on your page // then make image rollovers simple like: // <img src="/images/ss_img.gif" mce_src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif"> // // http://jehiah.com/archive/simple-swap // function SimpleSwap(el,which){ el.src=el.getAttribute(which || "origsrc"); } function SimpleSwapSetup(){ var x = document.getElementsByTagName("img"); for (var i=0;i<x.length;i++){ var oversrc = x[i].getAttribute("oversrc"); if (!oversrc) continue; // preload image // comment the next two lines to disable image pre-loading x[i].oversrc_img = new Image(); x[i].oversrc_img.src=oversrc; // set event handlers x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');"); x[i].onmouseout = new Function("SimpleSwap(this);"); // save original src x[i].setAttribute("origsrc",x[i].src); } } var PreSimpleSwapOnload =(window.onload)? window.onload : function(){}; window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();} // --></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href="${BlogUrl}" mce_href="/1577699/entries/article/new/${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}" mce_href="/1577699/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}" mce_href="/1577699/entries/article/new/${EntryPermaLink}">Permalink</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1577699/entries/article/new/${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"> 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}" mce_href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a> </tag:if> <!-- If comment author has written her / his URL --> <tag:if test="${CommentAuthorURL != ''}"> <br />URL: <a href="${CommentAuthorURL}" mce_href="/1577699/entries/article/new/${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" /> <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">

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" mce_href="/1577699/entries/article/new/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1577699/entries/article/new/${BlogUrl}index.rss" type="application/rss+xml" title="RSS 2.0" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> <mce:script type="text/javascript"><!-- Width =1200; // ange bredden på sidan som ska snöas in... Height =9000; // ange höjden på sidan som ska snöas in... Count =420; // antal snöflingor OBS! ange inte för stort antal! MaxStep=3; // 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); // --></mce:script> <mce:script LANGUAGE="JavaScript"><!-- // This is the implementation of SimpleSwap // by Jehiah Czebotar // Version 1.1 - June 10, 2005 // Distributed under Creative Commons // // Include this script on your page // then make image rollovers simple like: // <img src="/images/ss_img.gif" mce_src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif"> // // http://jehiah.com/archive/simple-swap // function SimpleSwap(el,which){ el.src=el.getAttribute(which || "origsrc"); } function SimpleSwapSetup(){ var x = document.getElementsByTagName("img"); for (var i=0;i<x.length;i++){ var oversrc = x[i].getAttribute("oversrc"); if (!oversrc) continue; // preload image // comment the next two lines to disable image pre-loading x[i].oversrc_img = new Image(); x[i].oversrc_img.src=oversrc; // set event handlers x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');"); x[i].onmouseout = new Function("SimpleSwap(this);"); // save original src x[i].setAttribute("origsrc",x[i].src); } } var PreSimpleSwapOnload =(window.onload)? window.onload : function(){}; window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();} // --></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href="${BlogUrl}" mce_href="/1577699/entries/article/new/${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}" mce_href="/1577699/entries/article/new/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1577699/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1577699/entries/article/new/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/1577699/entries/article/new/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1577699/entries/article/new/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <hr class="separator" /> </tag:entrylist> </div> <div id="side"> <div class="nav"> <center> <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="18" maxlength="64" class="falt"/> <input type="submit" value="Sök" class="knapp"/> </form></center> <ul> <li><a href="index.html" mce_href="/1577699/entries/article/new/index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li> </ul> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/1577699/entries/article/new/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1577699/entries/article/new/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1577699/entries/article/new/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <li><a href="http://www.bloggdesign.nu" mce_href="http://www.bloggdesign.nu" title="www.bloggdesign.nu">Bloggdesign.nu</a></li><li><a href="http://www.bloggdesign.nu" mce_href="http://www.bloggdesign.nu" title="www.bloggdesign.nu">Bloggdesign.nu</a></li><tag:linklist> <li><a href="${LinkURL}" mce_href="/1577699/entries/article/new/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/1577699/entries/article/new/index.rss" title="RSS"><img src="https://cdn1.cdnme.se/cdn/7-2/2041898/images/2010/w4y7_121376845.jpg" mce_src="https://cdn1.cdnme.se/cdn/7-2/2041898/images/2010/w4y7_121376845.jpg" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

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" mce_href="/1577699/entries/article/new/${BlogUrl}style.css" type="text/css" /> <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/1577699/entries/article/new/${BlogUrl}index.rss" type="application/rss+xml" title="RSS 2.0" /> <mce:script type="text/javascript" mce_src="http://static.blogg.se/public/js/script_blogg.js"></mce:script> <mce:script type="text/javascript" mce_src="http://static.blogg.se/shared/js/script.js"></mce:script> <mce:script type="text/javascript"><!-- Width =1200; // ange bredden på sidan som ska snöas in... Height =9000; // ange höjden på sidan som ska snöas in... Count =420; // antal snöflingor OBS! ange inte för stort antal! MaxStep=3; // 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); // --></mce:script> <mce:script LANGUAGE="JavaScript"><!-- // This is the implementation of SimpleSwap // by Jehiah Czebotar // Version 1.1 - June 10, 2005 // Distributed under Creative Commons // // Include this script on your page // then make image rollovers simple like: // <img src="/images/ss_img.gif" mce_src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif"> // // http://jehiah.com/archive/simple-swap // function SimpleSwap(el,which){ el.src=el.getAttribute(which || "origsrc"); } function SimpleSwapSetup(){ var x = document.getElementsByTagName("img"); for (var i=0;i<x.length;i++){ var oversrc = x[i].getAttribute("oversrc"); if (!oversrc) continue; // preload image // comment the next two lines to disable image pre-loading x[i].oversrc_img = new Image(); x[i].oversrc_img.src=oversrc; // set event handlers x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');"); x[i].onmouseout = new Function("SimpleSwap(this);"); // save original src x[i].setAttribute("origsrc",x[i].src); } } var PreSimpleSwapOnload =(window.onload)? window.onload : function(){}; window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();} // --></mce:script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href="${BlogUrl}" mce_href="/1577699/entries/article/new/${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}" mce_href="/1577699/entries/article/new/${EntryPermaLink}">Permalink</a> <a href="${EntryCategoryLink}" mce_href="/1577699/entries/article/new/${EntryCategoryLink}">${EntryCategoryName}</a> <a href="${EntryPermaLink}#comment" mce_href="/1577699/entries/article/new/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback" mce_href="/1577699/entries/article/new/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" mce_href="/1577699/entries/article/new/${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <hr class="separator" /> </tag:entrylist> </div> <div id="side"> <div class="nav"> <center> <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="18" maxlength="64" class="falt"/> <input type="submit" value="Sök" class="knapp"/> </form></center> <ul> <li><a href="index.html" mce_href="/1577699/entries/article/new/index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li> </ul> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/1577699/entries/article/new/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/1577699/entries/article/new/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/1577699/entries/article/new/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <li><a href="http://www.bloggdesign.nu" mce_href="http://www.bloggdesign.nu" title="www.bloggdesign.nu">Bloggdesign.nu</a></li><li><a href="http://www.bloggdesign.nu" mce_href="http://www.bloggdesign.nu" title="www.bloggdesign.nu">Bloggdesign.nu</a></li><tag:linklist> <li><a href="${LinkURL}" mce_href="/1577699/entries/article/new/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/1577699/entries/article/new/index.rss" title="RSS"><img src="https://cdn1.cdnme.se/cdn/7-2/2041898/images/2010/w4y7_121376845.jpg" mce_src="https://cdn1.cdnme.se/cdn/7-2/2041898/images/2010/w4y7_121376845.jpg" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /> </body> </html>

Cool tack!

Tack :)