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