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

显示全部楼层 · 2021-5-9 19:48:49

注册会员！查看更多隐藏内容请登录回复后查看。

您需要登录才可以下载或查看，没有账号？立即注册

×

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

/* 论坛附件美化 */
.button {width: 200px;float: left;margin: 10px 0px;z-index: 2;}
.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);
display: block;height: 50px;width: 200px;position: relative;z-index: 2;color: white;font: bold 17px/50px Helvetica,Verdana,sans-serif;text-decoration: none;
text-align: center;text-transform: uppercase;background: -webkit-linear-gradient(top,#00b7ea 0%,#009ec3 100%);}
.vm {vertical-align: middle;}
table {empty-cells: show;border-collapse: collapse;}
.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;
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;
-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;}
.button:hover .top {margin: -80px 0 0 10px}
.button:hover .bottom {margin: -10px 0 0 10px;}
.buttonright {float: left;margin-left: 20px;font-size: 14.9px;font-family: Tahoma,"Microsoft Yahei",SimSun,Helvetica,sans-serif;padding-top: 14px;}
.buttonright em {color: #CC0000;font-weight: bold;}
.buttonright a {text-decoration: none;font-size: 14px;font-family: Tahoma,"Microsoft Yahei",SimSun,Helvetica,sans-serif;}
.t_f .buttonright a {text-decoration: none;}
.user_list a img {margin-bottom: 8px;border: none;}