美化了一下邮件回复模板

我用的是typecho的评论邮件提醒插件CommentToMail 2.0版本,插件自带的模板太简陋了,于是参考了各位大神的回复通知,修改了一下,自我感觉还可以,在后台模板编辑guest.html直接复制过去就可以了,不过里面有些地方需要修改成自己的网址。
代码如下:

<td style="background:#FAFAFA url()">  
    <div style="background-color:white;border-top:2px solid #12ADDB;box-shadow:0 1px 3px #AAAAAA;line-height:180%;padding:0 15px 12px;max-width:500px;margin:50px auto;color:#222;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size:12px;">  
        <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;">&gt; </span>您在博客<a style="text-decoration:none;color: #12ADDB;" href="https://Mrhe.net" target="_blank"> Mr.He </a>上的留言有回复啦!</h2>  
        <div style="padding:0 12px 0 12px;margin-top:18px">  
            <p>亲爱的{author_p}:</p>
             <p>您曾在Mr.He的文章《<a target="_blank" href="{permalink}">{title}</a>》发表评论:</p>  
            <p style="background-color: #12ADDB;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0;color: #ffffff;border-radius: 10px;">{text_p}</p>  
            <p><strong>{author}</strong>&nbsp;给您的回复如下:</p>  
            <p style="background-color: #ff6574;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0;color: #ffffff;border-radius: 10px;">{text}</p>  
            <p>回复时间:{time}</p>
            <p>本邮件为系统自动发送,请勿直接回复,感谢您对<a target="_blank" href="http://mrhe.net">Mr.He</a>的关注!</p>  
        </div>  
    </div>  
</td>

效果见图:

QQ图片20161204112110.png

