Gratisdesigner -

Juldesign!

NU när det är december så vill jag gärna lägga ut den här designen så att ni som vill ha den hinner använda den. Ni är usla på att kommentera, men jag lägger ut den ändå. För jag e så snäll!:)

TIPS: Vänta med att lägga in koden för inläggssidan, ag vet inte om den blev helt korrekt! Lägg in alla andra koder och se om det funkar med din gamla kod för inläggssidan.

Här är alla koder ni behöver:

KOD 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">  <mce:script type="text/javascript"><!-- Width =1200; // Height =8000; // Count =30; // MaxStep=3; // MinStep=1; // MaxFlake=7; // MinFlake=4; //  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> <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="/2660938/entries/article/145883246/${BlogUrl}style.css" type="text/css" />  <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/2660938/entries/article/145883246/${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> </head> <body> <div id="wrapper">  <div id="header">  </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="/2660938/entries/article/145883246/${EntryPermaLink}">Permalink</a>     <a href="${EntryCategoryLink}" mce_href="/2660938/entries/article/145883246/${EntryCategoryLink}">${EntryCategoryName}</a>     <a href="${EntryPermaLink}#comment" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> 	<a href="${EntryPermaLink}#trackback" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> 	<br /><br /> 	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/2660938/entries/article/145883246/${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" mce_href="/2660938/entries/article/145883246/index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li> 	</ul> 	<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">Senaste inläggen</div>    <ul>        <tag:recentlist limit="20">          <li><a href="${EntryPermaLink}" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul>    <div class="navheader">Kategorier</div>    <ul>      <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/2660938/entries/article/145883246/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>    </ul>    <div class="navheader">Arkiv</div>    <ul>     <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/2660938/entries/article/145883246/${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}" mce_href="/2660938/entries/article/145883246/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>    </ul>    </tag:if>   </div>   <div class="subside"> <a href="index.rss" mce_href="/2660938/entries/article/145883246/index.rss" title="RSS"><img src="http://bloggenisabellaalskar.blogg.se/isabellas/images/2011/rrs_175781871.png " mce_src="http://bloggenisabellaalskar.blogg.se/isabellas/images/2011/rrs_175781871.png" border="0" alt="RSS 2.0" /></a>   </div>  </div> </div> </body> </html>

