typecho 插件 CommentToMail 邮件回复提醒美化版

70次阅读
No Comments

CommentToMail

之前建站的时候就用的CommentToMail,默认的邮件提示简洁,但是不是特别美观 .
百度是一个好东西 .

美化代码

我已安装完,所以直接修改代码即可

owner.html

<code class="lang-html"><div style="background-color: #f8f8f8;overflow: hidden;">
    <div style="width: 626px;margin:100px auto;">
        <div style="width: 580px;margin:0 auto;box-sizing:border-box;padding:20px 36px;background-color: #fff;border-radius: 4px 4px 0 0;box-shadow: 0 0 10px rgba(0,0,0,.3);margin-bottom: -30px;">
            <h2 style="margin: 20px 0;padding: 0;text-align: center;font-size: 20px;font-weight: normal;color: #504f4f;">评论邮件提醒</h2>
            <p style="margin: 10px 0;padding: 0;color: #504f4f;font-size: 14px;"><span>博主</span>您好:</p>
            <p style="margin: 10px 0;padding: 0;color: #504f4f;font-size: 14px;line-height: 1.8;">您在<a style="text-decoration: none;color: #007bbe;" href="{permalink}" title="{title}" target="_blank">《{title}》</a>中有新的评论,内容为:<span style="display: block;padding:10px;margin: 10px 0;color: #4da1bd;">{text}</span></p>
            <div style="border-top: 1px dashed #c2c2c2;margin-top: 20px;">
                <p style="margin: 10px 0;padding: 0;color: #666;font-size: 14px;">时间:<span style="color: #199475;">{time}</span></p>
                <p style="margin: 10px 0;padding: 0;color: #666;font-size: 14px;">IP:<span style="color: #199475;">{ip}</span></p>
                <p style="margin: 10px 0;padding: 0;color: #666;font-size: 14px;">邮箱:<span style="color: #199475;">{mail}</span></p>
                <p style="margin: 10px 0;padding: 0;color: #666;font-size: 14px;">审核状态:<span style="color: #199475;">{status}</span></p>
            </div>
            <div style="text-align: center;"><a style="text-decoration: none;color:#fff;background-color: #f90;padding: 5px 20px;border-radius: 4px;position:absolute;margin-left: -44px;margin-top: 40px;" href="{manage}">管 理</a></div>
            
        </div>
        <div style="width: 626px;height: 328px;background-image: url(https://cdn.jsdelivr.net/gh/o1f/[email protected]/2020/04/10/hM9nEu5Z.png);background-repeat: no-repeat;"></div>    
        <div><p style="margin: 10px 0;padding: 0;color: #bcbcbc;font-size: 14px;text-align: center;">—— 注:此为系统邮件,请勿直接回复 ——</p></div>
    </div>
</div></code>

guest.html

<code class="lang-html"><div style="background-color: #f8f8f8;overflow: hidden;">
    <div style="width: 626px;margin:100px auto;">
        <div style="width: 580px;margin:0 auto;box-sizing:border-box;padding:20px 36px;background-color: #fff;border-radius: 4px 4px 0 0;box-shadow: 0 0 10px rgba(0,0,0,.3);margin-bottom: -30px;">
            <h2 style="margin: 20px 0;padding: 0;text-align: center;font-size: 20px;font-weight: normal;color: #504f4f;">评论邮件提醒</h2>
            <p style="margin: 10px 0;padding: 0;color: #504f4f;font-size: 14px;"><span>{author_p}</span>您好:</p>
            <p style="margin: 10px 0;padding: 0;color: #504f4f;font-size: 14px;line-height: 1.8;">您在<a style="text-decoration: none;color: #007bbe;" href="{permalink}" title="{title}" target="_blank">《{title}》</a>中的评论:<span style="display: block;padding:10px;margin: 10px 0;color: #4da1bd;">{text_p}</span><span>{author}</span>回复你了,回复内容为:<span style="display: block;padding:10px;margin: 10px 0;color: #FF534D;">{text}</span>您可以<a style="text-decoration: none;color: #007bbe;" href="{permalink}" title="点击查看完整的回复内容" target="_blank"> 查看完整内容</a></p>
            <div style="border-top: 1px dashed #c2c2c2;margin-top: 20px;">
                <p style="margin: 10px 0;padding: 0;color: #666;font-size: 14px;">时间:<span style="color: #199475;">{time}</span></p>
            </div>
            <div style="text-align: center;"><a style="text-decoration: none;color:#fff;background-color: #f90;padding: 5px 20px;border-radius: 4px;position:absolute;margin-left: -44px;margin-top: 40px;" href="{permalink}">回 复</a></div>
            
        </div>
        <div style="width: 626px;height: 328px;background-image: url(https://cdn.jsdelivr.net/gh/o1f/[email protected]/2020/04/10/hM9nEu5Z.png);background-repeat: no-repeat;"></div>    
        <div><p style="margin: 10px 0;padding: 0;color: #bcbcbc;font-size: 14px;text-align: center;">—— 注:此为系统邮件,请勿直接回复 ——</p></div>
    </div>
</div></code>

预览

typecho 插件 CommentToMail 邮件回复提醒美化版插图
typecho 插件 CommentToMail 邮件回复提醒美化版插图1

完整文件

没有安装本插件的,送上完整插件包

[button a=www.lanzous.com/ib6r9dg]蓝奏云[/button]

上传至usr/plugins,启用插件即可.

引用

原文地址:https://www.mulingyuer.com/archives/260/

admin
版权声明:本站原创文章,由admin于2020年04月10日发表,共计5745字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(No Comments)
Loading...