分享个评论回复邮件的CSS样式

前几日看到QQ空间发来的邮件,使用一个什么简单的样式,感觉不错就替换了现在模板中自带的评论回复邮件的模板,由于我现在使用的主题是Weisay提供的,评论回复功能在functions.php中自带的,只需简单的替换即可,其他朋友的邮件回复样式可能要到具体的文档找找了。整个代码相当简单,高手记得飘过哦~

先看下面的演示:

您在jucelin博客上的留言有回复啦!

Google, 您好!

您曾在 [jucelin] 的文章 《这里是文章标题》 上发表评论:

Hi, 我来评论啦。

jucelin给您的回复如下:

亲,你的评论真见血了啊。

您可以点击 查看回复的完整內容

欢迎再次光临 jucelin

(此郵件由系統自動發出, 請勿回覆.)

OK,贴上代码:

<div style="background-color:#fff; border:2px solid #4C7BAA; color:#111; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; font-size:12px; width:702px; margin:0 auto; margin-top:10px; font-family:微软雅黑, Arial;">
	<div style="background:#4C7BAA; width:100%; height:60px; color:white;"><span style="height:60px; line-height:60px; margin-left:30px; font-size:15px;">您在' . get_option('blogname') . '博客上的留言有回复啦!</span></div>
	<div style="width:90%; margin:0 auto">
		<p>' . trim(get_comment(parent_id)->comment_author) . ', 您好!</p>
		<p>您曾在 [' . get_option("blogname") . '] 的文章 《' . get_the_title(comment->comment_post_ID) . '》 上发表评论:
		<p style="background-color: #EEE;border: 1px solid #DDD;padding: 20px;margin: 15px 0;">' . nl2br(get_comment(parent_id)->comment_content) . '</p>
		<p>' . trim(comment->comment_author) . ' 给您的回复如下:
		<p style="background-color: #EEE;border: 1px solid #DDD;padding: 20px;margin: 15px 0;">' . nl2br(comment->comment_content) . '</p>
		<p>您可以点击 <a href="' . htmlspecialchars(get_comment_link(parent_id)) . '">查看回复的完整內容</a></p>
		<p>欢迎再次光临 <a href="' . get_option('home') . '">' . get_option('blogname') . '</a></p>
		<p>(此郵件由系統自動發出, 請勿回覆.)</p>
    </div>
</div>

上面已经把参数带上了,如果你觉得麻烦,就直接换成你要的文字。在使用时,如果是直接邮件内容赋值给变量(好像都是这么做的),那么在赋值时注意使用单引号赋值,如$message=’这里是上面的代码哦’;

因为使用到了CSS3中的border-radius,所以IE9一下的浏览器不能看到圆角,建议使用非IE浏览器浏览!

13 thoughts on “分享个评论回复邮件的CSS样式

    1. jucelin 文章作者

      呵呵,发现好多朋友的邮件回复格式都一样。

      回复
    1. jucelin 文章作者

      是是,爱倒腾,爱优化。我虽然没他那么厉害,但也喜欢乱倒腾

      回复
    1. jucelin 文章作者

      其实主要是原来的那个实在太混乱了,才没事捣腾换个模版的

      回复

发表评论

邮箱地址不会被公开。 必填项已用*标注