<div style="background: white; width: 80%; margin: 100px auto; border-radius: 5px; border:#e91e639e 1px solid; overflow: hidden; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18); "> <header style="overflow: hidden;"> <a href="#"> <img style="width: 100%;" src="Fill in your own picture link here"> </a> </header> <div style="padding: 5px 20px;"> <p style="position: relative; color: white; float: left; background: #e91e63; padding: 5px 30px; margin: -25px auto 0 ; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.30)">Mail <br> <h3>You have a new reply on<a style="text decoration: none; color: # e91e63" target="_blank" href="{permalink}">{title}</a></h3> <br> <p style="font size: 14px;">Your comments on the article {title}: <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px"> {text_p} <p style="font size: 14px;">The blogger's reply to you is as follows <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px"> {text} <p style="font-size: 13px;text-align: right;">{time} <hr> <div style="text-align: center;"><a style="text-transform: uppercase; text-decoration: none; font-size: 14px; border: 2px solid #6c7575; color: #2f3333; padding: 10px; display: inline-block; margin: 10px auto 0; "Target=" _blank "href=" {permalink} ">View the full content of the reply</a></div> <br> <p style="font size: 14px; text align: center;"> style="text-decoration: none;color: #e91e63" target="_blank" Href="Fill in the blog address here">Blog name</a>) </div> </div> 
<div style="background: #f8f8f8; color: #666; font-size: 12px;"> <div style="width: 570px; margin: 0 auto; background: #fff; padding: 25px 70px; border-top: 30px solid #1abc9c;"> <div style="text-align: center; margin-bottom: 40px; line-height: 1.8em;"> <h1 style="color: # 333;">Small tail</h1> </div> <p style="font size: 18px; color: # 333;">{author_p}, hello! You commented on<a target="_blank" href="{permalink}">{title}</a>: & nbsp;& nbsp;& nbsp; <p style="border: 1px solid #eee; padding: 20px; margin: 15px 0;"> {text_p} {author}'s response to you: & nbsp;& nbsp;& nbsp; <p style="border: 1px solid #eee; padding: 20px; margin: 15px 0;"> <a href="' . htmlspecialchars(get_comment_link($parent_id)) . '">{text} </a> <p class="footer" style="border-top: 1px solid #DDDDDD; padding-top: 6px; margin-top: 15px; color: #838383; text-align: center;"> You can click this link <a target="_blank" href="{permalink}">View the complete content</a>| Welcome to visit again <a href="Blog address">Blog name</a> <a style="display: block; width: 400px; height: 40px; background: #1abc9c; margin: 25px auto 40px; font-size: 16px; line-height: 40px; letter-spacing: 3px; color: #f8f8f8; text-align: center; text-decoration: none;" Href="Blog address" target="_blank">Discover more>& gt;</ a> <p style="text-align: center;color: #bbb;margin-top: 40px;">「{siteTitle}」 2018 Copyright. </div> </div> 
<div style="width: 550px;height: auto;border-radius: 5px;margin:0 auto;border:1px solid #ffb0b0;box-shadow: 0px 0px 20px #888888;position: relative;padding-bottom: 5px;"> <div Style="background image: url (fill in your own image link here); width: 550px; height: 300px; background size: cover; background repeat: no repeat; border radius: 5px 5px 0px 0px;"> </div> <div style="width: 200px;height: 40px;background-color: rgb(255, 114, 114);margin-top: -20px;margin-left: 20px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);color: rgb(255, 255, 255);text-align: center;line-height: 40px;"> Dear: {author_p}</div> <div Style="background color: white; line height: 180%; padding: 0 15px 12px; width: 520px; margin: 30px auto; color: # 555555; font family: 'Century Gothic', 'Trebuchet MS',' Hiragino Sans GB ', Microsoft Yahei,' Microsoft Yahoo ', Tahoma, Helvetica, Arial,' SimSun ', sans serif; font size: 12px; margin bottom: 0px;"> <h2 style="border-bottom:1px solid #DDD;font-size:14px;font-weight:normal;padding:13px 0 10px 8px;"><span style="color: #12ADDB;font-weight: bold;">> </ Span>In<a style="text decoration: none; color: # 12ADDB;" Href="{permalink}" target="_blank">The comments on {title}</a>have received new replies~</h2> <div style="padding: 0 12px 0 12px; margin top: 18px">Time:<span style="border bottom: 1px dashed # ccc;" t="5" times="20:42">{time}</span> Your comment: <p style="background-color: #f5f5f5;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0">{text_p} <strong>{author}</strong> Reply to you: <p style="background-color: #f5f5f5;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0">{text} </div> </div> <a style="text-decoration:none; color:#FFF;width: 40%;text-align: center;background-color:#ff7272;height: 40px;line-height: 35px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);margin: -10px auto;display: block;" Href="{permalink}" target="_blank">View the full content of the reply</a> <div Style="color: # 8c8c8c;; font family: 'Century Gothic', 'Trebuchet MS',' Hiragino Sans GB ', Microsoft Yahei', Tahoma, Helvetica, Arial, 'SimSun', sans serif; font size: 10px; width: 100%; text align: center; margin top: 30px;">This email is sent automatically by the system, please do not reply directly~ </div> <div Style="color: # 8c8c8c;; font family: 'Century Gothic', 'Trebuchet MS',' Hiragino Sans GB ', Microsoft Yahei', Tahoma, Helvetica, Arial, 'SimSun', sans serif; font size: 10px; width: 100%; text align: center;"> © 2017-2019 Copyright {author} </div> </div> 
Author: mikusa
Link to this article: https://www.himiku.com/archives/mail-template.html
Copyright notice: Unless otherwise stated, all articles are my own creation. Please contact the author for reprinting and quotation, and indicate the source (author, original link, etc.).
