分享一个美化版邮件评论回复源码

管理员
管理员
管理员
238
文章
18
评论
2019年3月24日00:07:00 评论 521 3095字

这个板子是在GitHub上看到的模板修改的,我觉得还不错,就放到博客替换原来的跳转email-notify.php文件了。文件在我博客用,今天发出来给大家看看!!喜欢就拿去用。代码简陋,有问题请指出!!!分享一个美化版邮件评论回复源码

 

包含功能如下:

1、评论审核通过通知用户

2、评论回复通知用户

3、网站后台登录失败通知管理员

4、注册用户资料信息更新通知用户

5、注册用户账户被管理员删除通知用户

6、网站发布新文章通知用户

使用方法如下:

Step1、下载美化版邮件评论回复源码-notify.php,修改为email-notify.php后放在您的主题文件夹下

Step2、在functions.php中进行调用include_once('email-notify.php');

注意事项:

1、注意nitify.php的放置位置以及调用路径必须一致

2、代码第四行中background-image: url(https://i.loli.net/2019/03/23/5c96570055f55.jpg);的图片可自行修改;

3、代码23行定义了一个广告图片(<img src="https://i.loli.net/2019/03/23/5c964858144a5.png"),建议大家使用photoshop制作以后换成自己的

4、171行定义了摘要显示字数,您可以随意换成您自己的哦

下面时HTML代码:嗯。就是一个大概效果,至于PHP代码在文章最后。

<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Notify</title>
</head>
<body style="margin: 0;padding: 0;">
    <div class="emailpaged" style="background-image: url(https://i.loli.net/2019/03/23/5c96570055f55.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;">
        <div class="emailcontent" style="width:100%;max-width:720px;text-align: left;margin: 0 auto;padding-top: 5px;padding-bottom: 20px">
            <div class="emailtitle">
                <h1 style="color:#fff;background: #51a0e3;line-height:70px;font-size:24px;font-weight:normal;padding-left:40px;margin:0">
                    邮件通知
                </h1>
                <div class="emailtext" style="background:#fff;padding:20px 32px 40px;">
                    <div style="padding:0;font-weight:bold;color:#6e6e6e;font-size:16px">尊敬的管理员您好!</div>
                    <p style="color: #6e6e6e;font-size:13px;line-height:24px;">有新的访客在您的网站给你留言,留言内容如下,请您在第一时间和他们进行联系哦!</p>
                    <table cellpadding="0" cellspacing="0" border="0" style="width:100%;border-top:1px solid #eee;border-left:1px solid #eee;color:#6e6e6e;font-size:16px;font-weight:normal">
                            <thead><tr><th colspan="2" style="padding:10px 0;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;background:#f8f8f8;">留言详细内容</th></tr></thead>
                            <tbody>
							    <tr>
                                    <td style="padding:10px 0;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;width:100px">留言主题</td>
                                    <td style="padding:10px 20px 10px 30px;border-right:1px solid #eee;border-bottom:1px solid #eee;line-height:30px">关于价格咨询</td>
                                </tr>
							    <tr>
                                    <td style="padding:10px 0;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center">留言人</td>
                                    <td style="padding:10px 20px 10px 30px;border-right:1px solid #eee;border-bottom:1px solid #eee;line-height:30px">张三李四</td>
                                </tr>
							    <tr>
                                    <td style="padding:10px 0;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center;">留言正文</td>
                                    <td style="padding:10px 20px 10px 30px;border-right:1px solid #eee;border-bottom:1px solid #eee;line-height:30px">我想和您进行一个面谈,不知您什么时候有时间哦,我这边随时都能奉陪!</td>
                                </tr>                  
							</tbody>
                    </table>
                    <p style="color: #6e6e6e;font-size:13px;line-height:24px;">留言人联系电话:138xxxxxxxx;联系邮箱:xxxxxx@126.com,请您在第一时间和他们取得联系哦</p>  
                </div>
                <div class="emailad" style="margin-top: 24px;">
                    <a href="#">
                        <img src="https://i.loli.net/2019/03/23/5c964858144a5.png" alt="" style="margin: auto;width:100%;max-width:700px;height: auto;">
                    </a>
                </div>
                <p style="color: #6e6e6e;font-size:13px;line-height:24px;text-align:right;padding:0 32px">邮件来自:<a href="#" style="color:#51a0e3;text-decoration:none">XX主题</a></p>
            </div>
        </div>
    </div>
    
</body>
</html>

下次见!!!

资源下载
链接点击下载(提取码: fuxf)复制
1、本站所有内容归原作者所有,与本站无关
2、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者同意,注明来源
3、本站大部分资源来源码于网络,仅供学习交流使用,本站不提供任何技术支持,不作任何安全承诺,是否使用请自行判断
4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其完整性负责
5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
6、本站管理员和工作人员有权不事先通知发贴者而删除本文,本站客服Email:service@teelm.com
weinxin
扫码关注微信公众
幂彀社区,一个关注互联网、平面设计等领域个人博客;致力于打造一个优秀的资源共享学习平台。
教程 最后更新:2019-4-4
管理员
  • 本文由 发表于 2019年3月24日00:07:00
  • 转载请务必保留本文链接:https://www.teelm.com/2019/03/24/12731.html