用 HTML 制作模板(1):通过编辑框架制作博客模板

      博客帮助 2005-11-29 0:1

  首先提示一点,编辑默认框架的方式是不推荐的,因为这样做好的模板,每次再更换新模板时,都需要重新生成一下老的文件。

  考虑大大部分用户对 XHTML 还不熟悉,这里,我们来演示如何采用 HTML 的方式,通过编辑框架来制作博客模板。...

  这个模板样式如下,点这里浏览清晰图片

  

代码如下:

<BLOG:LOG>

<BLOG:TOP>
<a name=top></a>欢迎光临我的博客网站——<a href="{BlogUrl}">{BlogTitle}</a> ^_^
</BLOG:TOP>

<BLOG:LISTHEADER>
<table class="" cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td>全部分类中有 {Count} 篇日志 | 每页显示 {PageSize} 篇 | 这里显示 {ListCount} 篇<br>
{PageNav}</td>
</tr>
</tbody>
</table>
<table class="" cellspacing=0 cellpadding=0 width="100%" border=0>
</BLOG:LISTHEADER>

<BLOG:LISTENTRY>
<tbody>
<tr valign=top>
<td height=20><span class=loglistTitle><a href="{LogUrl}">{LogTitle}</a></span> <span class=digital>[{PublishTime
Format="yyyy-mm-dd"}]</span></td>
</tr>
<tr>
<td class=summary style="PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px">{LogSummary}</td>
</tr>
<tr>
<td class=loglistInfo>
作者:[<a href="{AuthorUrl}">{LogAuthor}</a>]
分类:[<a href="{ClassUrl}">{Class}</a>]
时间:<span class=digital>[{PublishTime Format="hh:nn"}]</span> |
<a href="{CommentUrl}">评论</a>(<span class=digital>{CommentCount}</span>)
| <a href="{LogUrl}">阅读</a>(<span class=digital>{ViewCount}</span>)
<a href="{trackbackUrl}">引用</a>(<span class=digital>{trackbackCount}</span>)</td>
</tr>
</BLOG:LISTENTRY>

<BLOG:LISTSEPARATOR>
<tr valign=top>
<td class=splitRow height=30>--------------------</td>
</tr>
</BLOG:LISTSEPARATOR>

<BLOG:LISTFOOTER>
</TBODY>
</table>
</BLOG:LISTFOOTER>

 

<blog:listphotoEntry>
<div class="photolog">
<div class="smallimages">
<a href="{logurl}" target='blank'><img src="{photourl}" alt="{phototitle}"/></a>
</div>
<h3>{phototitle}</h3>
<ul>
<li class="Hits"><span class="cn">点击:</span><span class="en">Hits</span>{viewcount}</li>
<li class="Comments"><span class="cn">回复:</span><span class="en">Comments</span>{commentcount}</li>
<li class="PostTime"><span class="cn">发表:</span><span class="en">PostTime</span>{posttime}</li>
</ul>
<p><span>{logsummary}</span></p>
</div>
</blog:listphotoEntry>

<BLOG:DETAILHEADER>
查看日志内容。。。<a href="{BlogUrl}">返回{BlogTitle}</a>, <a href="{ClassUrl}">返回{Class}</a>
</BLOG:DETAILHEADER>

<BLOG:DETAILCONTENT>
<table class="" cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr valign=top>
<td class=info height=20><span class=infoTitle>{LogTitle}</span> <span class=digital>[{PublishTime
Format="yyyy-mm-dd"}]</span>
<a title=返回作者主页 href="{AuthorUrl}">{LogAuthor}</a> 发表在 <a title=返回这个分类 href="{ClassUrl}">{Class}</a>
<hr align=left width="95%" noshade size=1>
</td>
</tr>
<tr>
<td class=content>{LogContent}</td>
</tr>
</tbody>
</table>
</BLOG:DETAILCONTENT>

<BLOG:DETAILFOOTER></BLOG:DETAILFOOTER>

<BLOG:COMMENTHEADER>
<table class="" cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td class=commentTitle>≡≡≡≡≡ 评论(共&nbsp;<font face=Georgia>{Count}</font> 条)
<a href="#comment">我要评论</a></td>
</tr>
</tbody>
</table>
</BLOG:COMMENTHEADER>

<BLOG:COMMENTENTRY>

<table class="" cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr valign=top height=30>
<td><span class=commentEntryUser>{CommentAuthor}</span> 在 <span class=digital>{CommentTime}</span> 发表评论
| {CommentUrl} </td>
</tr>
<tr>
<td class=commentEntryContent>{CommentContent}</td>
</tr>
</tbody>
</table>
</BLOG:COMMENTENTRY>

<BLOG:COMMENTSEPARATOR>
<table class="" cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td class=splitrow height=30></td>
</tr>
</tbody>
</table>
</BLOG:COMMENTSEPARATOR>

<BLOG:COMMENTFOOTER></BLOG:COMMENTFOOTER>

<BLOG:BOTTOM>
<p align=right><a href="#top">返回顶部</a>

</BLOG:BOTTOM>

</BLOG:LOG>

显示为这样的界面:

标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}