最新公告
  • 欢迎您光临影客学习网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • EMLOG 评论美化完整代码

    最新EMLOG 评论美化完整代码-第1张图片-零零娱乐网

     

    这个美化版评论基于默认模板美化而成,文件包含module.php,echo_log.php,css,js等。 module.php核心文件,复制粘贴替换掉默认的就行了
    echo_log.php内页文件,把代码放在适当的位置
    css和js 放在能载入的公共文件。
    本篇文章本站收藏记录与分享,套用之后如有错位微调CSS样式即可。

    module.php

    PHP
    <?php
    //blog:评论列表
    function blog_comments($comments,$params){
    extract($comments);
    if($commentStacks): ?>
    
    <?php
    $isGravatar = Option::get('isgravatar');
    	$comnum = count($comments);foreach($comments as $value){if($value['pid'] != 0){$comnum--;}}
    	$page = isset($params[5])?intval($params[5]):1;
    	$i= $comnum - ($page - 1)*Option::get('comment_pnum');
    foreach($commentStacks as $cid):
    $comment = $comments[$cid];
    $comment['poster'] = $comment['url'] ? ''.$comment['poster'].'' : $comment['poster'];
    ?>
    	<div class="comment" id="comment-">
    <a name="">
    <img src="<?php echo getGravatar($comment['mail']); ?>" />
     
    			<a href="#comment-" onclick="commentReply(,this)">@回复
    			 
    			
    发表于 本段代码来自 http://www.00ylw.com/code/1011.html
     
    PHP
    <?php
    //blog:发表评论表单
    function blog_comments_post($logid,$ckname,$ckmail,$ckurl,$verifyCode,$allow_remark){
    if($allow_remark == 'y'): ?>
    
    <form method="post" name="commentform" action="<?php echo BLOG_URL; ?>index.php?action=addcom" id="commentform">
    <input type="hidden" name="gid" value="<?php echo $logid; ?>" />
    
    <input type="text" name="comname" value="<?php echo $ckname; ?>" placeholder="昵称" required>
    <input type="email" name="commail" value="<?php echo $ckmail; ?>" placeholder="邮箱" required>
    <input type="text" name="comurl" value="<?php echo $ckurl; ?>" placeholder="网址">
    
    
    
    
    
    
    
    
    
    
    
    
    
    echo_log.php 本段代码来自 http://www.00ylw.com/code/1011.html

     

    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;}
    } 本段代码来自 http://www.00ylw.com/code/1011.html

     

    JS

    JavaScript
    /*签到*/
    function addNumber(a) {
    	document.getElementById("comment").value += a
    } 本段代码来自 http://www.00ylw.com/code/1011.html
     


    关注微信公众号『影客学习网』

    第一时间了解最新网络动态关注博主不迷路~

    1. 本站所有资源来源于用户上传和互联网,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务,除了本站原创售价资源都有技术服务,请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!
    影客学习网 » EMLOG 评论美化完整代码

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    为什么评论刷新后不显示?
    评论文章的时候,每次评论都要填网站下面一定要勾选,否则可能下载链接显示不出来!一定要记住!

    发表评论

    • 49会员总数(位)
    • 846资源总数(个)
    • 3本周发布(个)
    • 0 今日发布(个)
    • 533稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    升级SVIP尊享更多特权立即升级