b2主题美化之仿致美化页脚 b2美化

效果图

本文摘自路人丁

教程方法

添加在footer.php文件中，注意自行修改其中链接。

1.  
2. 1. <div class=“footer hidden-xs”>
3. 1. <div class=“footer__wrapper site-info” style=“margin–top: 100px;“>
4. 1. <div class=“footer__row”>
5. 1. <div class=“footer__column hodss footer__column-products ducts pull-left mfu-5j”>
6. 1. <h4>热门资源分类</h4>
7. 1. <div class=“footer__column pull-left”>
8. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3BjLw==” class=“list__link”>电脑主题</a>
9. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3RhZy90dWJpYW8v” class=“list__link”>电脑图标</a>
10. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3dhbGxwYXBlci8=” class=“list__link”>高清壁纸</a>
11. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3RhZy9jdXJzb3JzLw==” class=“list__link”>鼠标指针</a>
12. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3NraW5zLw==” class=“list__link”>软件皮肤</a>
13. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3dhbGxwYXBlci8=” class=“list__link”>高清壁纸</a>
14. 1. </div>
15. 1. <div class=“footer__column pull-left”>
16. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL21vYmlsZS8=” class=“list__link”>手机壁纸</a>
17. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2xhYnMv” class=“list__link”>问卷调查</a>
18. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3Rvb2xzLw==” class=“list__link”>美化软件</a>
19. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2J1YmJsZS8=” class=“list__link”>桌面秀</a>
20. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3N0dWR5Lw==” class=“list__link”>美化教程</a>
21. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3Rvb2xzLw==” class=“list__link”>美化软件</a>
22. 1. </div>
23. 1. </div>
24. 1.  
25. 1. <div class=“footer__column hodss footer__column-products pull-left mob-hide mar-2x”>
26. 1. <h4 data-microtip=“你继续使用本站即视为理解并同意以下协议” data-microtip-position=“top”>网站协议</h4>
27. 1. <div class=“footer__column”>
28. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2d1aWZhbi8=” target=“_blank” class=“list__link”>用户规范</a>
29. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3N1Lw==” target=“_blank” class=“list__link”>版权声明</a>
30. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2t1YW4v” target=“_blank” class=“list__link”>充值协议</a>
31. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL3ByaXZhY3kv” target=“_blank” class=“list__link”>隐私权声明</a>
32. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2NvLw==” target=“_blank” class=“list__link”>授权及使用协议</a>
33. 1. </div>
34. 1. </div>
35. 1. <div class=“footer__column hodss footer__column-company pull-left mob-hide mar-20j”>
36. 1. <h4>关于我们</h4>
37. 1. <div class=“footer__column”>
38. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2Fib3V0dXMv” target=“_blank” class=“list__link”>关于致美化</a>
39. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2NvbnRhY3Qv” target=“_blank” class=“list__link”>联系方式</a>
40. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly96aHV0aXguY29tL2pvaW51cy8=” target=“_blank” class=“list__link”>加入我们</a>
41. 1. </div>
42. 1. </div>
43. 1. <div class=“footer__column footer__column-newsletter pull-right mar-1j”>
44. 1. <div style=“” class=“footer__row”>
45. 1. <div class=“join join_simple”>
46. 1. <div class=“join__form”>
47. 1.  
48. 1. <form id=“scbar_form” role=“search” method=“get” class=“search-form” action=“https://www.miuiy.com/” target=“_blank”>
49. 1. <div class=“join__field field”>
50. 1. <div class=“field__wrap”>
51. 1. <input type=“text” name=“s” placeholder=“” id=“s” class=“pd5 field__input ng-pristine ng-untouched ng-valid ng-empty ng-valid-email” value=“”>
52. 1. <img src=“https://www.miuiy.com/logo.png”>
53. 1. </div>
54. 1. </div>
55. 1. <button type=“submit” name=“post_type” sc=“1” class=“join__btn v6-btn” value=“post”>
56. 1.  
57. 1. <i class=“sai feng-sousuo2”></i>
58. 1.  
59. 1. </button>
60. 1. </form>
61. 1. </div>
62. 1. </div>
63. 1. </div>
64. 1. </div>
65. 1. </div> <div class=“footer__row”>
66. 1. <div class=“footer__column footer__column-cta cta-author pull-left”>
67. 1. <a href=“/qqqun/” class=“btn v6-btn v6-btn_blue”>QQ群</a>
68. 1. <div class=“button-cta author hodss”>
69. 1. <span>加入艺创博客技术QQ群一起学习美化。</span>
70. 1. </div>
71. 1. </div>
72. 1. <div class=“footer__column footer__column-cta cta-affiliate gzzh pull-left mar-20l”>
73. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9zcGFjZS5iaWxpYmlsaS5jb20vMTU4MDEzOA==” target=“_blank” data-microtip=“致美化哔哩哔哩空间” data-microtip-position=“top-left”><img src=“https://dl.zhutix.net/2019/02/bilibili.svg”></a>
74. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly93ZWliby5jb20vbWZhbjE1MQ==” target=“_blank” data-microtip=“致美化新浪微博” data-microtip-position=“top-right”><img src=“https://dl.zhutix.net/2019/02/weibo.svg”></a>
75. 1. <!– <a href=”/vips” class=”btn v6-btn column12″>申请VIP</a>
76. 1. <div class=”button-cta affiliate”>
77. 1. <span>三折抢终生会员享免锋币下载特权</span>
78. 1. </div> –>
79. 1. </div>
80. 1. <div class=“footer__column footer__column-counts pull-right”>
81. 1. <div class=“count” data-microtip=“⛔当你的锋币＜1且60天内未登录网站会被自动删除账号” data-microtip-position=“top-left”>
82. 1. <div class=“number”>221679</div>
83. 1. <div class=“caption”>用户数量</div>
84. 1. </div>
85. 1. <div class=“count”>
86. 1. <div class=“number”>396505</div>
87. 1. <div class=“caption”>互动数量</div>
88. 1. </div>
89. 1. <div class=“count”>
90. 1. <div class=“number”>1332</div>
91. 1. <div class=“caption”>素材数量</div>
92. 1. </div>
93. 1. <div class=“count hodss”>
94. 1. <div class=“number”>18</div>
95. 1. <div class=“caption”>作者数量</div>
96. 1. </div>
97. 1. </div>
98. 1. </div>
99. 1. </div>
100. 1. </div>
101. 1.  
102. 1. <div id=“footer-bottom”>
103. 1. <div class=“footer__row site-info”>
104. 1. <div class=“footer__column copyright pull-left”>
105. 1.  
106. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cDovL3d3dy5taWl0YmVpYW4uZ292LmNuLw==” target=“_blank” rel=“external nofollow”>豫ICP备12009440号</a>
107. 1.  
108. 1. &nbsp;&nbsp;Theme by <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly83YjIuY29t” target=“_blank”>柒比贰</a><!– 18 queries 0.128s –>
109. 1.  
110. 1.  
111. 1. </div>
112. 1.  
113. 1. <div class=“footer__column payment hodss pull-right”>
114. 1. <!– <i class=”sai feng-anquan1″></i>
115. 1. <span>技术支持:</span> –>
116. 1.  
117. 1. <img class=“icon icon-v6 icon-v6-stripe teng” src=“https://dl.zhutix.net/v2.1/teng.svg” title=“腾讯云”>
118. 1. <img class=“icon icon-v6 icon-v6-stripe ali” src=“https://dl.zhutix.net/v2.1/ali.svg” title=“阿里云”>
119. 1. <img class=“icon icon-v6 icon-v6-stripe qiniu” src=“https://dl.zhutix.net/v2.1/qiniu.svg” title=“七牛云”>
120. 1. <img class=“icon icon-v6 icon-v6-stripe youku” src=“https://dl.zhutix.net/v2.1/youku.svg” title=“优酷”>
121. 1. <img class=“icon icon-v6 icon-v6-stripe alipay” src=“https://dl.zhutix.net/v2.1/alipay.svg” title=“支付宝”>
122. 1. <img class=“icon icon-v6 icon-v6-stripe weixinpay” src=“https://dl.zhutix.net/v2.1/weixinpay.svg” title=“微信支付”>
123. 1. <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cHM6Ly92Lnl1bmFxLmNvbS9jZXJ0aWZpY2F0ZT9kb21haW49d3d3LnpodXRpeC5jb20mYW1wO2FtcDtmcm9tPWxhYmVsJmFtcDthbXA7Y29kZT05MDAzMA==”>
124. 1. <img class=“icon11 icon-v6 icon-v6-strip” src=“https://aqyzmedia.yunaq.com/labels/label_sm_90030.png”>
125. 1. </a>
126. 1. </div>
127. 1.  
128. 1. <div class=“wencom pull-left”>
129. 1. Copyright © 2018 <a rel=“external nofollow” target=“_blank” href=“https://www.miuiy.com/wp-content/themes/begin/go.php?url=aHR0cDovL3podXRpeC5jb20v” target=“_blank”>zhutiX.com</a><span class=“hodss”>. &nbsp;All Rights Reserved. </span>
130. 1. </div>
131. 1.  
132. 1. </div>
133. 1. </div>
134.  

一键复制

样式代码放到主题目录的style.css文件内，不同主题可能会有变化（柒比贰主题放置子主题内的style.css即可）。

1. /*底部*/
2. .footer {
3. border–bottom: 1px solid #000;
4. box–sizing: border–box;
5. left: 0;
6. bottom: 0;
7. letter–spacing: .4px;
8. line–height: 1

提示： 本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报，会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络，如有侵权烦请发送邮件至：522552094@qq.com