• 首页
  • 搜索
  • 夜间模式
    ©2012-2025  Feng's Blog Theme by OneBlog
    搜索
    标签
    # 随笔 # 维修 # Wordpress # 阿里云 # 服务器 # typecho # Ghost # iphone # 网站 # word
  • 首页>
  • IT网络>
  • 正文
  • Typecho CommentToMail邮件样式分享

    2018年04月09日 84 阅读 0 评论 5803 字

    刚在逛博客圈,发现有个Typecho的CommentToMail的邮件样式挺美的,虽然我现在已经入了Ghost门,但本着一种折腾不息的心理(万一哪天心情不顺又杀回Typecho呢,哈哈),于是就顺手摘录到我家宝典了,具体如下:

    Guest样式

    怎么样?挺美的吧,感觉比我在用Typecho时的样式美多了,喜欢就赶紧把下面的代码Down走吧:

    Guest样式源码

    <pre class="wp-block-code">```
    <table style=width: 99.8%;height:99.8% ><tbody><tr><td style=background:#fafafa url(https://a.photo/images/2018/03/24/2017113018325846288465.png)>
        <div style=border-radius: 10px 10px 10px 10px;font-size:13px;    color: #555555;width: 666px;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;margin:50px auto;border:1px solid #eee;max-width:100%;background: #ffffff repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);>
            <div style=width:100%;background:#49BDAD;color:#ffffff;border-radius: 10px 10px 0 0;background-image: -moz-linear-gradient(0deg, rgb(67, 198, 184), rgb(255, 209, 244));background-image: -webkit-linear-gradient(0deg, rgb(67, 198, 184), rgb(255, 209, 244));height: 66px;>
                <p style=font-size:15px;word-break:break-all;padding: 23px 32px;margin:0;background-color: hsla(0,0%,100%,.4);border-radius: 10px 10px 0 0;>您在<a style=text-decoration:none;color: #ffffff; href=https://www.liuguogy.com> {siteTitle} </a>上的留言有新回复啦!
                </p>
            </div>
            <div style=margin:40px auto;width:90%>
                <p>{author_p} 同学,您曾在文章《{title}》上发表评论:</p>
                <p style=background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);margin:20px 0px;padding:15px;border-radius:5px;font-size:14px;color:#555555;>{text_p}</p>
                <p>{author} 给您的回复如下:</p>
                <p style=background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);margin:20px 0px;padding:15px;border-radius:5px;font-size:14px;color:#555555;>{text}</p>
                  <p>您可以点击 <a style=text-decoration:none; color:#12addb href={permalink}>查看回复的完整內容 </a>,欢迎再次光临 <a style=text-decoration:none; color:#12addb href=https://www.liuguogy.com> {siteTitle} </a>。</p>
                <style type=text/css>a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}</style>
            </div>
        </div>
    </td></tr></tbody></table>

    Owners样式源码

    <pre class="wp-block-code">```
    <style>
        .wrap span {
            display: inline-block;
        }
        .w260{ width: 260px;}
        .w20{ width: 20px;}
        .wauto{ width: auto;}
    </style>
    <table style=width: 99.8%;height:99.8% ><tbody><tr><td style=background:#fafafa url(https://a.photo/images/2018/03/24/2017113018325846288465.png)>
        <div style=border-radius: 10px 10px 10px 10px;font-size:13px;    color: #555555;width: 666px;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;margin:50px auto;border:1px solid #eee;max-width:100%;background: #ffffff repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);>
            <div style=width:100%;background:#49BDAD;color:#ffffff;border-radius: 10px 10px 0 0;background-image: -moz-linear-gradient(0deg, rgb(67, 198, 184), rgb(255, 209, 244));background-image: -webkit-linear-gradient(0deg, rgb(67, 198, 184), rgb(255, 209, 244));height: 66px;>
                <p style=font-size:15px;word-break:break-all;padding: 23px 32px;margin:0;background-color: hsla(0,0%,100%,.4);border-radius: 10px 10px 0 0;>您的<a style=text-decoration:none;color: #ffffff; href=https://www.liuguogy.com> {siteTitle} </a>上有新的评论啦!
                </p>
            </div>
            <div style=margin:40px auto;width:90%>
                <p>{author} 在您文章《{title}》上发表评论:</p>
                <p style=background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);margin:20px 0px;padding:15px;border-radius:5px;font-size:14px;color:#555555;>{text}</p>
    
                <p class=wrap style=text-decoration:none><span class=w260>时间:{time}</span><span class=w20> </span><span class=wauto>IP:{ip}</span></p>
                <p class=wrap style=text-decoration:none><span class=w260>邮箱:{mail}</span><span class=w20> </span><span class=wauto>状态:{status}</span></p>
                <p><a style="text-decoration:none;" href="{permalink}" target='_blank' rel="noopener">[查看评论]</a> | <a style="text-decoration:none;" href="{manage}" target='_blank' rel="noopener">[管理评论] </a></p>
                <style type=text/css>a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}</style>
            </div>
        </div>
    </td></tr></tbody></table>

    摘录完毕,感谢@Linger的分享,等我转战回Typecho时也可以使用这么美美的邮件提醒样式了。

    本文著作权归作者 [ Feng ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    typecho
    — END —
    首页
    Copyright©2012-2025  All Rights Reserved.  Load:0.015 s
    Theme by OneBlog V3.6.3
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。