ZBLOG评论模板的制作

SJY发表于:2013年10月25日 17:14 • 阅读:

<#template:article_comment:begin#>
<div id="comments">
<h2>评论</h2>
<#template:article_comment#>
</div>
<#template:article_comment_pagebar#>
<#template:article_comment:end#>
<#template:article_commentpost#>

第一行的意思即为评论开始,倒数第二行则是评论结束。也就是说如果没有评论在这2行之间的代码并不会显示出来。倒数第三行则是评论的翻页,评论数量太多时会自动翻页。

  • <#template:article_comment#> 评论列表,调用主题TEMPLATE目录下的 b_article_comment.html
  • <#template:article_commentpost#> 评论表单,调用主题TEMPLATE目录下的 b_article_commentpost.html

评论列表模板 b_article_comment.html解析

以下是官方默认主题评论列表模板内容

<ul class="msg" id="cmt<#article/comment/id#>">
    <li class="msgname"><img class="avatar" src="<#article/comment/avatar#>" alt="" width="32"/>&nbsp;<span class="commentname"><a href="<#article/comment/urlencoder#>" rel="nofollow" target="_blank"><#article/comment/name#></a></span><br/><small>&nbsp;<#ZC_MSG275#>&nbsp;<#article/comment/posttime#>&nbsp;&nbsp;<span class="revertcomment"><a href="#comment" onclick="RevertComment('<#article/comment/id#>')"><#ZC_MSG265#></a></span></small></li>
    <li class="msgarticle"><#article/comment/content#></li>
</ul>

评论的内容将会以上面的格式显示出来,每一条评论都是<ul>开始</ul>结束,如果有回复的评论,则会在评论内容<#article/comment/content#>后面接着<ul>开始</ul>结束.也就是说在ZBLOG中,评论和回复的评论调用的是同一段代码。

参数说明

  • <#article/comment/content#> 评论内容
  • <#article/comment/name#> 评论者名字
  • <#article/comment/posttime#> 评论发布时间
  • <#article/comment/id#> 本条评论ID
  • <#article/comment/avatar#> 评论者头像地址
  • <#article/comment/urlencoder#> 评论者的主页

<a href="#comment" onclick="RevertComment('<#article/comment/id#>')"><#ZC_MSG265#></a> 回复评论的链接

评论表单模板b_article_commentpost.html解析

下面是官方默认主题的评论表单模板b_article_commentpost.html的内容

<div class="post" id="divCommentPost">
    <p class="posttop"><a name="comment"><#ZC_MSG024#>:</a><small><a rel="nofollow" id="cancel-reply" href="#divCommentPost" style="display:none;"><#ZC_MSG264#><#ZC_MSG149#></a></small></p>
    <form id="frmSumbit" target="_self" method="post" action="<#article/commentposturl#>" >
    <input type="hidden" name="inpId" id="inpId" value="<#article/id#>" />
    <input type="hidden" name="inpArticle" id="inpArticle" value="" />
    <input type="hidden" name="inpRevID" id="inpRevID" value="" />
    <p><input type="text" name="inpName" id="inpName" class="text" value="" size="28" tabindex="1" /> <label for="inpName"><#ZC_MSG001#>(*)</label></p>
    <p><input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2" /> <label for="inpEmail"><#ZC_MSG053#></label></p>
    <p><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" size="28" tabindex="3" /> <label for="inpHomePage"><#ZC_MSG054#></label></p>
<#template:article_commentpost-verify:begin#>
    <p><input type="text" name="inpVerify" id="inpVerify" class="text" value="" size="28" tabindex="4" /> <label for="inpVerify"><#ZC_MSG089#>(*)</label> <img style="border:1px solid silver;width:<#ZC_VERIFYCODE_WIDTH#>px;height:<#ZC_VERIFYCODE_HEIGHT#>px;" src="<#ZC_BLOG_HOST#>zb_system/function/c_validcode.asp?name=commentvalid" alt="" title=""/></p>
<#template:article_commentpost-verify:end#>
    <p><label for="txaArticle"><#ZC_MSG055#>(*)(<#ZC_MSG056#>:<#ZC_CONTENT_MAX#>)</label></p>
    <p><textarea name="txaArticle" id="txaArticle" onchange="GetActiveText(this.id);" onclick="GetActiveText(this.id);" onfocus="GetActiveText(this.id);" class="text" cols="50" rows="4" tabindex="5" ></textarea></p>
    <p><input name="btnSumbit" type="submit" tabindex="6" value="<#ZC_MSG087#>" onclick="JavaScript:return VerifyMessage()" class="button" /> <input type="checkbox" name="chkRemember" value="1" id="chkRemember" /> <label for="chkRemember"><#ZC_MSG049#></label></p>
    <script language="JavaScript" type="text/javascript">objActive="txaArticle";ExportUbbFrame();</script>
    </form>
    <p class="postbottom"><#ZC_MSG040#></p>
    <script language="JavaScript" type="text/javascript">LoadRememberInfo();</script>
</div>

解析

<input type="checkbox" name="chkRemember" value="1" id="chkRemember" /> <label for="chkRemember"><#ZC_MSG049#></label>

记住表单选项,必须配合

<script language="JavaScript" type="text/javascript">LoadRememberInfo();</script>

自定义表单,只需要复制响应的代码,加上类别属性,即可通过CSS完美定制化。

<#ZC_CONTENT_MAX#> 内容最长字数,应用“<#ZC_MSG055#>(*)(<#ZC_MSG056#>:<#ZC_CONTENT_MAX#>)”翻译后为“正文(*)(留言最长字数:1000)”

 

欢迎转载,但请保留原文地址 http://www.sjyhome.com/zblog/zb-comment.html

回复(0)