✨️靓标库🧚‍♂️名人堂⚔️攻守道🎲骰子🥊猜拳🏧黑市🏧银行💹抽奖💝捐助
✨活动💥客户端🎫卡密📜淘帖🧩导读📢推广👛帮助💰️钱包💖关注
  • 首页
  • 社区
  • 资源
  • 拍卖
  • 排行Ranklist
  • 家园Space
  • 圈子
  • 任务
  • 商城
  • 文库
  • 需求
    • 立即注册
    飞流论坛»社区 › 网络中心 › 站长之家 › 子比主题 – 邮箱通知样式美化（四款样式） ...
    返回列表 发布新帖
    查看: 61|回复: 0

    [代码技巧] 子比主题 – 邮箱通知样式美化（四款样式）

    [复制链接]
    SunJu_FaceMall
    社区贡献

    315

    主题

    190

    回帖

    1万

    积分

    等级头衔
    Icon组别 : 管理员
    Icon等级 :

    积分成就
       钻石 : 524 颗
       贡献 : 1779 点
       金币 : 12 枚
    Icon在线时间 : 1295 小时
    Icon注册时间 : 2024-11-22
    Icon最后登录 : 2025-11-11

    荣誉勋章

    会员LV.1会员LV.2会员LV.3会员LV.4会员LV.5会员LV.6会员LV.7会员LV.8会员LV.9会员LV.10

    风云·优秀版主
    飞流名人堂成员

    1

    实名认证 手机认证 vip vip-year FLLTCN发表于 2025-10-10 17:16:47 | 查看全部 |阅读模式 浙江金华

    资源无需等待，交易就趁现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

    您需要 登录 才可以下载或查看，没有账号？立即注册

    ×
    腾飞博客给大家做了四款款子比主题邮箱通知样式美化，邮箱通知美化还是不错的，腾飞博客给大家设计并美化了，目前是四款样式，后面腾飞博客会做很多邮箱通知，喜欢的自己挑选几款自己部署吧！




    部署教程


    定位：/wp-content/themes/zibll/inc/functions/zib-email.php文件里面，我们搜$content = '，搜了之后，我们如下图替换子比的样式，如下图


    tengfei_down - 2025-10-10T171308.772.webp

    样式如下


    第一款
    tengfei_down - 2025-10-10T171509.686.webp
    1. $content = '
    2. <style>
    3.     .gradient-mail{
    4.         background:#eaf7ff;
    5.         padding:40px 0;
    6.         font-family: "Helvetica Neue","PingFang SC",Arial,sans-serif;
    7.     }
    8.     .gradient-mail .box{
    9.         max-width:620px;
    10.         margin:auto;
    11.         border-radius:24px;
    12.         background:linear-gradient(140deg,#fff 60%,#d6eaff 100%);
    13.         box-shadow:0 4px 22px rgba(66,150,255,0.10);
    14.         overflow:hidden;
    15.     }
    16.     .gradient-mail .logo-bar{
    17.         background:linear-gradient(90deg,#60bef4 37%,#378de3 100%);
    18.         text-align: center;
    19.         padding:32px 0 20px 0;
    20.     }
    21.     .gradient-mail .logo-bar img{
    22.         max-height:62px;
    23.         max-width:180px;
    24.         border-radius:11px;
    25.         background:#fff;
    26.         padding:6px;
    27.         box-shadow:0 2px 8px #b6e2ff;
    28.     }
    29.     .gradient-mail .content{
    30.         padding:32px 14% 20px 14%;
    31.         color:#357ab7;
    32.         font-size:16px;
    33.         line-height:2;
    34.     }
    35.     .gradient-mail .info{
    36.         padding:18px 14% 36px 14%;
    37.         font-size:16px;
    38.         color:#4680be;
    39.     }
    40.     .gradient-mail .blog-title{
    41.         font-size:22px;
    42.         font-weight:700;
    43.         color:#2680fb;
    44.         margin-bottom:14px;
    45.     }
    46.     .gradient-mail .desc{
    47.         font-size:15px;
    48.         color:#5982b7;
    49.         margin-bottom:8px;
    50.     }
    51.     .gradient-mail .extra{
    52.         background:#e6f0fa;
    53.         border-radius:9px;
    54.         padding:10px 16px;
    55.         color:#2486c2;
    56.         margin-bottom:22px;
    57.     }
    58.     .gradient-mail .footer-bg{
    59.         width:100%;
    60.         display:block;
    61.         margin-top:0;
    62.         border-bottom-left-radius:24px;
    63.         border-bottom-right-radius:24px;
    64.     }
    65. </style>
    66. <div class="gradient-mail">
    67.     <div class="box">
    68.         <div class="logo-bar"><img src="' . $logo . '" alt="logo"></div>
    69.         <div class="content">' . $message . '</div>
    70.         <div class="info">
    71.             <div class="blog-title">' . $blog_name . '</div>
    72.             <div class="desc">' . $description . '</div>
    73.             <div class="extra">' . $con_more . '</div>
    74.         </div>
    75.         <img class="footer-bg" src="' . $bg . '" >
    76.     </div>
    77. </div>
    78. ';
    复制代码

    第二款
    tengfei_down - 2025-10-10T171512.128.webp
    这一款是模仿腾讯云模版，腾飞博客改了一些细节，感觉还是不错的，听简约的！
    1. $content = '<div>
    2.     <includetail>
    3.         <div align="center">
    4.             <div class="open_email" style="margin: 8px;">
    5.                 <div>
    6.                     <br>
    7.                     <span class="genEmailContent">
    8.                         <div id="cTMail-Wrap"
    9.                              style="word-break: break-all;box-sizing:border-box;text-align:center;min-width:320px; max-width:660px; border:1px solid #f6f6f6; background-color:#f7f8fa; margin:auto; padding:20px 0 30px; font-family:\'helvetica neue\',PingFangSC-Light,arial,\'hiragino sans gb\',\'microsoft yahei ui\',\'microsoft yahei\',simsun,sans-serif">
    10.                             <div class="main-content">
    11.                                 <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse">
    12.                                     <tbody>
    13.                                     <tr style="font-weight:300">
    14.                                         <td style="width:3%;max-width:30px;"></td>
    15.                                         <td style="max-width:600px;">
    16.                                             <div id="cTMail-logo" style="width:92px; height:25px;">
    17.                                                 <a href="' . $site_url . '">
    18.                                                     <img border="0" src="' . $logo . '" style="width:140px; height:42px;display:block" alt="' . $blog_name . 'Logo">
    19.                                                 </a>
    20.                                             </div>
    21.                                             
    22.                                             <p style="height:2px;background-color: #00a4ff;border: 0;font-size:0;padding:0;width:100%;margin-top:20px;"></p>

    24.                                             <div id="cTMail-inner" style="background-color:#fff; padding:23px 0 20px;box-shadow: 0px 1px 1px 0px rgba(122, 55, 55, 0.2);text-align:left;">
    25.                                                 <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse;text-align:left;">
    26.                                                     <tbody>
    27.                                                     <tr style="font-weight:300">
    28.                                                         <td style="width:3.2%;max-width:30px;"></td>
    29.                                                         <td style="max-width:480px;text-align:left;">
    30.                                                             <h1 id="cTMail-title" style="font-size: 20px; line-height: 36px; margin: 0px 0px 22px;">
    31.                                                                 【' . $blog_name . '】' . $title . '
    32.                                                             </h1>
    33.                                                             <p id="cTMail-userName" style="font-size:14px;color:#333; line-height:24px; margin:0;">
    34.                                                                 尊敬的' . $user_name . '，您好！
    35.                                                             </p>

    37.                                                             <p class="cTMail-content" style="line-height: 24px; margin: 12px 0px 0px; overflow-wrap: break-word; word-break: break-all;">
    38.                                                                 <span style="color: rgb(51, 51, 51); font-size: 14px;">
    39.                                                                     ' . $message . '
    40.                                                                     <br><br>
    41.                                                                     ' . $send_time . '
    42.                                                                 </span>
    43.                                                             </p>

    45.                                                             <p class="cTMail-content"
    46.                                                                style="font-size: 14px; color: rgb(51, 51, 51); line-height: 24px; margin: 18px 0px 0px; word-wrap: break-word; word-break: break-all;">
    47.                                                                 ' . $con_more . '
    48.                                                             </p>
    49.                                                             <dl style="font-size: 14px; color: rgb(51, 51, 51); line-height: 18px;">
    50.                                                                 <dd style="margin: 0px 0px 6px; padding: 0px; font-size: 12px; line-height: 22px;">
    51.                                                                     <p id="cTMail-sender" style="font-size: 14px; line-height: 26px; word-wrap: break-word; word-break: break-all; margin-top: 32px;">
    52.                                                                         此致<br>
    53.                                                                         <strong>' . $blog_name . ' 团队</strong>
    54.                                                                     </p>
    55.                                                                 </dd>
    56.                                                             </dl>
    57.                                                         </td>
    58.                                                         <td style="width:3.2%;max-width:30px;"></td>
    59.                                                     </tr>
    60.                                                     </tbody>
    61.                                                 </table>
    62.                                             </div>
    63.                                             <div id="cTMail-copy" style="text-align:center; font-size:12px; line-height:18px; color:#999">
    64.                                                 <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse">
    65.                                                     <tbody>
    66.                                                     <tr style="font-weight:300">
    67.                                                         <td style="width:3.2%;max-width:30px;"></td>
    68.                                                         <td style="max-width:540px;">

    70.                                                             <p style="text-align:center; margin:20px auto 14px auto;font-size:12px;color:#999;">
    71.                                                                 此为系统邮件，请勿回复。
    72.                                                             </p>

    74.                                                             <p id="cTMail-rights" style="max-width: 100%; margin:auto;font-size:12px;color:#999;text-align:center;line-height:22px;">
    75.                                                                 <img src="https://www.tfbkw.com/wp-content/uploads/2025/03/20250314030202661-gzh.png"
    76.                                                                      style="width:64px; height:64px; margin:0 auto;" alt="公众号二维码">
    77.                                                                 <br>
    78.                                                                 关注公众号，获取更多资讯
    79.                                                                 <br>
    80.                                                                 © ' . $blog_name . ' 版权所有
    81.                                                                 <br>
    82.                                                                 <img src="https://imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/mail/cr.svg" style="margin-top: 10px;" alt="安全认证">
    83.                                                             </p>
    84.                                                         </td>
    85.                                                         <td style="width:3.2%;max-width:30px;"></td>
    86.                                                     </tr>
    87.                                                     </tbody>
    88.                                                 </table>
    89.                                             </div>
    90.                                         </td>
    91.                                         <td style="width:3%;max-width:30px;"></td>
    92.                                     </tr>
    93.                                     </tbody>
    94.                                 </table>
    95.                             </div>
    96.                         </div>
    97.                     </span>
    98.                 </div>
    99.             </div>
    100.         </div>
    101.     </includetail>
    102. </div>';
    复制代码

    第三款
    tengfei_down - 2025-10-10T171514.700.webp
    1. $content = '
    2. <style>
    3. .apple-mail-bg {
    4.     background: #f6f7fa;
    5.     margin:0;
    6.     padding:0;
    7.     min-height:100vh;
    8.     font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans",Arial,sans-serif;
    9.     letter-spacing:0;
    10. }
    11. .apple-mail-main {
    12.     max-width: 660px;
    13.     margin: 64px auto 36px auto;
    14.     background: #fff;
    15.     border-radius: 36px;
    16.     box-shadow: 0 8px 44px 0 rgba(41,51,61,0.10), 0 1.5px 9px 0 rgba(120,140,180,0.02);
    17.     overflow: hidden;
    18.     transition: max-width .18s, border-radius .13s;
    19. }
    20. .apple-mail-logo-box {
    21.     text-align: center;
    22.     padding-top: 56px;
    23.     padding-bottom: 38px;
    24.     background: #fff;
    25. }
    26. .apple-mail-logo {
    27.     max-width: 184px;
    28.     max-height: 54px;
    29.     width: auto;
    30.     height: auto;
    31.     display: inline-block;
    32. }
    33. .apple-mail-content {
    34.     padding: 0 68px 8px 68px;
    35.     background: #fff;
    36. }
    37. .apple-mail-message {
    38.     font-size: 21px;
    39.     color: #202a36;
    40.     line-height: 2.07;
    41.     margin-bottom: 12px;
    42.     margin-top: 4px;
    43.     word-break: break-word;
    44.     font-weight: 400;
    45. }
    46. .apple-mail-desc {
    47.     background: #f4f7fa;
    48.     color:#727e90;
    49.     border-radius: 15px;
    50.     padding: 17px 23px;
    51.     font-size: 17px;
    52.     margin: 28px 0 10px 0;
    53.     line-height: 1.83;
    54.     text-align:left;
    55.     font-weight: 400;
    56.     letter-spacing: 0;
    57. }
    58. .apple-mail-more {
    59.     background: #f7faed;
    60.     color:#5e9157;
    61.     border-radius: 15px;
    62.     padding: 15px 22px;
    63.     font-size: 17px;
    64.     margin: 15px 0 4px 0;
    65.     line-height:1.7;
    66.     text-align:left;
    67.     font-weight:400;
    68.     letter-spacing:0;
    69. }
    70. .apple-mail-btn-area {
    71.     text-align: center;
    72.     padding: 38px 0 49px 0;
    73. }
    74. .apple-mail-btn {
    75.     display:inline-block;
    76.     background: #f3f6f9;
    77.     color: #397be7 !important;
    78.     font-size: 18px;
    79.     font-weight: 700;
    80.     border-radius: 13px;
    81.     padding: 14px 59px;
    82.     letter-spacing: .3px;
    83.     text-decoration: none !important;
    84.     border:none;
    85.     box-shadow:0 2px 10px 0 rgba(52,87,210,0.05);
    86.     transition: background .15s,color .16s;
    87.     outline:none;
    88.     cursor: pointer;
    89.     white-space:nowrap;
    90. }
    91. .apple-mail-btn:hover {
    92.     background: #e5effc;
    93.     color: #2567ce !important;
    94. }
    95. .apple-mail-footer {
    96.     text-align: center;
    97.     color: #b2b9c6;
    98.     font-size: 15px;
    99.     background:#fbfcfd;
    100.     border-top:1px solid #e6e8ef;
    101.     border-radius:0 0 36px 36px;
    102.     padding: 20px 0 15px 0;
    103.     letter-spacing: 0.4px;
    104. }

    106. @media (max-width:900px){
    107.     .apple-mail-main{max-width:95vw;}
    108.     .apple-mail-content{padding-left:6vw;padding-right:6vw;}
    109. }
    110. @media (max-width:600px){
    111.     .apple-mail-main{
    112.         max-width:99vw;
    113.         border-radius:18px !important;
    114.         margin:19px 0;
    115.         box-shadow:0 3px 16px rgba(41,51,61,0.09);
    116.     }
    117.     .apple-mail-logo-box{
    118.         padding-top:24px !important;
    119.         padding-bottom:14px !important;
    120.     }
    121.     .apple-mail-logo{max-width:120px;max-height:40px;}
    122.     .apple-mail-content{padding-left:5vw;padding-right:5vw;}
    123.     .apple-mail-message{font-size:16px;}
    124.     .apple-mail-desc,.apple-mail-more{
    125.         font-size:15px;
    126.         padding:12px 11px;
    127.         border-radius:10px;
    128.     }
    129.     .apple-mail-btn-area{padding:24px 0 25px 0;}
    130.     .apple-mail-btn{padding:11px 27vw; font-size:15px; border-radius:8px;}
    131.     .apple-mail-footer{font-size:12px; padding-top:13px; padding-bottom:9px; border-radius:0 0 18px 18px;}
    132. }
    133. </style>

    135. <div class="apple-mail-bg">
    136.     <div class="apple-mail-main">
    137.         <div class="apple-mail-logo-box">
    138.             <img src="' . $logo . '" alt="logo" class="apple-mail-logo">
    139.         </div>
    140.         <div class="apple-mail-content">
    141.            <div class="apple-mail-message">'.nl2br($message).'</div>
    142.            '.($description ? '<div class="apple-mail-desc">'.$description.'</div>' : '').'
    143.            '.($con_more ? '<div class="apple-mail-more">'.$con_more.'</div>' : '').'
    144.         </div>
    145.         <div class="apple-mail-btn-area">
    146.             <a href="' . $site_url . '" target="_blank" class="apple-mail-btn">访问网站</a>
    147.         </div>
    148.         <div class="apple-mail-footer">
    149.             © ' . $blog_name . ' ｜ 本邮件为自动通知，请勿回复
    150.         </div>
    151.     </div>
    152. </div>
    153. ';
    复制代码

    第四款
    tengfei_down - 2025-10-10T171517.774.webp
    1. $content = '
    2. <style>
    3. @import url("https://fonts.googleapis.com/css?family=Quicksand:500,700&display=swap");
    4. body, html {background:#f7f7fe !important;}
    5. .acg-bg {
    6.     min-height:100vh; margin:0; padding:0;
    7.     background: linear-gradient(120deg, #f6f7fe 0%, #fff7fd 100%);
    8.     font-family: "Quicksand", "PingFang SC", "微软雅黑", Sans-serif;
    9. }
    10. .acg-main {
    11.     max-width:480px; margin:36px auto;
    12.     background:rgba(255,255,255,0.97);
    13.     border-radius:16px;
    14.     box-shadow:0 8px 40px 0 #a3d9ff22, 0 2px 8px 0 #ff9ccf22;
    15.     border:1.5px solid #f5eafe; position:relative; z-index:1;
    16.     overflow:hidden;
    17. }
    18. .acg-bubble {
    19.     position:absolute; z-index:1; pointer-events:none; border-radius:50%;
    20. }
    21. .acg-bubble-lt {
    22.     top:-35px; left:-29px;
    23.     width:88px; height:88px;
    24.     background:radial-gradient(circle at 38% 45%,#edaeff55,#cadfff66 75%,#fff0 100%);
    25.     box-shadow:0 7px 19px #eaf7ff44 inset;
    26. }
    27. .acg-bubble-rb {
    28.     bottom:-28px; right:-23px;
    29.     width:68px; height:68px;
    30.     background:radial-gradient(circle at 62% 60%,#f8f8fecc,#ffe9f77a 80%,#fff0 100%);
    31.     box-shadow:0 1px 12px #ffbbee44 inset;
    32. }
    33. .acg-logo-box {
    34.     text-align:center; position:relative; z-index:2;
    35.     background:linear-gradient(90deg,#ffe7ee 15%,#e6f7ff 80%);
    36.     padding-top:22px; padding-bottom:7px;
    37.     border-top-left-radius:16px;
    38.     border-top-right-radius:16px;
    39. }
    40. .acg-logo {
    41.     width:78%; min-width:110px; max-width:270px;
    42.     max-height:56px;
    43.     display:inline-block; object-fit:contain;background:transparent;
    44. }
    45. .acg-little-star {
    46.     position:absolute; top:13px; right:17px; z-index:7;
    47.     width:32px;height:32px;
    48.     background:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'34\' height=\'34\' viewBox=\'0 0 34 34\'%3E%3Cpath fill=\'%23F6CCFF\' d=\'M17 0l3.7 10.7h11.3l-9.2 6.5 3.6 10.8-9.4-6.6-9.3 6.6 3.5-10.8-9.2-6.5h11.3z\'/%3E%3C/svg%3E") center/contain no-repeat; opacity:.66;
    49. }
    50. .acg-candy {
    51.     position:absolute; left:0; bottom:0; width:44px; height:47px; z-index:2;
    52.     background:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'49\' height=\'55\' viewBox=\'0 0 49 55\'%3E%3Cellipse cx=\'24.5\' cy=\'35\' rx=\'22\' ry=\'16\' fill=\'%23f6f6fe\' stroke=\'%23e7e2ff\' stroke-width=\'1.7\'/%3E%3Cellipse cx=\'33\' cy=\'24\' rx=\'8.7\' ry=\'8\' fill=\'%23d9e7ff\' fill-opacity=\'0.6\'/%3E%3Cellipse cx=\'13\' cy=\'31\' rx=\'4.7\' ry=\'5.8\' fill=\'%23ffd6e3\' fill-opacity=\'0.7\'/%3E%3C/svg%3E") center/contain no-repeat; opacity:.65;
    53. }
    54. .acg-content {padding:0 30px 10px 30px; position:relative; z-index:2;}
    55. .acg-divider {width:90%;height:22px; margin:12px auto 0 auto; display:block;}
    56. .acg-divider svg {display:block; width:100%;height:22px;}
    57. .acg-message {
    58.     font-size:17px; color:#332060;
    59.     line-height:2; margin:17px 0 10px 0;
    60.     word-break:break-all; font-weight:500;
    61. }
    62. .acg-desc {
    63.     background:linear-gradient(93deg,#ffeafb 40%,#e8fbff 130%);
    64.     color:#dd6eb9;font-size:15px;margin:18px 0 5px 0; padding:9px 15px;
    65.     border-radius:10px; font-weight:500;box-shadow:0 1.5px 5px #ffe5f433;
    66.     border:1px dashed #ffd7fa66;
    67. }
    68. .acg-more {
    69.     background:#e8fbff;color:#69bbf3;font-size:15px;
    70.     margin:0 0 12px 0; padding:8px 12px 11px 11px;
    71.     border-radius:11px; font-weight:500;
    72.     border:1px dashed #d3ebff66;
    73. }
    74. .acg-btn-area {text-align:center; padding:23px 0 26px 0;}
    75. .acg-btn {
    76.     display:inline-block;
    77.     background:linear-gradient(90deg,#fea2e5 15%,#92e4ff 85%);
    78.     color:#fff !important; font-size:16.5px; font-weight:700;
    79.     border-radius:29px; padding:11px 45px 11px 37px;
    80.     border:none; text-decoration:none !important;
    81.     box-shadow:0 3px 10px 0 #b2e3ff44, 0 0.5px 2.5px #fea2e544;
    82.     letter-spacing:1px; transition:.18s;
    83.     outline:none; position:relative;cursor:pointer; font-family:inherit;
    84. }
    85. .acg-btn::after{
    86.     content:"";
    87.     display:inline-block;
    88.     width:1.2em;height:1.2em;
    89.     background:url("data:image/svg+xml,%3Csvg width=\'22\' height=\'22\' viewBox=\'0 0 20 20\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M12.2929 5.29297C12.6834 4.90245 13.3166 4.90245 13.7071 5.29297L17.7071 9.29297C18.0976 9.68349 18.0976 10.3166 17.7071 10.7071L13.7071 14.7071C13.3166 15.0977 12.6834 15.0977 12.2929 14.7071C11.9024 14.3166 11.9024 13.6834 12.2929 13.2929L14.5858 11H3C2.44772 11 2 10.5523 2 10C2 9.44772 2.44772 8.99997 3 8.99997H14.5858L12.2929 6.70703C11.9024 6.31651 11.9024 5.68349 12.2929 5.29297Z\' fill=\'%23fff\'/%3E%3C/svg%3E") center/contain no-repeat;
    90.     vertical-align:-0.22em; margin-left:0.6em; background-size:90% auto;
    91. }
    92. .acg-btn:hover{ background:linear-gradient(93deg,#56e4ff 0%,#ffaeec 100%); box-shadow:0 10px 25px #b2e3ff66; transform:translateY(-2.5px) scale(1.025);}
    93. .acg-footer {
    94.     text-align:center; color: #ada5ef;
    95.     font-size:13px; background:linear-gradient(90deg,#fbe8fd44 10%,#e3f6ff55 90%);
    96.     border-top:1px solid #f3e3ff; border-bottom-left-radius:16px; border-bottom-right-radius:16px;
    97.     padding:13px 0 8px 0; letter-spacing:0.18px;
    98.     margin-top:-4px; font-family:inherit;
    99. }
    100. @media (max-width:660px){
    101.     .acg-main{max-width:99vw;}
    102.     .acg-content{padding:0 4vw 8px 4vw;}
    103.     .acg-logo{max-width:95vw; width:75vw; min-width:60px;}
    104.     .acg-divider{width:97%;}
    105.     .acg-bubble-lt{top:-16vw;left:-12vw;width:28vw;height:28vw;}
    106.     .acg-bubble-rb{bottom:-9vw;right:-8vw;width:20vw;height:20vw;}
    107. }
    108. @media (max-width:480px){
    109.     .acg-main{max-width:100vw; margin:4vw 0 4vw 0;}
    110.     .acg-content{padding:0 2vw 5px 2vw;}
    111.     .acg-btn{padding:10px 6vw 10px 6vw;font-size:15px;}
    112.     .acg-footer{padding-top:8px;padding-bottom:6px;font-size:12px;}
    113.     .acg-logo{max-width:97vw;}
    114. }
    115. </style>
    116. <div class="acg-bg">
    117.   <div class="acg-main">
    118.     <span class="acg-bubble acg-bubble-lt"></span>
    119.     <span class="acg-bubble acg-bubble-rb"></span>
    120.     <div class="acg-logo-box">
    121.         <img src="' . $logo . '" alt="logo" class="acg-logo">
    122.         <span class="acg-little-star"></span>
    123.     </div>
    124.     <div class="acg-divider">
    125.         <svg viewBox="0 0 300 22" width="300" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M0,19 Q50,2 150,18 Q250,28 300,7" fill="none" stroke="#e8caff" stroke-width="3.2" stroke-linecap="round"/></svg>
    126.     </div>
    127.     <div class="acg-content">
    128.         <div class="acg-message">'.nl2br($message).'</div>
    129.         '.($description ? '<div class="acg-desc">'.$description.'</div>' : '').'
    130.         '.($con_more ? '<div class="acg-more">'.$con_more.'</div>' : '').'
    131.     </div>
    132.     <div class="acg-btn-area">
    133.     </div>
    134.     <span class="acg-candy"></span>
    135.     <div class="acg-footer">© ' . $blog_name . ' ｜ 自动邮件，请勿直接回复</div>
    136.   </div>
    137. </div>
    138. ';
    复制代码


    # 子比主题

    本帖被以下淘专辑推荐:

    路虽远，行则将至；事虽难，做则必成。
    回复

    使用道具 举报

    相关帖子
    返回列表 发布新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    飞流广播+ 发布

    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		10-30 17:02
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		10-09 09:07
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-24 09:00
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-11 11:40
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		09-02 09:17
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-27 08:56
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-20 15:12
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		08-03 10:22
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		06-30 08:57
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		06-18 09:14
    系统消息：清风网络已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		04-11 09:40
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-10 09:31
    系统消息：IXM77777已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 13:44
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 09:22
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		04-09 08:52
    系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-08 09:24
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		04-07 09:02
    系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#
    		02-27 09:35
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		02-26 09:06
    系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#
    		02-25 08:49
    站内通告

    提供资源交易、信息共享、靓号交流、技术变现、学习问答、兴趣娱乐等全面服务。

    1.丰富功能系统，扩展社区特色玩法，打造最好的互联网聚集圈子。

    2.准确信息真实交易，安全快捷又方便，让虚拟交易面对面。

    3. 天上不会掉馅饼，话术骗术迷人心，切勿脱离平台线下交易，被骗与平台无关！

    4. 欺诈骗钱，违规违法将视情受到警告&禁言&封号甚至检举至👮🏻‍♀️处理！

    官方Q群：123129钉推群：BAYR2383 站长QQ：3220000000

    关于我们

    纪律公约 官联方式 迭代更新 招贤纳士

    常用功能

    活动中心 竞价十榜 推广奖励 下载多端

    服务引导

    帮助中心 麦粉会员 认证中心 点靓UID
    投诉/建议/商务合作联系

    fl@fllt.cn

    严禁私下交易，被骗与本站无关。
    违反交易细则，取证立查严惩。
    • 钉钉新帖推送群
    • 官方交流QQ群
    • 站长唯一微信号

    👮曝光Ta|🧿小黑屋|📴手机页|飞流网 ( 渝ICP备2025054677号-1|电信增值许可 渝B2-20250789 )|网站地图

    GMT+8, 2025-11-13 02:10 , Processed in 0.088725 second(s), 60 queries, MemCached On , Gzip On.

    Based on XJ-TX X3.5 Licensed

    飞流论坛 HanAnalytics icp Astro vhAstro-Theme

    关灯 在本版发帖
    扫一扫添加微信客服
     QQ客服返回顶部
    快速回复 返回顶部 返回列表