Info om bloggdesign
Texten som blir som header är det man skrivit in som Bloggnamn (Inställningar -> Blogg), bloggbeskrivningen har jag tagit bort eftersom det ställer till lite problem. I slutet av inlägget står det "Skrivet av: namn". Namnet som blir där beror på vad man har skrivit för namn i profilen (Inställningar -> Profil)
Vet du inte hur man gör för att få dit designen? Fråga i en kommentar på http://sofiakvarnstrm.blogg.se (inte på den här bloggen, eftersom jag antagligen inte kommer ha så mycket koll på kommentarer här)
Kodmallarna finns nedanför
(entry page är till skillnad från de andra inte i en ruta, eftersom det blir konstigt)
(Designen fungerar endast för blogg.se)
Stilmall
Framsida
Inläggssida
<!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" type="text/css" />
<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>
<script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>
<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" 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();}
//-->
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
</div>
<div id="content">
<tag:entry>
<a name="a${EntryNum}"></a>
<h3><a href="${EntryPermaLink}">${EntryTitle}</h3></a>
<div>${EntryBody}</div>
<div>
Skrivet av: <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" border="0px"> ${ProfileName}</a> Kl. ${EntryTime} Datum: ${EntryDate} |
<a href="${EntryCategoryLink}">Kategori: ${EntryCategoryName}</a> |
<a href="${EntryPermaLink}#comment">Kommentarer:${EntryCommentCount}</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 />
<a name="comment"></a>
<div>Kommentarer </div>
<tag:commentlist>
<div>
<img src="http://wgrund.blogg.se/images/2010/person-pink-_69166943.jpg" border="0px" /> ${CommentAuthor}
</div>
<p>${CommentText}</p>
<div>
${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 /><img src="http://wgrund.blogg.se/images/2010/arrow-pink-_69170143.jpg" border"0px" /> <a href="${CommentAuthorURL}">${CommentAuthorURL}</a>
</tag:if>
</div>
</tag:commentlist>
<form 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 type="submit" name="submit" value="Skicka kommentar" />
</form>
</tag:if>
<a name="trackback"></a>
<div>Trackback</div>
<tag:if test="${Trackbacks == 1}">
<div>
Trackback-URL för detta inlägg: <br />
${TrackbackEntryURL}
</div>
</tag:if>
<tag:trackbacklist>
<div>
${TrackbackTitle}
</div>
<p>${TrackbackExcerpt}...</p>
<div>
<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>
<br />
${TrackbackDate} @ ${TrackbackTime}
</div>
</tag:trackbacklist>
</div>
<div id="side">
<div>
<ul><center>
<li><a href="index.html" title="Gå till startsidan"><img src="http://wgrund.blogg.se/images/2010/home-pink-_69141361.jpg" border="0px" /></a></li><br /></center>
<div>5 senaste</div>
<ul>
<tag:recentlist limit="5">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
<br />
<a href="http://sofiakvarnstrm.blogg.se"><img src="http://wgrund.blogg.se/images/2010/cooltext445655695_69158014.jpg" oversrc="http://wgrund.blogg.se/images/2010/cooltext445655695mouseover_69158559.jpg" border="0"></a>
<br /><br />
</ul>
<div>Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul><br />
<div>Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
<br />
<br />
<tag:if test="${hasLinks == 'true'}">
<div>Sevärda sidor</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
<br />
</ul>
</div>
<div>
<a href="index.rss" title="RSS"><img src="http://wgrund.blogg.se/images/2010/rss-pink-_69142909.jpg" border="0" alt="RSS 2.0" /></a><br /><br />
</div>
</div>
</div>
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
</body>
</html>
