分享几个wordpress留言回复样式
先上图,最直观。
说实话,也都是在网上扒的,我只是搜集和搬运而已。
第一个的代码如下:
<div id="mailContentContainer" style="font-size: 14px; padding: 0px; height: auto; min-height: auto; font-family: lucida Grande,Verdana; position: relative; margin-right: 0px;">
<div style="border-radius:8px;font-size:13px;max-width:700px;font-family:微软雅黑,arial;margin:10px auto 0px;color:#666;border:#B4B4B4 1px solid;width:90%;">
<div style="width:100%;background:#666666;min-height:60px;color:white;border-radius:6px 6px 0 0">
<span style="line-height:60px;min-height:60px;margin-left:30px;font-size:13px">您在 <a style="color:#00bbff;font-weight:600;text-decoration:none" href="' . getoption('home') . '" target="blank">' . getoption('blogname') . '</a>上的留言有了新的回复!</span>
</div>
<div style="margin:0px auto;width:90%">
<p><b>' . trim(getcomment($parentid)->commentauthor) . '</b>, 您好!</p>
<p>您于' . trim(getcomment($parentid)->commentdate) . ' 在文章《<b>' . getthetitle($comment->commentpostID) . '</b>》上发表评论: </p>
<p style="background-color: #F7F7F7;color: #333;margin: 15px 0px;padding: 20px;border-radius: 8px;border: 1px solid #B4B4B4;">' . nl2br(getcomment($parentid)->commentcontent) . '</p>
<p><b>' . trim($comment->commentauthor) . '</b> 于' . trim($comment->commentdate) . '给您的回复如下: </p>
<p style="background-color: #F7F7F7;color: #333;margin: 15px 0px;padding: 20px;border-radius: 8px;border: 1px solid #B4B4B4;">' . nl2br($comment->commentcontent) . '</p>
<p><a style="color: #444;background: #FFF;padding: 10px 0;border-radius: 8px;margin: 30px 0 0;text-align:center;display:block;text-decoration: initial;border: 1px solid #B4B4B4;" href="' . htmlspecialchars(getcommentlink($parentid)) . '" target="blank">查看回复 or 再次回复</a></p>
<p style="color: #a6a6a6;border-top: #e2e2e2 1px solid;padding-top: 8px;text-align: center;font-size:12px">此邮件由' . getoption('blogname') . '自动发出,请勿回复</p>
</div>
</div>
</div>
第二个的代码如下:
<div style="background-color:#f8f8f8; border:1px solid #D2D1CB; color:#111; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; font-size:14px; width:702px; margin:0 auto; margin-top:10px;">
<div style="background:#0e79cc; width:100%; height:60px; color:white; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -khtml-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; ">
<span style="height:60px; line-height:60px; margin-left:30px; font-size:20px;"> 您在<a href="' . homeurl() . '" style="text-decoration:none; color:#fff;font-weight:600;" target="blank">'. getoption("blogname").'</a>上的评论有新回复啦!</span>
</div>
<div style="width:90%; margin:0 auto">
<p style="font-weight:600;">' . trim(getcomment($parentid)->commentauthor) . ':</p>
<p>您好,您曾在《' . getthetitle($comment->commentpostID) . '》发表了如下的评论:</p>
<p style="background-color: #fff;border:1px solid #eaeaea;padding: 20px;margin: 15px 0; -moz-border-radius:6px 6px; -webkit-border-radius:6px 6px;; -khtml-border-radius:6px 6px; border-radius:6px 6px;">' . trim(getcomment($parentid)->commentcontent) . '</p>
<p style="font-weight:600;">' . trim($comment->commentauthor) . ':</p>
<p>已给您做出如下的回复:</p>
<p style="background-color: #fff;border:1px solid #eaeaea;padding: 20px;margin: 15px 0; -moz-border-radius:6px 6px; -webkit-border-radius:6px 6px;; -khtml-border-radius:6px 6px; border-radius:6px 6px;">' . trim($comment->commentcontent) . '</p>
<p>您可以点击<a href="' . htmlspecialchars(getcommentlink($parentid)) . '" style="color:#0e79cc" target="blank">查看完整内容</a></p>
<p style="font-weight:600;">温馨提示:</p>
<p>本邮件由系统自动发出,请勿直接回复,谢谢!</p>
</div>
<div style="background:#0e79cc; width:100%; height:30px; color:white; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;; -khtml-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; ">
<span style="height:30px; line-height:30px; margin-left:30px; font-size:14px;">以后有空请多来访,<a href="' . homeurl() . '" style="text-decoration:none; color:#fff;font-weight:600;" target="blank">' . getoption("blogname") . '</a>在此谢谢您的支持!</span>
</div>
</div>
第三个的代码如下:
<div id="mailContentContainer" style="font-size: 14px; padding: 0px; height: auto; min-height: auto; font-family: lucida Grande,Verdana; position: relative; margin-right: 0px;">
<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;">> </span>您在博客<a style="text-decoration:none;color: #12ADDB;" href="' . homeurl() . '" target="blank">' . getoption("blogname") . '</a>上的留言有回复啦!</h2>
<div style="padding:0 12px 0 12px;margin-top:18px">
<p>亲爱的' . trim(getcomment($parentid)->commentauthor) . ':</p>
<p>您曾在' . getoption("blogname") . '的文章《<a style="text-decoration:none;color: #12ADDB;" target="blank" href="' . htmlspecialchars(getcommentlink($parentid)) . '">' . getthetitle($comment->commentpostID) . '</a>》发表评论:</p>
<p style="background-color: #12ADDB;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0;color: #ffffff;border-radius: 10px;">' . trim(getcomment($parentid)->commentcontent) . '</p>
<p><strong>'. $comment->commentauthor .'</strong> 给您的回复如下:</p>
<p style="background-color: #ff6574;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0;color: #ffffff;border-radius: 10px;">' . trim($comment->commentcontent) . '</p>
<p>回复时间:' . trim($comment->commentdate) . '</p>
<p>本邮件为系统自动发送,请勿直接回复,感谢您对<a style="text-decoration:none;color: #12ADDB;" target="blank" href="' . homeurl() . '">' . getoption("blogname") . '</a>的关注!</p>
</div>
</div>
</div>
第四个的代码如下:
<table class="email" style="width:720px;margin:auto;font-size: 16px;line-height: 1.4;font-family:黑体;border: 1px solid #eee;border-radius: 5px;">
<tbody>
<tr>
<td style="padding:5%;color: #666;">
<div class="email-header">
<div class="email-logo-wrapper" style="font-size: 30px;padding: 0 0 10px 0;color: #f55;border-bottom: 1px solid #eee;text-align: left;">
' . getoption("blogname") . '
</div>
</div>
<div>
<p>' . trim(getcomment($parentid)->commentauthor) . ',您在文章<strong style="font-weight:bold"> 《' . getthetitle($comment->commentpostID) . '》 </strong>中的评论:</p>
<p style="line-height: 36px;padding: 10px;background: #f6f6f6;text-indent: 2em;">' . trim(getcomment($parentid)->commentcontent) . '</p>
<p>'. $comment->commentauthor .' 给您的回复如下:</p>
<p style="line-height: 36px;padding: 10px;background: #f6f6f6;text-indent: 2em;">' . trim($comment->commentcontent) . '</p>
<a target="blank" style="color: #fff;background: #f55;width: 200px;padding: 10px 0;border-radius: 5px;margin: 30px 0 0;text-align:center;display:block;" href="' . htmlspecialchars(getcommentlink($parentid)) . '">立即回复</a>
</div>
</td>
</tr>
<tr>
<td style="font-size:12px;text-align:center;color:#b3b3b1">
<div style="padding:16px;border-top:1px solid #eee">本邮件由 <a target="blank" style="color:#b3b3b1" href="' . homeurl() . '">' . getoption("blogname") . '</a> 后台自动发送,请勿直接回复!</div>
</td>
</tr>
</tbody>
</table>