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

entry.htm

Hos blogg.se är kodmallen entry den sidan du kommer till om du ska lämna en kommentar eller när du klickar på någon av länkarna under “senaste posterna”. I entry samlas alla dina kommentarer, därför är koderna lite annorlunda i entrybody om man jämför med de andra sidorna. Dock är det inga större skillnader, det är serverscriptet som skiljer sig. Vi ska nu öppna entry.htm och radera alla koder i <div id="maincol"> så du bara har detta kvar, alltså samma procedur som i de andra dokumenten:

<div id="maincol" >
</div>

Mellan <div id="maincol" > och </div> kopierar du in följande koder:

<tag:entry>
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}">Permalink</a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<hr class="separator" />
<a name="comment"></a>
<div class="default">Kommentarer </div>
<tag:commentlist>
<div class="commentheader">
Postat av: ${CommentAuthor}
</div>
<p class="commenttext">${CommentText}</p>
<div class="commentmeta">
${CommentDate} @ ${CommentTime}
<!-- If comment author has written her / his e-mail address -->
<tag:if test="${CommentAuthorEmail != ''}">
<br />E-postadress: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>
</tag:if>
<!-- If comment author has written her / his URL -->
<tag:if test="${CommentAuthorURL != ''}">
<br />URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a>
</tag:if>
</div>
</tag:commentlist>

<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">
<input type="hidden" name="commentid" value="${CommentID}" />
<br />
<strong>Kommentera inlägget här:</strong> <br /> <br />
Namn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg mig?<br />
<br />
E-postadress: (publiceras ej)<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
URL/Bloggadress: <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<input class="formbutton" type="submit" name="submit" value="Skicka kommentar" />
</form>
</tag:if>
<a name="trackback"></a>
<div class="default">Trackback</div>
<tag:if test="${Trackbacks == 1}">
<div class="entrybody">
Trackback-URL för detta inlägg: <br />
${TrackbackEntryURL}
</div>
</tag:if>
<tag:trackbacklist>
<div class="commentheader">
${TrackbackTitle}
</div>
<p class="commenttext">${TrackbackExcerpt}...</p>
<div class="commentmeta">
<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>
<br />
${TrackbackDate} @ ${TrackbackTime}
</div>
</tag:trackbacklist>

Det här är en massa koder som ska infogas, var noga med att du verkligen inte glömmer någon.

Alla koder i entry.htm så här långt…

<!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 http-equiv="imagetoolbar" content="no" />
<meta name="generator" content="${AppUrl}" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
</head>
<body>
<div id="pagewidth">
<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" >
<div id="twocols" class="clearfix">
<div id="maincol" >
<tag:entry>
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
${EntryDate} @ ${EntryTime}
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<a href="${EntryPermaLink}">Permalink</a>
<br /><br />
<tag:taglist title="Nyckelord: ">
<a href="${TagURL}" rel="tag">${TagName}</a>
</tag:taglist>
</div>
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<hr class="separator" />
<a name="comment"></a>
<div class="default">Kommentarer </div>
<tag:commentlist>
<div class="commentheader">
Postat av: ${CommentAuthor}
</div>
<p class="commenttext">${CommentText}</p>
<div class="commentmeta">
${CommentDate} @ ${CommentTime}
<!-- If comment author has written her / his e-mail address -->
<tag:if test="${CommentAuthorEmail != ''}">
<br />E-postadress: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>
</tag:if>
<!-- If comment author has written her / his URL -->
<tag:if test="${CommentAuthorURL != ''}">
<br />URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a>
</tag:if>
</div>
</tag:commentlist>

<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">
<input type="hidden" name="commentid" value="${CommentID}" />
<br />
<strong>Kommentera inlägget här:</strong> <br /> <br />
Namn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg mig?<br />
<br />
E-postadress: (publiceras ej)<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
URL/Bloggadress: <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<input class="formbutton" type="submit" name="submit" value="Skicka kommentar" />
</form>
</tag:if>
<a name="trackback"></a>
<div class="default">Trackback</div>
<tag:if test="${Trackbacks == 1}">
<div class="entrybody">
Trackback-URL för detta inlägg: <br />
${TrackbackEntryURL}
</div>
</tag:if>
<tag:trackbacklist>
<div class="commentheader">
${TrackbackTitle}
</div>
<p class="commenttext">${TrackbackExcerpt}...</p>
<div class="commentmeta">
<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>
<br />
${TrackbackDate} @ ${TrackbackTime}
</div>
</tag:trackbacklist>
</div>

På nästa sida ska vi infoga koder i leftcol och rightcol. Välkommen dit!

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 *