Zibll（子比）主题美化实用代码

<div class="posts-copyright"><fieldset style="border: 2px dashed; background: #ffffff; padding: 10px; border-radius: 10px; line-height: 1.5em; color: #0a36fa;" data-mce-style="border: 2px dashed; background: #ffffff; padding: 10px; border-radius: 5px; line-height: 1.5em; color: #595959;"> <legend style="color: #ffffff; width: 30%; text-align: center; background-color: #0a36fa; border-radius: 5px;" align="center" data-mce-style="color: #ffffff; width: 30%; text-align: center; background-color: #e8b235; border-radius: 5px;">温馨提示</legend> <fieldset style="/* border: 1px dashed #e8b235; */ /* padding: 10px; */ /* border-radius: 5px; */ /* line-height: 2em; */ /* font-size: 12px; */ /* color: #bdbdbd; */ /* text-align: center; */" data-mce-style="border: 1px dashed #e8b235; padding: 10px; border-radius: 5px; line-height: 2em; font-size: 12px; color: #bdbdbd; text-align: center;">   <style>.mikniomz{background-color:#f8f9fa!important;padding:16px 16px 16px 64px!important;border-radius:3px!important;font-size:12px!important;background:url(https://gebilaoli.com/zb_users/plugin/Jz52_remind/i.svg) no-repeat 20px;background-size:35px}.mikniomz p{font-size:10px!important;color:#515c67!important;margin:2px!important;line-height:1.6!important}.mikniomz p a{color:#38485a!important}</style> <div class="mikniomz"> <p>未来小站资源大多来源于互联网，如有侵权请发邮件至：<span style="color: #0a36fa;">zhan@6n6.cn</span>，我们将第一时间处理。</p> <p>资源所需价格是本站收集、整理、编辑详情以及本站运营费用的适当补偿，非资源价格，请支持正版，谢谢！</p> <p>更多详细请访问<a href="/help"><span style="color: #0a36fa;">帮助界面</span></a>了解相关详情。</p> </div>  </fieldset>  </fieldset></div>

<div class="posts-copyright">
<div>
<fieldset style=" border: 1.5px dashed #008cff; padding: 10px; border-radius: 5px; line-height: 2em;font-weight: 700;color: var(--key-color);background-color: var(--body-bg-color);">
<legend align="center" style=" margin-bottom: -2px;width: 30%;text-align: center; background-color: #008cff; border-radius: 999px; background-image: linear-gradient(to right, #FFCC99, #FF99CC);border: 1.5px dashed #008cff;">
版权声明
</legend>
<span class="btn-info btn-xs">1</span> 本网站名称：<span style="color: #3333ff"><span style="color: #09ace2; font-size: 18px"><strong>我去站长网</strong></span></span><br>
<span class="btn-info btn-xs">2</span> 本站永久网址：<font color="#09ace2">https://blog.57zz.cn</font><br>
<span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ<a href="http://wpa.qq.com/msgrd?v=3&uin=1813614604&site=qq&menu=yes" target="_blank">1813614604</a>进行删除处理。<br>
<span class="btn-info btn-xs">4</span> 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。<br>
<span class="btn-info btn-xs">5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报<br>
<span class="btn-info btn-xs">6</span> 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。<br>
</fieldset>
</div>
</div>

<style>:root{--theme-color:#00a2e3;--focus-shadow-color:rgba(0,162,227,.4);--focus-color-opacity1:rgba(0,162,227,.1);--mian-max-width:1200px;}
/*文章随机彩色标签开始*/.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}/*by：织音博客-www.itzhiyin.cn*//*文章随机彩色标签结束*/
/**彩色滚动条样式开始*/::-webkit-scrollbar { width: 10px; height: 1px;}::-webkit-scrollbar-thumb { background-color: #12b7f5; background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);}::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #f6f6f6;}/*by：织音博客-www.itzhiyin.cn*//**彩色滚动条样式结束*/
/* logo 扫光开始 */.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}/*by：织音博客-www.itzhiyin.cn*//* logo 扫光结束 */
/*CSS 代码网站底部按钮美化*/
:root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}.github-badge {
    display: inline-block;
    border-radius: 4px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    margin-bottom: 5px;
}
.badge-subject {
    display: inline-block;
    background-color: #4d4d4d;
    padding: 4px 4px 4px 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.github-badge .bg-blue {
    background-color: #007ec6;
}
.github-badge .bg-brightgreen {
    background-color: #4dc820;
}
.github-badge .bg-blueviolet {
    background-color: #8833d7;
}
.github-badge .badge-value {
    display: inline-block;
    padding: 4px 6px 4px 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.github-badge .bg-orange {
    background-color: orange;
}
.github-badge .bg-red {
    background-color: red;
}
/*CSS 代码网站底部按钮美化结束 k5l.cn*/
/*百度一下*/.searchs {background-color: #fff;border: 1px solid #eaeaea;padding: 15px;overflow: hidden;transition: all 0.3s;border-radius: 4px;position: relative;margin: 0px 0px 15px 0px;}.mip-layout-container, .mip-layout-fixed-height {margin: 0px 0px 0px 0px;display: block;position: relative;}mip-form form {position: relative;}.searchs input[type="text"] {border: #45B6F7 1px solid;border-radius: 4px;width: calc( 100% - 2px );}mip-form input[type='text'], mip-form input[type='input'], mip-form input[type='datetime'], mip-form input[type='email'], mip-form input[type='number'], mip-form input[type='tel'], mip-form input[type='url'] {padding-right: 30px;}.searchs input {outline: none;}mip-form input, mip-form textarea, mip-form select {border: 1px solid #f1f1f1;padding: 6px;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;resize: none;font-size: 16px;}mip-form div {display: none;color: #ec1f5c;font-size: 12px;text-align: left;padding: 0 10% 0 3%;}.searchs input[type="submit"] {position: absolute;right: 2px;top: 2px;background-color: #45B6F7;color: #fff;font-size: 13px;margin: 1px;height: 31px;line-height: 31px;padding: 0 10px;font-family: "èé…é‘";}mip-form input[type='submit'] {border: 1px solid #f1f1f1;border-radius: 5px;color: #333;background-color: #d8d7d7;}.searchs input {outline: none;}.tit {background-color: #FF5E52;position: relative;top: -15px;display: inline-block;color: #fff;padding: 4px 15px;font-size: 14px;}.tit strong {font-weight: normal;}.tit {background-color: #FF5E52;position: relative;top: -15px;display: inline-block;color: #fff;padding: 4px 15px;font-size: 14px;}/*百度一下*/
/*过期文章提示样式*/
.article-timeout{position:relative; border-radius: 8px; position: relative; margin-bottom: 25px; padding: 10px; background-color: var(--body-bg-color);}
/*评论背景图*/
textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://imgsa.baidu.com/forum/pic/item/d439b6003af33a871f7e3f0e9b5c10385343b597.jpg) right 10px bottom 10px no-repeat;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}
textarea#comment:focus {background-position-y:789px;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}
/*评论背景图*/.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}@media (max-width:640px) {
    .meta-right .meta-like{
      display: unset !important;
    }
  }</style>

<div class="textwidget custom-html-widget"><a href="https://www.wuluoyun.com/aff/VBKJRYDZ?www.6n6.cn" target="_blank" rel="noopener">
<img src="https://wlxz-1258834326.cos.ap-guangzhou.myqcloud.com/2022/06/09/wltc-gl/evAKSSECq6.gif" alt="wuluoyun.gif" title="wuluoyun.gif"></a></div>

/* 
 *作者：消音
 *请本CSS代码放置子比主题设置->全局&功能->自定义CSS样式中即可
 */
.but-download .badg {
  position: relative;
  cursor:pointer;
}
.but-download .badg::after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  top: -11px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 10px solid rgb(236, 235, 235);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  display:none;<br>
}
.but-download .badg::before {
  content: attr(data-before);
  position: absolute;
  width: 100px;
  height: 31px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  line-height: 31px;
  border-radius: 4px;
  color: #6c6a6a;
  background-color: rgb(236, 235, 235);
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  opacity: 0;
}
.but-download .badg:hover::after,
.but-download .badg:hover::before {
  display:block;<br>
}

/* 
 *作者：消音
 *消音网：www.xiaoyin6.com
 *请本JavaScript代码放置子比主题设置->全局&功能->自定义javascript代码中即可
 */
if(document.querySelectorAll(".but-download .badg")!=undefined){
     const reg = /[a-zA-z0-9]/ig;
    const copy1 = document.querySelectorAll(".but-download .badg");
    for (let i = 0; i < copy1.length; i++) {
      copy1[i].index = i;
      copy1[i].setAttribute("data-before", "点击复制");
      copy1[i].addEventListener("click", copyOperation);
      copy1[i].addEventListener("mouseout", copyOk);
    }
    function copyOperation() {
      var oInput = document.createElement("input");
      let text = this.innerText;
      text = text.match(reg).join("");
      oInput.value = text;
      document.body.appendChild(oInput);
      oInput.select();
      document.execCommand("Copy");
      oInput.className = "oInput";
      oInput.style.display = "none";
      this.setAttribute("data-before", "已复制");
    }
    function copyOk() {
      setTimeout(() => {
        this.setAttribute("data-before", "点击复制");
      }, 300)
    }
}

<div class="textwidget custom-html-widget"><div class="widget" style="top: 0px; visibility: visible; animation-name: fadeInUp;padding: 0px;">
  <div class="widget_product">
               
   <img title="zibll子比主题" src="https://s3.bmp.ovh/imgs/2022/01/fbb90fe9a1ae39dd.webp"> 
   <div class="product_content"> 
    <div class="product_info">
                   
     <h2>Zibll-子比主题-本站同款</h2> 
     <ul>
    <li><i class="fa fa-check"></i> 搭建网站从一个优秀的主题开始！</li>
    <li><i class="fa fa-check"></i> 一次购买包永久免费更新</li> 
    <li><i class="fa fa-check"></i> 强大的模板群为你解决主题问题</li> 
    <li><i class="fa fa-check"></i> 联系站长购买 <span class="but c-yellow">优惠20</span>   元！</li>
     </ul> 
    </div> 
    <div class="price_sale">
     <strong><small>￥</small>569</strong>
     <h2>官方统一售价</h2>
    </div>                
    <a class="btn" href="https://www.zibll.com?ref=6504" target="_blank" rel="noopener">立即购买 - zibll</a> 
   </div> 
  </div>
   </div></div>