您现在的位置是:首页 > 教程 > WordPress教程WordPress教程
WordPress评论回复邮件通知勾选框样式美化
李锐汉2023-07-07 18:33:48WordPress教程已有人查阅
导读互动交流对博客非常重要。大多数WordPress博客都会打开评论,很多博客还添加了“评论回复邮件通知”功能,这样评论者就可以在第一时间收到回复通知。
互动交流对博客非常重要。大多数WordPress博客都会打开评论,很多博客还添加了“评论回复邮件通知”功能,这样评论者就可以在第一时间收到回复通知。
首先,将邮件回复HTML部分的结构调整为如下形式。主要是使用mail-notify类添加外部框,使用“notify”类添加输入标记。<span class="mail-notify">
首先,将邮件回复HTML部分的结构调整为如下形式。主要是使用mail-notify类添加外部框,使用“notify”类添加输入标记。<span class="mail-notify">
<input type="checkbox" name="comment_mail_notify" id="comment_mail_notify" value="comment_mail_notify" checked="checked" class="notify" />
<label for="comment_mail_notify"><span>有人回复时邮件通知我</span></label>
</span>
然后将以下样式添加到样式表中/** 评论回复邮件通知 **/
.mail-notify {
padding-left: 10px;
font-size: 14px;
vertical-align: middle;
}
.mail-notify span {
position: absolute;
top: -6px;
left: 0;
width: 230px;
color: #999;
padding-left: 38px;
padding-left: 5px9;
}
.notify {
display: none;
display: inline9;
}
.notify + label {
position: relative;
background: #a5a5a5;
width: 30px;
width: 09;
height: 15px;
cursor: pointer;
display: inline-block;
border-radius: 15px;
}
.notify + label:before {
content: '';
position: absolute;
background: #fff;
top: 0;
left: -1px;
width: 15px;
width: 09;
height: 15px;
z-index: 99999;
border: 1px solid #ddd;
border-radius: 15px;
border: none9;
}
.notify + label:after {
content: '';
position: absolute;
top: 0;
left: 0;
color: #fff;
font-size: 9px;
font-size: 0.9rem;
}
.notify:checked + label {
background: #32a5e7;
border-radius: 15px;
}
.notify:checked + label:after {
content: '';
left: 6px;
}
.notify:checked + label:before {
content: '';
position: absolute;
z-index: 99999;
left: 15px;
border-radius: 15px;
}
.notify + label:after {
left: 15px;
line-height: 21px;
}
.notify + label:after, .notify + label:before {
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
完成之后即可实现下方样式本文标签:
很赞哦! ()
相关文章
随机图文
-
wordpress添加管理员的方法
1、先登录WordPress后台,进入后台之后,鼠标移至左侧菜单栏"用户",点击"添加用户",如下图所示。 -
判断当前页面是否是WordPress登录页的函数
WordPress有is_home() is_single()这些函数来判断当前页面是在什么页面,那么有没有什么方法判断当前页面是登录页呢?下面由WordPress教程栏目给大家介绍其方法。 -
怎么进入WordPress登录后台,wordpress后台登陆地址是什么
wordpress如何登录界面?对于用wordpress建站的新手玩家来讲,进入Wp后台都是一件困难的事情。很多新手经常忘记wordpress后面的登陆地址 -
怎么wordpress改成中文字体
进入站点控制板(dashboard),看到更新提示后进行升级即可。WordPress会自动从官方网站下载中文语言包并安装。
留言与评论 (共有 条评论) |