- 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条评论,共1611人参与)参与讨论
    网友昵称:罗罗
    罗罗游客1年前 (2017-08-02)回复
    rtfaw我顶!!顶顶顶
    网友昵称:美股指数
    美股指数游客1年前 (2017-08-21)回复
    @罗罗 得从头来过.......
    网友昵称:看一下
    看一下游客11个月前 (09-15)回复
    @美股指数 看一下!
    网友昵称:poorman
    poorman游客1年前 (2017-08-01)回复
    站长好勤奋,很用心,虽然看不懂代码。