温馨提示:这篇文章已超过418天没有更新,请注意相关的内容是否还可用!
为了网站能更好的吸引人看,想要人回复帖子,很多人通过美化来改善网站的人性化,更符合人的审美及习惯,今天分享下如何对评论区域进行美化,此贴内容摘自李洋博客,一位有10多年经验的博主,经常看他的博客来提升自己的知识储备,好了现在讲以下具体操作方法。
1.首先在修改前需要对修改模板进行备份!切记一定要备份!然后使用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}
2.然后根据自己要求,加入css即可,附送本站css样式:
a.comment_at { padding: 2px 5px 3px 5px; border: 1px solid #ddd; border-radius: 4px; color: #F35532;}
3.都修改完事之后,记得回后台首页“清空缓存并重新编译模板”大功告成
演示效果如图:
4.评论代码有些是默认的,有些已经被大家简单的优化了,比如N+1楼,在这个基础上加上了判断,教程如下;还是找到模板文件模板文件comment.php,找到“{$key+1}”然后替换以下代码:
a.comment_at { padding: 2px 5px 3px 5px; border: 1px solid #ddd; border-radius: 4px; color: #F35532;}
5.然后保存,清空网站缓存,自己添加队形的CSS样式即可
文章版权声明
1 本网站名称:忆路吧
2 本站永久网址:http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络,不保证其完整性以及安全性,不提供技术支持,请下载后自行研究。
6 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。
2 本站永久网址:http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络,不保证其完整性以及安全性,不提供技术支持,请下载后自行研究。
6 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。
还没有评论,来说两句吧...