MOOOLLYS -

Gratisdesign - tema jul

Stilmallen

body { background: #950206 url(http://dandandan.blogg.se/images/2011/wrapperbild-kopia_175486184.jpg)repeat-y; margin:0; background-attachment: fixed; background-position: center; padding:0px 0 0px; text-align:center; color:#000000; }  a {color: #000000;text-decoration:underline;} a:hover {color: #ffffff;text-decoration:underline;}  #wrapper { text-align: left; width: 800px; position:relative; margin:0px auto; padding: 0px 10px 10px; vertical-align: top; }  p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }  #header { background: #ffffff url(http://dandandan.blogg.se/images/2011/julheader-kopia_175541171.jpg) no-repeat center top; margin-left: -35px; padding: 37px 0px 0px 100px; height: 489px; width: 770px; text-align: left; border-top: 0px none; border-right: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; }	  #content { overflow: hidden; width: 795px; float: left; margin-left: -20px; margin-right: 0px; padding-right: 60px; background: #FFFFFF; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; border-top: 0px none; border-right: 1px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; }  #tid { font-size:9px; text-align:left; font-family: Century Gothic, tahoma, verdana; }  #datum { font-size:9px; text-align:left; font-family:Century Gothic, verdana; }  #header a { color: #F5BC46; text-decoration: none; }  h1 { font-family: arial, verdana, sans-serif; font-size: 2.2em; font-weight: bold; color: #FFF; margin-top:20px; margin-bottom:0px; padding:0px; }  h2 { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #FFF; margin-top:4px; margin-bottom:0px; margin-left: 0px; padding:0px; text-transform:uppercase; }  /** Entry headers **/ h3 { font-family: Tahoma, verdana, sans-serif; font-size: 35px; font-weight: normal; color: #000000; background:#FFFFFF url(); padding-left: -50px; padding-right: 0px; padding-top: 20px; padding-bottom: 0px; margin-top: 0px; margin-left: 10px; margin-bottom: 15px; margin-right: 0px; width: 850px; height: 14px; vertical-align: left; }  .navheader { font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; }  .nav { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; padding-right: -70px; margin-right: -60px; text-align: right; }  .nav ul { padding: 0px 0px 6px; font-weight: normal; margin: 0px; }  .nav li { list-style: none; padding: 0px 0px 2px; font-weight: normal; margin: 0px; }  .nav a { color: #000000;text-decoration:none;} .nav a:hover { color: #666666;text-decoration:underline;}  /** Post's body text **/ .entrybody { font-family: verdana, arial, sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 140%; padding-left: 0px; margin-right: -25px; padding-right: 0px; }  /** 'Posted by' txt **/ .entrymeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; width: 860px; color: #000000; background: url(http://dandandan.blogg.se/images/2011/bord_175754605.jpg)no-repeat; padding-left: -70px; padding-right: 0px; padding-top: 20px; padding-bottom: 50px; margin-top: -30px; margin-left: -10px; margin-bottom: 10px; margin-right: -20px; text-align: center; }  .entrymeta a { color: #F5BC46; text-decoration:underline;} .entrymeta a:hover { color: #333;text-decoration:underline; }  .commentheader { font-family: verdana, arial, sans-serif; font-size: 15px; font-weight: bold; color: #FFFFFF; background: #ffffff url(http://dandandan.blogg.se/images/2011/1_175758899.jpg) no-repeat; line-height: 140%; margin-left: -30px; padding-left: 30px; padding-top: 15px; border-top: 0px solid #FFF; }  .commenttext { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; background: #ffffff url(http://dandandan.blogg.se/images/2011/2_175758970.jpg) repeat-y; margin-left: -30px; padding-left: 30px; padding-top: 10px; line-height: 140%; }  .commentmeta { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; background: #ffffff url(http://dandandan.blogg.se/images/2011/3-kopia_175763377.jpg) no-repeat; text-align:left; margin-left: -30px; margin-bottom: 30px; padding-left: 30px; padding-top: 15px; padding-bottom: 35px; }  .commentmeta a { color: #FFFFFF; text-decoration:underline;} .commentmeta a:hover { color: #000000;text-decoration:underline; }  .commentform { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; margin: 0px 0px 20px 0px; padding:20px;  }  .separator { display: none; }  .default { display:none; }  .subside { font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; font-weight: normal; padding: 0px 0px 0px 0px; }   .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: 1px solid #5E6655; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; }  .thumbnail { border: 2px solid #889977; margin: 0px 6px 6px 0px; }  .video{ padding: 0px 0px 30px 30px; }  .fieldName{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px }  select{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }  /***************************************************************************** * Calendar					                                                 * *****************************************************************************/  #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; }  #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; }  #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; }  #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; }  #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; }  #calendar table tr ul  { color: #BBB; list-style: dot; margin: 0px 0px 0px 20px; padding: 4 0 5 0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.7em;	 }  #calendar table tr td.cssDayMouseOver { border: 1px dotted red; cursor: hand; }  #calendar table tr td.cssDayMouseOut { border: 1px solid #F1F1F1; }  #calendar table tr td.cssEntryBox { border: 1px solid gray; padding: 6px; text-align: left; background: #FFFFFF; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; }  #calendar table tr td ul li { }  #calendar table tr td div.cssDayEntryHeader { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; text-align: left; font-weight: bold; padding: 4; }  #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; } form { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; }  #profile { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; margin-bottom: 10px; }  #profile h4{ font-family: arial, verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; margin-bottom: 3px; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; }  #profile p{ }  #profile p a{ color: #FFF; }  #profile p a:hover{ color: #333; }  #navbar {     margin: 0;     padding: 0;     height: 1em; } #navbar li {     list-style: none;     float: left; } /* Ändra till right om du vill ha menyn till höger istället*/ #navbar li a {     display: block;     padding: 3px 8px;     background-color: #FFFFFF; /*Ändra färgen på menyflikarna här*/     color: #FFFFFF; /*Ändra färgen på texten här*/     text-decoration: none;         font-family: verdana; /*Ändra typsnittet här*/         font-size: 12px; } /*Ändra storleken på texten här*/ #navbar li ul {     display: none;     width: 10em; /* Ändra bredden på undermenyn här */     background-color: #b92424; filter:alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7;  opacity: 0.7;} #navbar li:hover ul, #navbar li.hover ul {     display: block;     position: absolute;     margin: 0;     padding: 0;         z-index: 1; } #navbar li:hover li, #navbar li.hover li {     float: none; } #navbar li:hover li a, #navbar li.hover li a {     background-color: #b92424; /*Ändra färgen på undermenyn*/     border-bottom: 1px solid #fff;     color: #000000; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover {     background-color: #FFFFFF; } /*Ändra färgen när man håller musen över undermenyn*/  #footer{ clear: both; margin-left: 240px; margin-bottom: -10px; padding: 6px 0px 0px 0px; width: 870px; height: 20px; background: #000000; text-align: center; font-family: verdana, arial; font-size: 10px; color: #FFFFFF; }

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" mce_href="/2607090/entries/article/146335467/${BlogUrl}style.css" type="text/css" />  <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/2607090/entries/article/146335467/${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 =1000; // ange bredden på sidan som ska snöas in... Height =2000; // ange höjden på sidan som ska snöas in... Count =25; // 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>  </head>  <body>  <div id="wrapper"> <ul id="navbar">   <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/tidigare_175660119.jpg" mce_src="http://dandandan.blogg.se/images/2011/tidigare_175660119.jpg"></a>     <ul>        <tag:recentlist limit="20">      <li><a href="${EntryPermaLink}" mce_href="/2607090/entries/article/146335467/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/kategori_175660293.jpg" mce_src="http://dandandan.blogg.se/images/2011/kategori_175660293.jpg"></a>    <ul>       <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/2607090/entries/article/146335467/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>     </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/arkiv_175660889.jpg" mce_src="http://dandandan.blogg.se/images/2011/arkiv_175660889.jpg"></a>    <ul>       <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/2607090/entries/article/146335467/${ArchiveLink}">${ArchiveName}</a></li>     </tag:archivelist>     </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/lnkar_175660686.jpg" mce_src="http://dandandan.blogg.se/images/2011/lnkar_175660686.jpg"></a>    <ul>       <tag:linklist>      <li><a href="${LinkURL}" mce_href="/2607090/entries/article/146335467/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>     </ul> </li> </ul>   <div id="header">    </div>   <div id="content">   <tag:entrylist limit="15">    <a name="a${EntryNum}"></a>    <h3>${EntryTitle}</h3>    <div class="entrymeta"><font color="000000">                                                                                                                                                                                            <b>Klocka:</b> ${EntryTime} <br>                                                                                                                                                                                                 <b>Datum:</b> ${EntryDate}<br> </font>    	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/2607090/entries/article/146335467/${TagURL}" rel="tag">${TagName}</a> 	</tag:taglist>    </div>    <div class="entrybody">${EntryBody}</div><br><br> <div align="right"><font face="verdana" size="1" color="black">   <b><big>KATEGORI:</b> <a href="${EntryCategoryLink}" mce_href="/2607090/entries/article/146335467/${EntryCategoryLink}">${EntryCategoryName}</a>         - <b>KOMMENTARER:</b> <a href="${EntryPermaLink}#comment" mce_href="/2607090/entries/article/146335467/${EntryPermaLink}#comment">${EntryCommentCount}</big></a><br></font></div>     <div align="center"></div><br><br>       <hr class="separator" />   </tag:entrylist>  </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>

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" mce_href="/2607090/entries/article/146335467/${BlogUrl}style.css" type="text/css" />  <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/2607090/entries/article/146335467/${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 =1000; // ange bredden på sidan som ska snöas in... Height =2000; // ange höjden på sidan som ska snöas in... Count =25; // 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>   </head>  <body>  <div id="wrapper"> <ul id="navbar">   <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/tidigare_175660119.jpg" mce_src="http://dandandan.blogg.se/images/2011/tidigare_175660119.jpg"></a>     <ul>        <tag:recentlist limit="20">      <li><a href="${EntryPermaLink}" mce_href="/2607090/entries/article/146335467/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/kategori_175660293.jpg" mce_src="http://dandandan.blogg.se/images/2011/kategori_175660293.jpg"></a>    <ul>       <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/2607090/entries/article/146335467/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>     </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/arkiv_175660889.jpg" mce_src="http://dandandan.blogg.se/images/2011/arkiv_175660889.jpg"></a>    <ul>       <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/2607090/entries/article/146335467/${ArchiveLink}">${ArchiveName}</a></li>     </tag:archivelist>     </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/lnkar_175660686.jpg" mce_src="http://dandandan.blogg.se/images/2011/lnkar_175660686.jpg"></a>    <ul>       <tag:linklist>      <li><a href="${LinkURL}" mce_href="/2607090/entries/article/146335467/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>     </ul> </li> </ul>  <div id="header">    </div>  <div id="content">   <tag:entrylist limit="15">    <a name="a${EntryNum}"></a>    <h3>${EntryTitle}</h3>    <div class="entrymeta"><font color="000000">                                                                                                                                                                                            <b>Klocka:</b> ${EntryTime} <br>                                                                                                                                                                                                 <b>Datum:</b> ${EntryDate}<br> </font>    	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/2607090/entries/article/146335467/${TagURL}" rel="tag">${TagName}</a> 	</tag:taglist>    </div>    <div class="entrybody">${EntryBody}</div><br><br> <div align="right"><font face="verdana" size="1" color="black">   <b><big>KATEGORI:</b> <a href="${EntryCategoryLink}" mce_href="/2607090/entries/article/146335467/${EntryCategoryLink}">${EntryCategoryName}</a>         - <b>KOMMENTARER:</b> <a href="${EntryPermaLink}#comment" mce_href="/2607090/entries/article/146335467/${EntryPermaLink}#comment">${EntryCommentCount}</big></a><br></font></div>     <div align="center"></div><br><br>       <hr class="separator" />   </tag:entrylist>  </div> </div> <div id="footer"> Denna design är gjord av MOLLY BERGSTRÖM - http://mooollys.blogg.se </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>

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" mce_href="/2607090/entries/article/146335467/${BlogUrl}style.css" type="text/css" />  <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/2607090/entries/article/146335467/${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 =1000; // ange bredden på sidan som ska snöas in... Height =2000; // ange höjden på sidan som ska snöas in... Count =25; // 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>  </head>  <body>  <div id="wrapper"> <ul id="navbar">   <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/tidigare_175660119.jpg" mce_src="http://dandandan.blogg.se/images/2011/tidigare_175660119.jpg"></a>     <ul>        <tag:recentlist limit="20">      <li><a href="${EntryPermaLink}" mce_href="/2607090/entries/article/146335467/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/kategori_175660293.jpg" mce_src="http://dandandan.blogg.se/images/2011/kategori_175660293.jpg"></a>    <ul>       <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/2607090/entries/article/146335467/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>     </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/arkiv_175660889.jpg" mce_src="http://dandandan.blogg.se/images/2011/arkiv_175660889.jpg"></a>    <ul>       <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/2607090/entries/article/146335467/${ArchiveLink}">${ArchiveName}</a></li>     </tag:archivelist>     </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/lnkar_175660686.jpg" mce_src="http://dandandan.blogg.se/images/2011/lnkar_175660686.jpg"></a>    <ul>       <tag:linklist>      <li><a href="${LinkURL}" mce_href="/2607090/entries/article/146335467/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>     </ul> </li> </ul>    <div id="header">    </div>   <div id="content">   <tag:entrylist limit="15">    <a name="a${EntryNum}"></a>    <h3>${EntryTitle}</h3>    <div class="entrymeta"><font color="000000">                                                                                                                                                                                            <b>Klocka:</b> ${EntryTime} <br>                                                                                                                                                                                                 <b>Datum:</b> ${EntryDate}<br> </font>    	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/2607090/entries/article/146335467/${TagURL}" rel="tag">${TagName}</a> 	</tag:taglist>    </div>    <div class="entrybody">${EntryBody}</div><br><br> <div align="right"><font face="verdana" size="1" color="black">   <b><big>KATEGORI:</b> <a href="${EntryCategoryLink}" mce_href="/2607090/entries/article/146335467/${EntryCategoryLink}">${EntryCategoryName}</a>         - <b>KOMMENTARER:</b> <a href="${EntryPermaLink}#comment" mce_href="/2607090/entries/article/146335467/${EntryPermaLink}#comment">${EntryCommentCount}</big></a><br></font></div>     <div align="center"></div><br><br>       <hr class="separator" />   </tag:entrylist>  </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>

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>  <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="/2607090/entries/article/146335467/${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 =1000; // ange bredden på sidan som ska snöas in... Height =2000; // ange höjden på sidan som ska snöas in... Count =25; // 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>  </head>  <body>  <div id="wrapper">  <ul id="navbar">   <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/tidigare_175660119.jpg" mce_src="http://dandandan.blogg.se/images/2011/tidigare_175660119.jpg"></a>     <ul>        <tag:recentlist limit="20">      <li><a href="${EntryPermaLink}" mce_href="/2607090/entries/article/146335467/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/kategori_175660293.jpg" mce_src="http://dandandan.blogg.se/images/2011/kategori_175660293.jpg"></a>    <ul>       <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/2607090/entries/article/146335467/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>     </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/arkiv_175660889.jpg" mce_src="http://dandandan.blogg.se/images/2011/arkiv_175660889.jpg"></a>    <ul>       <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/2607090/entries/article/146335467/${ArchiveLink}">${ArchiveName}</a></li>     </tag:archivelist>     </ul> </li> <li><a href="#" mce_href="#"><img src="http://dandandan.blogg.se/images/2011/lnkar_175660686.jpg" mce_src="http://dandandan.blogg.se/images/2011/lnkar_175660686.jpg"></a>    <ul>       <tag:linklist>      <li><a href="${LinkURL}" mce_href="/2607090/entries/article/146335467/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>     </ul> </li> </ul>   <div id="header">    </div>  <div id="content">   <tag:entrylist limit="15">    <a name="a${EntryNum}"></a>    <h3>${EntryTitle}</h3>    <div class="entrymeta"><font color="000000">                                                                                                                                                                                            <b>Klocka:</b> ${EntryTime} <br>                                                                                                                                                                                                 <b>Datum:</b> ${EntryDate}<br> </font>    	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/2607090/entries/article/146335467/${TagURL}" rel="tag">${TagName}</a> 	</tag:taglist>    </div>    <div class="entrybody">${EntryBody}</div><br><br> <div align="right"><font face="verdana" size="1" color="black">   <b><big>KATEGORI:</b> <a href="${EntryCategoryLink}" mce_href="/2607090/entries/article/146335467/${EntryCategoryLink}">${EntryCategoryName}</a>         - <b>KOMMENTARER:</b> <a href="${EntryPermaLink}#comment" mce_href="/2607090/entries/article/146335467/${EntryPermaLink}#comment">${EntryCommentCount}</big></a><br></font></div>     <div align="center"></div><br><br>       <hr class="separator" />   </tag:entrylist>  </div>     <!-- 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="/2607090/entries/article/146335467/${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">

2011-12-04 @ 23:34:26 Permalink Design - gratis Kommentarer (13) Trackbacks ()

Tidigare inlägg Nyare inlägg