保山人源码网-WordPress主题美化

首页四个导航模块

演示图

图片[1]-首页四个导航模块

教程开始

将下面内容放到合适的地方(外观/自定义/小工具/首页-顶部全宽度)

<div class="widget_text zib-widget widget_custom_html"><div class="textwidget custom-html-widget"><!--首页四个导航模块样式文件-->
<meta charset="UTF-8">
<link rel="stylesheet" href="文件路径/css/dhmk.css">
<link rel="stylesheet" href="文件路径/css/iconfontdhmk.css">
<script type="text/javascript" src="文件路径/js/iconfontdhmk.js"></script>
<!--首页四个导航模块-->
 <div class="wapnone">
<div class="ads-box"> 
<div class="home-first"> 
<div class="container hide_sm"> 
 <div class="row ron"> 
   <!--导航模块 1-->
  <div class="col-1-4"> 
   <div class="hf-widget hf-widget-1 hf-widget-software"> 
  <h3 class="hf-widget-title"> 
  <svg class="ydicon" aria-hidden="true">
  <use xlink:href="#icon-huiyuan"></use>
  </svg> 
  <a href="/user/" target="_blank" rel="noopener">会员中心</a><span>专属贴心服务</span> 
  </h3> 
  <div class="hf-widget-content"> 
   <div class="scroll-h"> 
  <ul> 
   <li><a href="/user/" target="_blank" rel="noopener">
   <svg class="kuai" aria-hidden="true">
  <use xlink:href="#icon-dingyue"></use>
   </svg><span>升级会员</span></a></li> 
   <li><a href="/message/news" target="_blank" rel="noopener">
   <svg class="kuai" aria-hidden="true">
  <use xlink:href="#icon-xiaoxi"></use>
   </svg><span>站内消息</span></a></li> 
   <li><a href="/user/auth/" target="_blank" rel="noopener">
   <svg class="kuai" aria-hidden="true">
  <use xlink:href="#icon-zhinan"></use>
   </svg><span>身份认证</span></a></li> 
   <li><a href="/newposts/" target="_blank" rel="noopener">
   <svg class="kuai" aria-hidden="true">
  <use xlink:href="#icon-tougaofabu"></use>
   </svg><span>资源投稿</span></a></li> 
  </ul>       
   </div> 
  </div> 
   </div> 
  </div> 
  <!--导航模块 2-->
  <div class="col-1-4"> 
   <div class="hf-widget hf-widget-2"> 
  <h3 class="hf-widget-title">
  <svg class="ydicon" aria-hidden="true">
  <use xlink:href="#icon-tishi"></use>
  </svg>
  <a href="/" target="_blank" rel="noopener">站点引导</a><span>引导</span> </h3> 
  <div class="hf-widget-content"> 
   <div class="no-scroll hf-tags"> 
  <a class="" href="https://www.baoshanren.cn/archives/topics/子比美化" target="_blank" rel="noopener"><span>子比美化</span></a> 
  <a class="" href="https://www.baoshanren.cn/qince" target="_blank" rel="noopener"><span>亲测源码</span></a> 
  <a class="" href="https://www.baoshanren.cn/archives/topics/%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f" target="_blank" rel="noopener"><span>小程序</span></a> 
  <a class="" href="https://www.baoshanren.cn/archives/topics/%e5%bd%b1%e8%a7%86%e7%b3%bb%e7%bb%9f" target="_blank" rel="noopener"><span>影视系统</span></a> 
  <a class="" href="https://www.baoshanren.cn/archives/topics/%e6%94%af%e4%bb%98%e7%b3%bb%e7%bb%9f" target="_blank" rel="noopener"><span>支付系统</span></a> 
  <a class="" href="https://www.baoshanren.cn/wordpress%e4%b8%bb%e9%a2%98" target="_blank" rel="noopener"><span>wp主题</span></a> 
  <a class="" href="https://www.baoshanren.cn/archives/1691" target="_blank" rel="noopener"><span>分销计划</span></a> 
  <a class="" href="https://www.baoshanren.cn/%e7%bb%bc%e5%90%88%e8%b5%84%e6%ba%90/psd%e6%ba%90%e7%a0%81" target="_blank" rel="noopener"><span>psd源码</span></a> 
   </div> 
  </div> 
   </div> 
  </div> 
  <!--导航模块 3-->
  <div class="col-1-4"> 
   <div class="hf-widget hf-widget-1 hf-widget-hot-cats"> 
  <h3 class="hf-widget-title">
  <svg class="ydicon" aria-hidden="true">
  <use xlink:href="#icon-kuaijiedaohang-ceping"></use>
  </svg>
  <a href="https://www.baoshanren.cn/" target="_blank" rel="noopener">快捷导航</a><span>综合资源</span> </h3> 
  <div class="hf-widget-content"> 
   <div class="scroll-h"> 
  <ul> 
   <li><a href="https://www.baoshanren.cn/%e7%bb%bc%e5%90%88%e8%b5%84%e6%ba%90/%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0" target="_blank" rel="noopener">
   <i class="hhicon iconfont icon-moban"></i><span>学习笔记</span></a></li> 
   <li><a href="https://www.baoshanren.cn/%e7%bb%bc%e5%90%88%e8%b5%84%e6%ba%90/%e5%88%9b%e4%b8%9a%e9%a1%b9%e7%9b%ae" target="_blank" rel="noopener">
<i class="hhicon iconfont icon-yuanma"></i><span>创业项目</span></a></li> 
<li><a href="https://www.baoshanren.cn/zaixianvideo" target="_blank" rel="noopener">
<i class="hhicon iconfont icon-jiaocheng"></i><span>VIP剧场</span></a></li> 
<li><a href="https://www.baoshanren.cn/music" target="_blank" rel="noopener">
<i class="hhicon iconfont icon-moban"></i><span>全网音乐</span></a></li> 
  </ul> 
   </div> 
  </div> 
   </div> 
</div>
  <!--导航模块 4-->
  <div class="col-1-4"> 
   <div class="hf-widget hf-widget-4"> 
  <h3 class="hf-widget-title">
  <svg class="ydicon" aria-hidden="true">
  <use xlink:href="#icon-dongtai"></use>
  </svg>
  <a href="https://www.baoshanren.cn/" target="_blank" rel="noopener">联系我们</a><span>QQ联系</span>      
  </h3> 
  <div class="hf-widget-content"> 
<div class="scroll-h"> 
<ul> 
<li><h3><a href="https://qm.qq.com/q/ZJLDAWXEgS" target="_blank" rel="noopener"> <i class="icon-time"></i> <span>QQ:1911258305</span><em>点击跳转</em></a></h3></li> 
<li><h3><a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=TYLfLE1mFLMz0IYVBj6Ypsp2HzCwnjkZ&authKey=jlv3FHBjr2nG6CzadgGbRnQu16H6fYX0I5RUyeG10jyvj4gowfXxVVjQIIeFaE6j&noverify=0&group_code=68239983" target="_blank" rel="noopener"> <i class="icon-time"></i> <span>群号:68239983</span><em>点击跳转</em></a></h3></li>

  </ul>       
   </div> 
  </div> 
   </div> 
  </div> 
 </div> 
</div> 
 </div>
</div>
</div>
<!--首页四个导航模块结束--></div></div>

然后是下载css和js

挺好看的就扒下来的

首页四个导航模块-保山人源码网-免费PHP网站源码模板,插件软件资源分享平台!
首页四个导航模块
此内容为付费阅读,请付费后查看
19.9
搭建同款添加:1911258305(有偿服务)
付费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞5456 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容