Bygg ditt eget tema – steg-för-steg-guide

Vi ska börja med <div id="footer"> och det blocket ser likadant ut för alla kodmallar så du kan med gott samvete kopiera in rss-koderna här under mellan <div id="footer"> och </div>.

<p><a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a></p>
<p><img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" /></p>

<div id="topbar">

Blocket <div id="topbar"> är placerat efter <div id="masthead"> men före <div id="wrapper" class="clearfix">. Så här:

<div id="masthead">
<div id="header">
<h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>
</div>
<div id="topbar"><p>navigering</p></div>
<div id="wrapper" class="clearfix">

Här har du flera alternativ. Å ena sidan kan man lägga in en horisontell navigering, å den andra kan man designa blocket med en snygg bild som delar av bloggens övre del med den undre. Vill du inte ha blocket så raderar du bara koden <div id="topbar"><p>navigering</p> </div> från alla kodmallar. Eftersom blocket är “fristående” i layouten så finns det utrymme att göra blocket högre utan att temat spricker eller går sönder. I denna arbetslayout är dock höjden ställd till 50px.

På nästa sida ska vi sammanfatta det vi nu har gått igenom.

Liknande poster:

2 Comments Add yours

  1. Sanna says:

    Hej, klistrat in stilmallen och gjort en egen “design” på photoshop av din “exempelmall”. men hur får jag in den som bakgrund och tema?

    1. Lena says:

      Hej och ursäkta för sent svar.
      Du öppnar stilmallen och letar dig fram till deklarationen html/body – i denna lägger du in den bild som ska vara bakgrundsbilden. Kanske att du får trixa med inställningarna beroende på hur din bild ser ut och ska visas.

Leave a Reply

Your email address will not be published. Required fields are marked *