EMLOG 评论美化完整代码

0
回复
40
查看
[复制链接]

699

主题

858

帖子

2808

积分

管理员|UID:1

图云币:184

图云豆:1252

图云钻:0

发表于 2018-12-9 17:06:22 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
005BYqpggy1fxzibtfugfj30p008jjs1.jpg
这个美化版评论基于默认模板美化而成,文件包含module.php,echo_log.php,css,js等。 module.php核心文件,复制粘贴替换掉默认的就行了
echo_log.php内页文件,把代码放在适当的位置
css和js 放在能载入的公共文件。
本篇文章本站收藏记录与分享,套用之后如有错位微调CSS样式即可。
  1. <?php
  2. //blog:评论列表
  3. function blog_comments($comments,$params){
  4.     extract($comments);
  5.     if($commentStacks): ?>
  6.    
  7.    
  8.     <?php
  9.     $isGravatar = Option::get('isgravatar');
  10.         $comnum = count($comments);foreach($comments as $value){if($value['pid'] != 0){$comnum--;}}
  11.         $page = isset($params[5])?intval($params[5]):1;
  12.         $i= $comnum - ($page - 1)*Option::get('comment_pnum');
  13.     foreach($commentStacks as $cid):
  14.     $comment = $comments[$cid];
  15.     $comment['poster'] = $comment['url'] ? ''.$comment['poster'].'' : $comment['poster'];
  16.     ?>
  17.          <div class="comment" id="comment-">
  18.         <a name="">
  19.         
  20. <img src="<?php echo getGravatar($comment['mail']); ?>" />
  21.         
  22.               
  23.                         <a href="#comment-" onclick="commentReply(,this)">@回复
复制代码
  1. /*评论*//*css
复制代码

*/
.ribbon-comment h3{margin:10px 0 0 0;padding-bottom:5px;color:#000;font-weight:700;font-size:18px;    border-bottom: 1px solid #f0f0f0;}
.ribbon-comment{padding: 5px 15px 10px 15px;}
.form-submit .submit-tool{float:left;width: 45px;}
.form-submit .submit-tool a{padding:5px 10px;border:1px solid #03a9f4;border-radius:50%;color:#03a9f4;vertical-align:middle;text-align:center;font-size:15px;line-height:32px;cursor:pointer;}
.form-submit #comment_submit{float:right;margin:0 10px;padding:6px;width:108px;border:1px solid #03a9f4;border-radius:2px;background:#03a9f4;color:#fff;cursor:pointer;transition:all .2s ease-in 0s;-webkit-appearance:none;}
.comment-list .comment{overflow:hidden;border-top:1px solid #e6e6e6;}
.comment-list .avatar{float:left;display:block;margin:10px 10px 0 0;}
.comment-list .avatar img{width:50px;height:50px;border-radius:50%;transition: all 2s;border: 1px solid #ccc;padding: 2px;}
.comment-list .avatar img:hover{transform:rotate(360deg);}
.floor{float:right;color:#c3c3c3;font-weight:700;}
.comment-time{color:#999;font-size:13px;}
.comment-reply #ta{color:#999;}
.comment-info{padding:15px 0;}
.comment-reply a{padding-left:5px;}
.comment-list .comment-children{position:relative;margin-left:60px;border-bottom:none;}
.comment-list .comment-children .comment-children{margin-left:0;}
.cancel-reply{overflow:hidden;margin:0 0 10px;border-top:1px solid #ebebeb;}
.cancel-reply a{float:right;padding:2px 10px;border:1px solid #ebebeb;border-radius:2px;}
.cancel-reply #respond{margin-top:10px;}
.comment-content{padding-left:65px;margin-top: 10px;}
.comment-content img{height: 20px;width: 20px;}
.form-submit{overflow:hidden;}
.comment-list #pagenavi{overflow:hidden;margin-top:10px;padding:15px;text-align:center;}
.comment-list #pagenavi span{margin:2px;padding:5px 11px;border:1px solid #ccc;border-radius:50%;color:#f44336;vertical-align:middle;text-align:center;font-size:14px;line-height:40px;cursor:not-allowed;}
.comment-list #pagenavi a{margin:2px;padding:5px 11px;border:1px solid #ccc;border-radius:50%;color:#333;vertical-align:middle;text-align:center;font-size:14px;line-height:40px;}
.comment-list #pagenavi em{display:none;}
#comment-input{overflow:hidden;margin-bottom:5px;}
#comment-input input{float:left;margin:5px 0;padding:0 0 0 10px;width: 33.3333%;height:34px;border:1px solid #ccc;border-radius:3px;background:#fff;background-color:#fff;background-image:none;color:#555;font-size:14px;line-height:1.42857143;-webkit-appearance:none;}
#comment{margin:0 10px 10px 0;padding:5px;width:100%;border:1px solid #ccc;border-radius:3px;background:#fff;-webkit-appearance:none;}
#comment-post{overflow:hidden;margin:10px 0 10px 0;}
@media only screen and (max-width:767px){
        #comment-input input{width: 100%;}
        .comment-list .comment-children{margin-left: 0px!important;}
}


图品云,全网领先的设计师资源下载基地!PSD素材模板、PNG免扣素材、高清背景图库、PPT商业模板,网站模板与源码,建站技术,SEO,软件工具等实用的技术教程大全!! 【通告】近期发现部分竞争网站和小人诋毁抹图品云,对此,我们只有一句话,事实胜于雄辩!用心为站长服务,图品云不怕任何邪门歪道!【一世网宣:官方网站www.gpic8.com,请谨防假冒网站! 官方群:253336833 欢迎进群讨论】图品云举报邮箱:2336957694@qq.com 严禁一切淫秽、涉赌、政治、钓鱼、诈骗、金融理财、借贷、封建迷信等非法人员使用
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

国内海量素材论坛免费下载
全国免费热线电话

暂时没有

周一至周日9:00-23:00

反馈建议

2336957694@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 图品云论坛|网站地图