discuz论坛下载附件图标美化特效

第一步
首先把下面的css放到你的风格里你的风格css地址路径是
\template\你的风格\common\extend_common.css

1. <font size="4">/* 论坛附件美化 */
   
2. .button {width: 200px;float: left;margin: 10px 0px;z-index: 2;}
   
3. .button a {-webkit-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
   
4. display: block;height: 50px;width: 200px;position: relative;z-index: 2;color: white;font: bold 17px/50px Helvetica,Verdana,sans-serif;text-decoration: none;
   
5. text-align: center;text-transform: uppercase;background: -webkit-linear-gradient(top,#00b7ea 0%,#009ec3 100%);}
   
6. .vm {vertical-align: middle;}
   
7. table {empty-cells: show;border-collapse: collapse;}
   
8. .button p {background: #222;display: block;height: 40px;width: 180px;margin: -50px 0 0 10px;text-align: center;font: 12px/45px Helvetica,Verdana,sans-serif;
   
9. color: #fff;position: absolute;z-index: 1;-webkit-transition: margin 0.5s ease;transition: margin 0.5s ease;-webkit-border-radius: 10px;border-radius: 10px;
   
10. -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);box-shadow: 2px 2px 8px rgba(0,0,0,0.2);text-decoration: none;text-transform: uppercase;}
    
11. .button:hover .top {margin: -80px 0 0 10px}
    
12. .button:hover .bottom {margin: -10px 0 0 10px;}
    
13. .buttonright {float: left;margin-left: 20px;font-size: 14.9px;font-family: Tahoma,"Microsoft Yahei",SimSun,Helvetica,sans-serif;padding-top: 14px;}
    
14. .buttonright em {color: #CC0000;font-weight: bold;}
    
15. .buttonright a {text-decoration: none;font-size: 14px;font-family: Tahoma,"Microsoft Yahei",SimSun,Helvetica,sans-serif;}
    
16. .t_f .buttonright a {text-decoration: none;}
    
17. .user_list a img {margin-bottom: 8px;border: none;}</font>

复制代码

第二步上传附件里的discuzcode.php文件到你风格论坛模板路径下
\template\你的风格\forum



GBK下载：

UTF8下载：


第三步
按钮图标自己设计一个！
图标路径：./static/image/filetype/rar.gif  or  ./static/image/filetype/zip.gif


请注意，帖子附件需插入帖子内，否则无效果。