已有 67 条评论

  1. 山野愚人居

    把灰色调成了蓝色和红色……

    山野愚人居 ·  Windows 7  · Firefox · 回复
    1. Mr.He

      这样评论内容更加明显一点

      Mr.He ·  Mac OS X · Safari · 回复
  2. Lopwon

    我来试一试

    Lopwon ·  Windows 7  · Google Chrome · 回复
    1. Mr.He

      额,你用的是多说

      Mr.He ·  Mac OS X · Safari · 回复
      1. Lopwon

        这个回复有可选项嘛?就是可以自己勾选是否邮件通知,就想zblog那样

        Lopwon ·  Windows 7  · Google Chrome · 回复
  3. 纯洁博客

    挺好看的,有空我也换上去

    纯洁博客 ·  Windows 10  · Google Chrome · 回复
  4. 半山马

    老何童鞋,插件能发给我一份吗?谢谢

    半山马 ·  Mac OS X · Safari · 回复
    1. Mr.He

      https://github.com/byends/CommentToMail 给你一个地址,自己下载吧

      Mr.He ·  Windows 8.1  · Google Chrome · 回复
  5. 夏日博客

    我的邮件回复功能已经取消了。

    夏日博客 ·  Windows 7  · Google Chrome · 回复
    1. Mr.He

      其实也没什么大作用,哈

      Mr.He ·  Windows 8.1  · Google Chrome · 回复
  6. 钛客志

    把邮件回复ui弄漂亮一点,确实能增加博客的粘度

    钛客志 ·  Windows 10  · Google Chrome · 回复
    1. Mr.He

      眼前一亮,觉得博主是用心写博客的,哈哈

      Mr.He ·  Windows 8.1  · Google Chrome · 回复
      1. 钛客志

        果断挪用了

        钛客志 ·  Windows 10  · Google Chrome · 回复
  7. 馋丫风独味

    博客里的东西,尽量的去做好,不要凑合。博主做的很漂亮

    馋丫风独味 ·  Windows XP · Google Chrome · 回复
  8. fooleap

    邮件模板好像必须是内嵌 CSS,我的是最简陋的,都没时间去改,能用就行。

    fooleap ·  Windows 7  · Google Chrome · 回复
    1. Mr.He

      不内嵌,还指望各大邮件提供商给你加载css呀

      Mr.He ·  Windows 10  · Google Chrome · 回复
      1. fooleap

        不少邮件提供商跟邮件客户端支持引入 CSS 文件,就是支持内嵌的更多。

        fooleap ·  Windows 7  · Google Chrome · 回复
        1. Mr.He

          引入外部css,没试过,用七牛的外链不知可行。

          Mr.He ·  Windows 10  · Google Chrome · 回复
          1. fooleap

            https://www.campaignmonitor.com/css/CSS 选择器跟属性都支持不全

            fooleap ·  Windows 7  · Google Chrome · 回复
          2. fooleap

            一不小心按成 Ctrl + Enter,我看上面那个链接,各种客户端的支持情况,感觉还是只能内嵌。毕竟大多数 CSS 的选择器以及属性都支持不全,内嵌写写简单的样式就好了。

            fooleap ·  Windows 7  · Google Chrome · 回复
            1. Mr.He

              我对回复带网址的加了过滤功能,所以审核之后才能看到。
              还是内嵌的css比较丰富一点,选择的余地大一些。

              Mr.He ·  Windows 7  · Google Chrome · 回复
  9. 朴实的追梦者

    博主文采很好,经常过来看看你的博文。

    朴实的追梦者 ·  Windows 7 · Firefox · 回复
  10. 苏格

    才看到,还在留言里问你呢,我不要插件,总感觉插件多了系统各种臃肿啊,醉了

    苏格 ·  Windows 7  · Sogou Explorer · 回复
    1. Mr.He

      ....这插件挺实用的,没有臃肿的感觉啊。

      Mr.He ·  Windows 7  · Google Chrome · 回复
      1. 苏格

        强迫症,哈哈哈,插件多了总感觉打了好多补丁

        苏格 ·  Windows 7  · Sogou Explorer · 回复
        1. Mr.He

          那你干脆用原版主题好了...

          Mr.He ·  Windows 7  · Google Chrome · 回复
  11. 黑暗游侠

    自己都懒得改,只是作一个提醒

    黑暗游侠 ·  Windows 10  · Google Chrome · 回复
    1. Mr.He

      改与不改在于个人喜好。

      Mr.He ·  Windows 7  · Google Chrome · 回复
  12. 励志语录

    很不错的主题,好看

    励志语录 ·  Windows 7  · Google Chrome · 回复
  13. 灰常记忆

    现在这个主题蛮不错的,邮件回复随便折腾下就好。

    灰常记忆 ·  Windows 7  · Google Chrome · 回复
    1. Mr.He

      这个主题比较独特,还行吧

      Mr.He ·  Windows 7  · Google Chrome · 回复
  14. wu先生

    嗯嗯,我这个模板默认就搞好了。

    wu先生 ·  Windows 7  · uBrowser · 回复
  15. 文栋说自媒体

    会改代码的人,真心厉害,必须支持一下!

    文栋说自媒体 ·  Windows 10 · Google Chrome · 回复
    1. Mr.He

      哪里哦,也是瞎鼓捣而已

      Mr.He ·  Windows 10  · Google Chrome · 回复
  16. 胡杨

    即使看不懂我也要装懂

    胡杨 ·  Windows 7 · uBrowser · 回复
    1. Mr.He

      你的浏览器好叼

      Mr.He ·  Windows 10  · Google Chrome · 回复
  17. 唯历史

    真不错,wordpress的从哪儿设置呀

    唯历史 ·  Windows 7  · Firefox · 回复
    1. Mr.He

      你用的是多说,好像不能自定义的

      Mr.He ·  Windows 7  · Google Chrome · 回复
  18. 商学院

    看着感觉挺不错的

    商学院 ·  Windows 7  · Firefox · 回复
    1. Mr.He

      还行吧,比较符合个人审美

      Mr.He ·  Windows 7  · Google Chrome · 回复
      1. 商学院

        说的没错。。

        商学院 ·  Windows 7  · Firefox · 回复
  19. Weidan

    至今我还没去研究出回复邮件的功能…不过你这个好看 有空带走

    Weidan ·  Android 6.0 · Google Chrome · 回复
    1. Mr.He

      wp的邮件回复插件有更多选择,很好用。

      Mr.He ·  Windows 10  · Google Chrome · 回复
      1. 疾风之子

        你说的那个WP邮件回复插件全名叫什么?谢谢

        疾风之子 ·  Windows 7  · Google Chrome · 回复
        1. Mr.He

          WP SMTP 是WordPress比较好用的邮件回复插件

          Mr.He ·  Windows 10  · Google Chrome · 回复
  20. 安满小站

    好的,这么好看到模板,我就复制过去用了, 感谢老何同志分享

    安满小站 ·  GNU/Linux  · Firefox · 回复
    1. Mr.He

      不谢,嘿嘿~

      Mr.He ·  Windows 10  · Google Chrome · 回复

发表新评论

关于博主
博主本姓何,育人廿五载。
我住长江边,君自四海来。
文字不修饰,实是无文采。
飞絮落叶雪,只待李花开。
博客分类
随机推荐
最近评论
站点统计
  • 文章总数:196篇
  • 评论总数:5497条
  • 网站运行:3286天