禾桉网子比主题美化笔记<span> [7月1日更新]</span>

禾桉网子比主题美化笔记 [7月1日更新]

063310
禾桉网子比主题美化笔记插图

编号越大,代码越新。

全局

禾桉网子比主题美化笔记插图1

子比主题后台全局&功能自定义代码自定义CSS样式

/*导航栏字体加粗 - heanr.com*/
ul.nav {font-weight: 700;}

其他主题可以试试看放在可自定义css。

禾桉网子比主题美化笔记插图2

将以下代码放入子比主题后台 全局&功能自定义代码自定义底部HTML代码

<!--底部波浪开始 heanr.com-->
<div class="wiiuii_layout">
<svg class="editorial"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     viewBox="0 24 150 28"
     preserveAspectRatio="none">
 <defs>
 <path id="gentle-wave"
 d="M-160 44c30 0 
    58-18 88-18s
    58 18 88 18 
    58-18 88-18 
    58 18 88 18
    v44h-352z" />
  </defs>
  <g class="parallax">
   <use xlink:href="#gentle-wave" x="50" y="0" fill="#4579e2"/>
   <use xlink:href="#gentle-wave" x="50" y="3" fill="#3461c1"/>
   <use xlink:href="#gentle-wave" x="50" y="6" fill="#2d55aa"/>  
  </g>
</svg>
</div>
<style type='text/css'>
.parallax > use{animation: move-forever 12s linear infinite;}.parallax > use:nth-child(1){animation-delay: -2s;}.parallax > use:nth-child(2){animation-delay: -2s; animation-duration: 5s;}.parallax > use:nth-child(3){animation-delay: -4s; animation-duration: 3s;}@keyframes move-forever{0%{transform: translate(-90px, 0%);} 100%{transform: translate(85px, 0%);}}.wiiuii_layout{width: 100%;height: 40px;position: relative;overflow: hidden;z-index: 1;background: var(--footer-bg);}.editorial{display: block; width: 100%; height: 40px; margin: 0;}
</style>
<!--底部波浪结束 heanr.com-->

侧边栏小工具

禾桉网子比主题美化笔记插图6

将以下代码放入 自定义HTML

<!--代码开始-->
<a class="ads" href="https://heanr.com/heanrtools" target="tools" style="border-radius:5px;">
  <h4>实用工具合集</h4>
  <h5>禾桉出品,安全有保障</h5>
  <span class="ads-btn ads-btn-outline">立即进入</span></a>
<style>
.ads{display:block; padding:40px 15px; text-align:center; color:#fff!important; background:#ff5719; background-image:-webkit-linear-gradient(135deg,#bbafe7,#5368d9); background-image:linear-gradient(135deg,#bbafe7,#5368d9)}.ads h4{margin:0; font-size:22px; font-weight:bold}.ads h5{margin:10px 0 0; font-size:14px; font-weight:bold}.ads.ads-btn{margin-top:20px; font-weight:bold}.ads.ads-btn:hover{color:#ff5719}.ads-btn{display:inline-block; font-weight:normal; margin-top:10px; color:#666; text-align:center; vertical-align:top; user-select:none; border:none; padding:0 36px; line-height:38px; font-size:14px; border-radius:10px; outline:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}.ads-btn:hover,.btn:focus,.btn.focus{outline:0; text-decoration:none}.ads-btn:active,.btn.active{outline:0; box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ads-btn-outline{line-height:36px; color:#fff; background-color:transparent; border:1px solid#fff}.ads-btn-outline:hover,.btn-outline:focus,.btn-outline.focus{color:#343a3c; background-color:#fff}
</style>
<!--代码结束-->
禾桉网子比主题美化笔记插图7

将以下代码放入 自定义HTML

<div id="update_version">
<a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=heanr-com@qq.com" target="_blank" rel="noopener"><img title="禾桉网" src="https://heanr.oss-cn-hangzhou.aliyuncs.com/2021/06/wechat.png" alt="微信公众号" style="border-radius:5px;" /></a>
<a class="blog_link" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=heanr-com@qq.com" target="_blank" style="background-image: linear-gradient(to right, #99CCCC, #FFCC99)"  rel="noopener">发送邮件</a>
<a class="cms_link" href="https://heanr.com/newposts" target="_blank" style="background-image: linear-gradient(to right, #FF9999,#996699)"  rel="noopener">点击投稿</a>
<a class="grid_link" href="https://heanr.com/%E8%B5%84%E6%BA%90%E7%94%B3%E8%AF%89" target="_blank" style="background-image: linear-gradient(to right,#339933, #9933CC)"  rel="noopener">侵权申诉</a>
</div>
<div>
<hr>
</div>
<style type="text/css">
#update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff;font-weight: 700;}.blog_link{background-color:#2ba9fa}.blog_link,.cms_link{float:left;margin-right:5%}.cms_link{background-color:#ff6969}.grid_link{float:left;background-color:#70c041}
</style>

 

禾桉网子比主题美化笔记插图8

将以下代码放入 自定义HTML

<iframe src="https://www.lovestu.com/api/project/cnmapyinqing/obj.php" height="430" frameborder="no" border="0" width="100%"> </iframe>
© 版权声明
THE END
喜欢就支持一下吧
点赞10
吐槽 抢沙发