网站底部美化扩展

第一步：
下载素材包，解压添加到网站根目录templates文件夹对应风格目录下

请点击此处下载

查看状态：需购买或无权限

您的用户组是：游客

文件名称:素材包.zip 
下载次数:4  文件大小:249.33 KB 
下载权限: 不限 以上  [点击充值金币]  [签到领取金币]

第二步：
进入网站后台，点击模板编辑
修改foot.html (底部样式文件），将下方代码添加进去，按照自己的需求修改一下，然后保存即可

1. 
   
2. <link rel="stylesheet" href="./css/common.min.css"/>
   
3. 
   
4. <div class="footer-banner">
   
5. <div class="footer-bubble bubble-1"></div>
   
6. <div class="footer-bubble bubble-2"></div>
   
7. <div class="footer-bubble bubble-3"></div>
   
8. <div class="footer-banner-text"> 致力于打造中国最受欢迎的综合资源免费分享资源平台 </div>
   
9. <div class="footer-banner-button"> <a target="_blank" href="https://www.12580sky.com">立即免费注册</a> </div>
   
10. </div>
    
11. <div class="footer">
    
12. <div class="auto clearfix">
    
13. <!-- footer主要-->
    
14. <div class="five-superiority">
    
15. <ul class="five-superiority-list clearfix">
    
16. <li class="compensate_ico"> <a> <span>资源全 无后门</span> </a> </li>
    
17. <li class="retreat_ico"> <a> <span>安全分享 保障安全</span> </a> </li>
    
18. <li class="technology_ico"> <a> <span>7*24小时 服务支持</span> </a> </li>
    
19. <li class="prepare_ico"> <a> <span>权威认证 安全可信</span> </a> </li>
    
20. </ul>
    
21. </div>
    
22. <div class="footer-floor1">
    
23. <div class="footer-left">
    
24. <div class="company-box">
    
25. <h3>0356-3935056</h3>
    
26. <h4>周一至周日9：00-24：00</h4>
    
27. <a href="http://wpa.qq.com/msgrd?v=3&uin=88888&site=qq&menu=yes" target="_blank" class="more">
    
28.                             <i class="talkqq"></i>联系在线客服</div>
    
29. </div>
    
30. <div class="footer-list">
    
31. <ul>
    
32. <li class="flist-title">常见问题</li>
    
33. <li><a href="#">帮助中心</a></li>
    
34. <li><a href="#">注册教程</a></li>
    
35. <li><a href="#">登录教程</a></li>
    
36. </ul>
    
37. <ul >
    
38. <li class="flist-title">企业文化</li>
    
39. <li><a href="#">关于我们</a></li>
    
40. <li><a href="#">发展历程</a></li>
    
41. <li><a href="#">企业资质</a></li>
    
42. </ul>
    
43. <ul>
    
44. <li class="flist-title">商务合作</li>
    
45. <li><a href="#">账号注册</a></li>
    
46. <li><a href="#">投诉建议</a></li>
    
47. <li><a href="#" target="_blank">服务协议</a></li>
    
48. </ul>
    
49. <ul class="flist-4">
    
50. <li class="flist-title">招贤纳士</li>
    
51. <li><a href="#">免责申明</a></li>
    
52. <li><a href="#">使用条款</a></li>
    
53. <li><a href="#">联系我们</a></li>
    
54. </ul>
    
55. <div class="clear-float"></div>
    
56. </div>
    
57. <div class="footer-right"> <img src="../../images/qrcode.png" width="134" height="134">
    
58. <p>扫描关注微信公众号</p>
    
59. </div>
    
60. <div class="clear-float"></div>
    
61. </div>
    
62. </div>
    
63. 
    
64. <div class="footer_bot">
    
65. <div class="footer_copy">
    
66. <span style="color:#FFFFFF;">
    
67. <p class="STYLE1">Copyright © 2015-2020 www.xoooi.com, All rights reserved. </p></span>
    
68. <span class="STYLE1 STYLE1">
    
69. <a href="#" target="_blank">
    
70. <img src="./images/aqlm.png"></img></a>
    
71. 
    
72. <a href="#" target="_blank">
    
73. <img src="./images/stat.png"></img></a>
    
74. 
    
75. <a href="#" target="_blank">
    
76. <img src="./images/qg.png"></img></a>
    
77. 
    
78. <a href="#" target="_blank">
    
79. <img src="./images/ipckexin.png"></img></a>
    
80. </span><span class="STYLE1"></span>
    
81. </span>
    
82. </div>
    
83.         </div>
    
84. </div>
    

复制代码

很给力。。。。很喜欢

不错哦  喜欢 嘿嘿

前来支持~~~~~~~~~~~~~~~~~~~

谢谢楼主的辛苦分享

不错！顶LZ

期待中......

学习一下！十分感谢

顶起  很好的帖

感谢您的无私精神...