前言
非本站原创,本站只优化了显示样式(样式来于Mark's Blog)及部分代码
2019-5-10
修复了每次评论前,有概率要先单击评论框,否则无法发表评论
2019-5-29
修复了添加打卡功能后,移动端中评论框表情无法正常显示
教程
以Handsome主题为例
1、首先在后台
-->设置外观
-->开发者设置
-->自定义JavaScript
加入以下代码:
function addNumber(a) {
var length = document.getElementById("comment").value.length;
if(length> 0){
document.getElementById("comment").focus()
document.getElementById("comment").value += '\n' + a + new Date
}else{
document.getElementById("comment").focus()
document.getElementById("comment").value += a + new Date
}
}
2、打开主题目录的component/comments.php
里面的126
行到141
行:
替换为以下代码:
<div class="comment-form-comment form-group">
<label for="comment"><?php _me("评论") ?> <span class="required text-danger">(请使用真实邮箱地址,方便接收评论回复)</span>
<span class="required text-danger"></span></label>
<textarea id="comment" class="textarea form-control OwO-textarea" name="text" rows="5" placeholder="<?php _me("说点什么吧……") ?>" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"><?php $this->remember('text'); ?></textarea>
<div class="OwO" style="display: inline;"></div><div class="OwO" style="display: inline;"><a href="javascript:addNumber('滴!访客卡!请上车的乘客系好安全带,现在是:')" class="OwO-logo"><i class="fontello fontello-user face"></i><span class="OwOlogotext">打卡</span></a></div>
<div class="secret_comment" id="secret_comment" data-toggle="tooltip"
data-original-title="<?php _me("开启该功能,您的评论仅作者和评论双方可见") ?>">
<label class="secret_comment_label control-label"><?php _me("私密评论") ?></label>
<div class="secret_comment_check">
<label class="i-switch i-switch-sm bg-dark m-b-ss m-r">
<input type="checkbox" id="secret_comment_checkbox">
<i></i>
</label>
</div>
</div>
</div>
3、在后台
-->设置外观
-->开发者设置
-->自定义CSS
加入以下代码:
.secret_comment {
top: 5px;
}
.OwO.OwO-open .OwO-body {
display:table
}
版权属于:Xcnte' s Blog(除特别注明外)
本文链接:https://xcnte.com/archives/527/
本站文章采用 知识共享署名4.0 国际许可协议 进行许可,请在转载时注明出处及本声明!
88 comments
滴!访客卡!请上车的乘客系好安全带,现在是:Mon Jan 02 2023 16:50:57 GMT+0800 (中国标准时间)
滴!访客卡!请上车的乘客系好安全带,现在是:Sun Jan 23 2022 08:36:21 GMT+0800 (中国标准时间)
滴!访客卡!请上车的乘客系好安全带,现在是:Thu Sep 02 2021 16:11:13 GMT+0800 (中国标准时间)
右侧的下拉返回开头和背景动画怎么弄的呀!!!还望博主能赐教!!
背景是canvas效果,返回头部是GoTop插件
哈哈哈,我虽知道名称。但源码那些不会弄...主题下的源码我不会
滴!访客卡!请上车的乘客系好安全带,现在是:Mon Apr 19 2021 17:58:01 GMT+0800 (中国标准时间) 文章写得不错,支持一下!
滴!访客卡!请上车的乘客系好安全带,现在是:Sat Apr 17 2021 12:05:54 GMT+0800 (CST)
文章写得不错,支持一下!
滴!访客卡!请上车的乘客系好安全带,现在是:Thu Oct 01 2020 22:56:23 GMT+0800 (中国标准时间)
请问可以将这个打卡时间修改为中文吗,比如是 2020年9月15日 13:00,并且支持24小时制和12小时制
可以
滴!访客卡!请上车的乘客系好安全带,现在是:Mon Jul 13 2020 13:17:25 GMT+0800 (中国标准时间)
滴!访客卡!请上车的乘客系好安全带,现在是:Mon Apr 13 2020 17:40:42 GMT+0800 (中国标准时间)
文章写得不错,支持一下!
对于时光机私密评论位置不对的问题对同小白说下,可以在根据博主第二步修改好的CSS第132行div class里新添加secret_comment_article,接着将博主第三步里的.secret_comment改为.secret_comment_article即可,这样就不会和原有的样式产生冲突了
滴!访客卡!请上车的乘客系好安全带,现在是:Mon Apr 13 2020 10:44:05 GMT+0800 (中国标准时间) 文章写得不错,支持一下! 骚年,我怀疑你写了一篇假的文章!
滴!访客卡!请上车的乘客系好安全带,现在是:Mon Apr 06 2020 17:27:56 GMT+0800 (中国标准时间)
滴!访客卡!请上车的乘客系好安全带,现在是:Thu Mar 05 2020 13:41:33 GMT+0800 (中国标准时间)
滴!访客卡!请上车的乘客系好安全带,现在是:Sun Feb 09 2020 21:07:03 GMT+0800 (中国标准时间)
滴!访客卡!请上车的乘客系好安全带,现在是:Mon Feb 03 2020 08:50:57 GMT+0800 (中国标准时间)
滴!访客卡!请上车的乘客系好安全带,现在是:Fri Jan 03 2020 13:14:07 GMT+0800 (China Standard Time)
博主能说下怎么解决时光机私密评论位置不对的问题吗,谢谢了
需要改动css了,这里确实是一个问题
我有机会解决一下吧
滴!访客卡!请上车的乘客系好安全带,现在是:Sat Nov 23 2019 16:49:21 GMT+0800 (中国标准时间)
你这虫子我好难受