- N +

Z-blogPHP评论美化教程

美化评论.jpg

折腾好些天,累蒙逼了,无聊时博客,看见涂涂研的博客有一篇文章美化评论的文章,回复留言内容前添加“@姓名”的教程,感觉不错,自己就测试了一下,还挺好看的,如图:

zbp优化评论.png

喜欢的朋友可以自己动手尝试修改,修改模板前注意备份!注意备份!主要备份!使用FTP等远程连接工具,打开网站目录,找到主题模板文件comment.php,搜索“{$comment.Content}”在它前面加一下代码:

{if $comment.ParentID!=0}
{php}
$newc=$zbp->GetCommentByID($comment->ParentID);
$atid=$newc->ID;
$atname=$newc->Name;
{/php}
<a class="comment_at" href="#comment-{$atid}">@{$atname}</a>
{/if}

然后根据自己要求,加入css即可,附送本站css样式:

a.comment_at {
    padding: 2px 5px 3px 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #F35532;
}

都修改完事之后,记得回后台首页“清空缓存并重新编译模板”大功告成;

还有一个,我感觉也很好玩,给评论楼层增加“沙发”“板凳”“地板”教程也很简单。

演示效果如图:

评论楼层优化.png

评论代码有些是默认的,有些已经被大家简单的优化了,比如N+1楼,在这个基础上加上了判断,教程如下;还是找到模板文件模板文件comment.php,找到“{$key+1}”然后替换以下代码:

{if $comment.ParentID==0}
<span class="dot">
{if $key+1==1}
沙发
{elseif $key+1==2 }
板凳
{elseif $key+1==3 }
地板
{else}
{$key+1}楼
{/if}
</span>
{/if}

然后保存,清空缓存,自己添加对应的css样式即可。感谢涂涂研版博客的分享。喜欢折腾的网友请开始你的表演。

作者:非李莫属

舞台上有你,就演好角色; 舞台上没你,就静静地做观众;

返回列表
上一篇:
下一篇:
评论列表 (已有5条评论,共639人参与)
网友昵称:罗罗
罗罗游客3个月前 (08-02)回复
rtfaw我顶!!顶顶顶
网友昵称:美股指数
美股指数游客2个月前 (08-21)回复
@罗罗 得从头来过.......
网友昵称:看一下
看一下游客1个月前 (09-15)回复
@美股指数 看一下!
网友昵称:poorman
poorman游客3个月前 (08-01)回复
站长好勤奋,很用心,虽然看不懂代码。