KOD 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"> <mce:script type="text/javascript"><!-- Width =1200; // Height =8000; // Count =30; // MaxStep=3; // MinStep=1; // MaxFlake=7; // MinFlake=4; // 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> <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="/2660938/entries/article/145883246/${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> </head> <body> <div id="wrapper">  <div id="header">  </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="/2660938/entries/article/145883246/${EntryCategoryLink}">${EntryCategoryName}</a>     <a href="${EntryPermaLink}" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}">Permalink</a> 	 <br /><br /> 	 <tag:taglist title="Nyckelord: "> 	  <a href="${TagURL}" mce_href="/2660938/entries/article/145883246/${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="/2660938/entries/article/145883246/${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">

KOD 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">  <mce:script type="text/javascript"><!-- Width =1200; // Height =8000; // Count =30; // MaxStep=3; // MinStep=1; // MaxFlake=7; // MinFlake=4; //  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> <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="/2660938/entries/article/145883246/${BlogUrl}style.css" type="text/css" />  <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/2660938/entries/article/145883246/${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> </head> <body> <div id="wrapper">  <div id="header">  </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="/2660938/entries/article/145883246/${EntryPermaLink}">Permalink</a>     <a href="${EntryCategoryLink}" mce_href="/2660938/entries/article/145883246/${EntryCategoryLink}">${EntryCategoryName}</a>     <a href="${EntryPermaLink}#comment" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> 	<a href="${EntryPermaLink}#trackback" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> 	<br /><br /> 	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/2660938/entries/article/145883246/${TagURL}" rel="tag">${TagName}</a> 	</tag:taglist>    </div>    <hr class="separator" />   {% if loop.last and pagination %}   <div style="text-align: center; font-size: 12px" mce_style="text-align: center; font-size: 12px">     {% if pagination.page_number != 1 %}       <a style="padding-right: 30px" mce_style="padding-right: 30px" href="{{ category.slug }}-{{ pagination.page_number - 1 }}.html" mce_href="/2660938/entries/article/145883246/{{ 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" mce_href="/2660938/entries/article/145883246/{{ 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" mce_href="/2660938/entries/article/145883246/{{ 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" mce_href="/2660938/entries/article/145883246/index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li> 	</ul> 	<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">Senaste inläggen</div>    <ul>        <tag:recentlist limit="20">          <li><a href="${EntryPermaLink}" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul>    <div class="navheader">Kategorier</div>    <ul>      <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/2660938/entries/article/145883246/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>    </ul>    <div class="navheader">Arkiv</div>    <ul>     <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/2660938/entries/article/145883246/${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}" mce_href="/2660938/entries/article/145883246/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>     </tag:linklist>    </ul>    </tag:if>   </div>   <div class="subside"> <a href="index.rss" mce_href="/2660938/entries/article/145883246/index.rss" title="RSS"><img src="http://bloggenisabellaalskar.blogg.se/isabellas/images/2011/rrs_175781871.png " mce_src="http://bloggenisabellaalskar.blogg.se/isabellas/images/2011/rrs_175781871.png" border="0" alt="RSS 2.0" /></a>   </div>  </div> </div> </body> </html>

KOD 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">  <mce:script type="text/javascript"><!-- Width =1200; // Height =8000; // Count =30; // MaxStep=3; // MinStep=1; // MaxFlake=7; // MinFlake=4; //  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> <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="/2660938/entries/article/145883246/${BlogUrl}style.css" type="text/css" />  <link rel="alternate" href="${BlogUrl}index.rss" mce_href="/2660938/entries/article/145883246/${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>  </head> <body> <div id="wrapper">  <div id="header">  </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="/2660938/entries/article/145883246/${EntryPermaLink}">Permalink</a>     <a href="${EntryCategoryLink}" mce_href="/2660938/entries/article/145883246/${EntryCategoryLink}">${EntryCategoryName}</a>     <a href="${EntryPermaLink}#comment" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a> 	<a href="${EntryPermaLink}#trackback" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> 	<br /><br /> 	<tag:taglist title="Nyckelord: "> 		<a href="${TagURL}" mce_href="/2660938/entries/article/145883246/${TagURL}" rel="tag">${TagName}</a> 	</tag:taglist>    </div>    <hr class="separator" />   </tag:entrylist>  </div>  <div id="side">   <div id="profile"> 	<tag:profile> 		<tag:if test="${ProfileExists == 'true'}"> 			<h4></h4> 			<a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/2660938/entries/article/145883246/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/2660938/entries/article/145883246/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> 			<p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/2660938/entries/article/145883246/${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>   <div class="nav"> 	<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">Senaste inläggen</div>    <ul>        <tag:recentlist limit="20">      <li><a href="${EntryPermaLink}" mce_href="/2660938/entries/article/145883246/${EntryPermaLink}">${EntryTitle}</a></li>        </tag:recentlist>    </ul>    <div class="navheader">Kategorier</div>    <ul>      <tag:categorylist>         <li><a href="${CategoryLink}" mce_href="/2660938/entries/article/145883246/${CategoryLink}">${CategoryName}</a></li>        </tag:categorylist>    </ul>    <div class="navheader">Arkiv</div>    <ul>     <tag:archivelist>      <li><a href="${ArchiveLink}" mce_href="/2660938/entries/article/145883246/${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}" mce_href="/2660938/entries/article/145883246/${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="/2660938/entries/article/145883246/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/2660938/entries/article/145883246/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/2660938/entries/article/145883246/${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="/2660938/entries/article/145883246/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/2660938/entries/article/145883246/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/2660938/entries/article/145883246/${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="/2660938/entries/article/145883246/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/2660938/entries/article/145883246/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/2660938/entries/article/145883246/${MovieUrl}">${MovieTitle}</a></li>     </tag:movielist>    </ul>    </tag:if>   </div>   <div class="subside"> <a href="index.rss" mce_href="/2660938/entries/article/145883246/index.rss" title="RSS"><img src="http://bloggenisabellaalskar.blogg.se/isabellas/images/2011/rrs_175781871.png " mce_src="http://bloggenisabellaalskar.blogg.se/isabellas/images/2011/rrs_175781871.png" border="0" alt="RSS 2.0" /></a>   </div>  </div> <div id="footer"> </div> </body> </html>

KOD STILMALL

body { margin: 0px; padding: 0px; background: url(http://bloggenisabellaalskar.blogg.se/images/2011/rd-bakgrund-juldesign_175775488.jpg); }  a { color: #000000;text-decoration: underline; } a:hover {color: #FF0055;text-decoration: underline;}  #wrapper { clear:none; margin: 0px auto; width: 1000px; padding: 0px; background-image: url(); background-repeat: no-repeat; background-position: left top; }  p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }  #header { background: url(http://minhemligadagbok.blogg.se/images/2011/pictures_176032662.jpg) no-repeat right center; padding-left: 0px; padding-bottom:0px; padding-top:0px; margin: 0px 0px 0px; width: 1000px; height: 498px; }  #side { float: left; width: 190px; margin: 0px; padding: 50px 18px 0px 12px; left:-30px; border-right-width: 3px; border-right-style: solid; border-right-color: #ffffff; background-color: #FFFFFF; }  #content { overflow: hidden; width: 777px; position:relative; left:0px; padding: 0px 0px; voice-family:"\"}\""; voice-family:inherit; width:777px; float: right; background-color: #FFFFFF; margin: 0px 0px 0px 0px; }html>body #content { width: 777px }  #header a { color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; }  h1 { font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: bold; color: #000; text-transform:uppercase; margin: 0px; padding: 0px; height: 30px; }  h2 { font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: normal; color: #000000; margin: 0px; padding: 0px; width: 170px; }  /** Entry headers **/ h3 { background: url(http://bloggenisabellaalskar.blogg.se/images/2011/namnls_175780547.png ) no-repeat; font-family: "myriad pro"; font-size: 30px; font-weight: normal; padding: 10px 10px 10px 10px; color: black; margin: 0px; text-transform: none; text-align: left; }  .navheader { font-family: calibri; font-size: 15px; font-weight: bold; color: #000000; padding:5px 5px 0px; margin-bottom:0px; background-color:#ffffff; text-transform: uppercase; }  .nav { font-family: tahoma; font-size: 11px; font-weight: bold; color: #000000; margin: 0px; }  .nav ul { margin: 0px 0px 12px; padding: 5px 10px 10px; font-weight: normal; background-color: #ffffff; }  .nav li { list-style: none; padding: 0px 0px 6px 0px; font-weight: normal;	 }  .nav a { color: #000000;text-decoration: none; } .nav a:hover { color: #FF0055;text-decoration: none; }  /** Post's body text **/ .entrybody { font-family: calibri; font-size: 24px; font-weight: normal; color: #000000; line-height: 150%; margin: 0px 0px 10px; background-color: #ffffff; padding: 10px; }  /** 'Posted by' txt **/ .entrymeta { font-family: comic sans ms; font-size: 10px; font-weight: normal; color: #000000; text-align:right; }  .entrymeta a { color: #000000;text-decoration: none; } .entrymeta a:hover { color: #FF0055;text-decoration: none; }  .commentheader { font-family:  arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color:#ffffff; padding:0px; color: #000000; }  .commenttext { font-family: tahoma; font-size: 11px; font-weight: normal; color: #000; line-height: 130%; }  .commentmeta { font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: normal; color: #999999; margin: 10px 0px 20px 0px }  .commentmeta a { color: #000000;text-decoration: none; } .commentmeta a:hover { color: #FF0055;text-decoration: none; }  .commentform { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #333333; margin: 0px 0px 20px 0px }  .separator { border-top: 2px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; margin: 14px 0px 14px 0px }  .default { font-family: Arial, Helvetica, Sans-serif; font-size: 11px; color: #333; font-weight: bold; padding: 0px 0px 10px 0px; text-transform: uppercase; }  .subside { font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; 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: 2px solid #ffffff; background-color:#ffffff; padding:2px; margin: 0px 6px 6px 0px; }  .thumbnail { border: 2px solid #ffffff; background-color:#ffffff; padding:2px; 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; }  #calendar { color: #333333; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px; text-align: left; background-color: #ffffff; margin: 12px 0px 12px 0px; padding: 10px; }  #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; }  #calendar table caption { color: #666666; font-family : Arial, Helvetica, Sans-serif; font-size : 0.7em; border-bottom: 1px solid #999999; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em; }  #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; }  #calendar table tr td { border: 1px solid #666666; text-align: center; font-size: xx-small; }  #calendar table tr ul  { color: #666666; 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 #666666; } #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; color: #666666; }  #calendar table tr td ul li { color: #666666; }  #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 { padding: 10px; background-color: #ffffff; margin: 0px 0px 10px; } #profile { font-family:  Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px; padding-left: 16px; } #profile h4{ font-family:  Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; color: #666666; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; } #profile p{ }

Behöver ni hjälp med att sätta in bild i headern eller med koderna så är det bara att mejla ([email protected]) eller kommentera! Vill du få det gjort fort är det bästa om du mejlar och kommenterar så kan jag snabbare fixa det! :)
/Isabella

2011-11-30 @ 20:02:23 Juldesign/er Permalink

Kommentarer

Trackback