分享个评论回复邮件的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浏览器浏览!

本文固定链接: https://jucelin.com/comment-back-email-theme.html | Jucelin

该日志由 jucelin 于2011年11月29日发表在 前端设计 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 分享个评论回复邮件的CSS样式 | Jucelin
关键字: , ,

分享个评论回复邮件的CSS样式:目前有13 条留言

  1. 6楼
    云刊:

    css还可以弄得再好些,,突然发现对这个重视不够啊

    2011-12-04 12:24
    • jucelin:

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

      2011-12-04 12:58
  2. 5楼
    陌凡:

    谢谢朋友分享,现在就去用上

    2011-12-03 13:24
    • jucelin:

      给你看看邮件里面的样子,呵呵 :lol:

      2011-12-03 14:44
  3. 4楼
    漠北:

    这个看着好像还挺不错的

    2011-12-02 16:50
  4. 地板
    CONEY:

    不错的样式,拿来研究一下。

    2011-12-01 20:07
  5. 板凳
    亨sir:

    哈哈,我用插件的
    若水啊是个主题折腾狂啊!

    2011-12-01 19:52
    • jucelin:

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

      2011-12-02 09:30
  6. 沙发
    心淡若水:

    这个真的不错 一会就果断的折腾下来
    呵呵

    2011-11-30 13:17

发表评论

您必须 [ 登录 ] 才能发表留言!

更多