MENU

嫌得无聊,拿下某讯云的邮件模板

January 13, 2019 • Read: 539 • 作品阅读设置

邮件模板
这几天正好赶上备案,看到某讯云的邮件模板还挺好看,就拿下来了,做了一些调整,轻微 精简代码 (yi dian mei bian) !喜欢就拿去,等 有时间 (N nian hou) 重新仿做一下吧!请自己根据需求修改!

下面奉上代码

guest.html

<table style="width:100%;max-width:800px;font-weight:300;margin-bottom:10px;border-collapse:collapse;margin:0 auto;"> 
    <tbody> 
        <tr style="font-weight:300"> 
            <td style="width:3%;max-width:30px;"></td> 
            <td style="max-width:600px;"> 
                <p style="height:2px;background-color: #00a4ff;border: 0;font-size:0;padding:0;width:100%;margin-top:20px;"></p> 
                <div style="background-color:#fff; padding:23px 0 20px;box-shadow: 0px 1px 1px 0px rgba(122, 55, 55, 0.2);text-align:left;"> 
                    <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse;text-align:left;"> 
                        <tbody> 
                            <tr style="font-weight:300"> 
                                <td style="width:3.2%;max-width:30px;"><br> </td> 
                                <td style="max-width:480px;text-align:left;"> 
                                    <h1 style="font-weight:bold;font-size:20px; line-height:36px; margin:0 0 16px;">您在 {siteTitle} 的评论有新回复啦!<br></h1> 
                                    <p style="font-size:14px;color:#333; line-height:24px; margin:0;">亲爱的 {author_p},您好!</p> 
                                    <p style="font-size:14px;color:#333; line-height:24px; margin:6px 0 0 0;word-wrap:break-word; word-break:break-all;">您于 {time} 在:<span style="border-bottom:1px dashed #ccc;z-index:1" t="7"><a href="{permalink}" target="_blank" style="color: #3fa9ff;text-decoration: none;">《{title}》</a></span>,发表评论:</p>
                                    <p style="border-left: 5px solid #00a4ff;padding:10px 0 10px 10px;">{text_p}</p>
                                    <p style="font-size:14px;color:#333; line-height:24px; margin:6px 0 0 0;word-wrap:break-word; word-break:break-all;">{author} 给您的回复内容: </p>
                                    <p style="border-left: 5px solid #00a4ff;padding:10px 0 10px 10px;">{text}</p>
                                    <p style="color: #000; font-size: medium; border-top: 1px solid rgb(234, 237, 240); margin: 20px 0px;"></p> 
                                    <dl style="line-height: 18px;"> 
                                        <dt style="color: rgb(51, 51, 51); font-size: 14px; margin: 0px 0px 8px; padding: 0px;"> 
                                        <dd style="margin: 0px 0px 6px;font-size: 15px; line-height: 22px;"> 
                                            <span>您可以点击 </span> 
                                            <a href="{permalink}" targer="_blank" style="color: #3fa9ff;text-decoration-line: none;" target="_blank">查看完整内容</a> 
                                        </dd> 
                                        <dd style="margin: 0px 0px 6px; font-size: 15px; line-height: 22px;">
                                            <span>感谢您对 {siteTitle} 的关注,期待您的下次来访 </span>
                                            <a href="http://wxdas.com" target="_blank" style="color: #3fa9ff;text-decoration-line: none;">点击进入</a>
                                            <br> 
                                        </dd> 
                                    </dl> 
                                </dt>
                                <td style="width:3.2%;max-width:30px;"></td> 
                            </tr> 
                        </tbody> 
                    </table> 
                </div> 
                <div id="cTMail-copy" style="text-align:center; font-size:12px; line-height:18px; color:#999"> 
                    <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse">
                        <tbody> 
                            <tr style="font-weight:300"> 
                                <td style="width:3.2%;max-width:30px;"></td> 
                                <td style="max-width:540px;"> <p style="text-align:center; margin:20px auto 14px auto;font-size:12px;color:#999;">此为系统邮件,请勿回复。 </td> 
                                <td style="width:3.2%;max-width:30px;"></td> 
                            </tr> 
                        </tbody> 
                    </table> 
                </div> 
            </td> 
            <td style="width:3%;max-width:30px;"></td> 
        </tr> 
    </tbody> 
</table> 

owner.html

<table style="width:100%;max-width:800px;font-weight:300;margin-bottom:10px;border-collapse:collapse;margin:0 auto;"> 
    <tbody> 
        <tr style="font-weight:300"> 
            <td style="width:3%;max-width:30px;"></td> 
            <td style="max-width:600px;"> 
                <p style="height:2px;background-color: #00a4ff;border: 0;font-size:0;padding:0;width:100%;margin-top:20px;"></p> 
                <div style="background-color:#fff; padding:23px 0 20px;box-shadow: 0px 1px 1px 0px rgba(122, 55, 55, 0.2);text-align:left;"> 
                    <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse;text-align:left;"> 
                        <tbody> 
                            <tr style="font-weight:300"> 
                                <td style="width:3.2%;max-width:30px;"><br> </td> 
                                <td style="max-width:480px;text-align:left;"> 
                                    <h1 style="font-weight:bold;font-size:20px; line-height:36px; margin:0 0 16px;">{siteTitle} 的文章有新评论啦!<br></h1>
                                    <p style="font-size:14px;color:#333; line-height:24px; margin:6px 0 0 0;word-wrap:break-word; word-break:break-all;">{author} 于 {time} 在:<span style="border-bottom:1px dashed #ccc;z-index:1" t="7"><a href="{permalink}" target="_blank" style="color: #3fa9ff;text-decoration: none;">《{title}》</a></span>,发表评论:</p>
                                    <p style="border-left: 5px solid #00a4ff;padding:10px 0 10px 10px;">{text}</p>
                                    <p style="color: #000; font-size: medium; border-top: 1px solid rgb(234, 237, 240); margin: 20px 0px;"></p> 
                                    <dl style="line-height: 18px;"> 
                                        <dt style="color: rgb(51, 51, 51); font-size: 14px; margin: 0px 0px 8px; padding: 0px;"> 
                                        <dd style="margin: 0px 0px 6px;font-size: 15px; line-height: 22px;">
                                            <span>IP:{ip}</span>
                                            <span style="display: inline-block;margin-left: 10px;">邮箱:{mail}</span>
                                        </dd> 
                                        <dd style="margin: 0px 0px 6px; font-size: 15px; line-height: 22px;">
                                            <span>此评论:{status},可登陆网站后台 </span>
                                            [<a href="{manage}" target="_blank" style="color: #3fa9ff;text-decoration-line: none;">管理评论</a>]
                                            <br> 
                                        </dd> 
                                    </dl> 
                                </dt>
                                <td style="width:3.2%;max-width:30px;"></td> 
                            </tr> 
                        </tbody> 
                    </table> 
                </div> 
                <div id="cTMail-copy" style="text-align:center; font-size:12px; line-height:18px; color:#999"> 
                    <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse">
                        <tbody> 
                            <tr style="font-weight:300"> 
                                <td style="width:3.2%;max-width:30px;"></td> 
                                <td style="max-width:540px;"> <p style="text-align:center; margin:20px auto 14px auto;font-size:12px;color:#999;">此为系统邮件,请勿回复。 </td> 
                                <td style="width:3.2%;max-width:30px;"></td> 
                            </tr> 
                        </tbody> 
                    </table> 
                </div> 
            </td> 
            <td style="width:3%;max-width:30px;"></td> 
        </tr> 
    </tbody> 
</table>