致力于打造一个优秀的建站资源共享学习平台!

精仿魔客吧 discuz论坛下载附件按钮图标美化特效插件

by 爱站窝
精仿魔客吧 discuz论坛下载附件按钮图标美化特效插件

093922g4ffpcfk4q749795
这是仿制魔客吧的下载按钮风格

算不上插件。严格上来说是风格的二次修改,然后再增加了css就出来的效果。

很多人都喜欢这个风格,这里分享出来!

使用说明

第一步
首先把下面的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;}

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

第三步
按钮图标自己设计一个!或者直接用插件之家的图标进行覆盖!
插件之家的图标路径是
http://bbs.chajian110.com/static/image/filetype/rar.gif
到此说明结束!

全部评论: 0

我们的优势当前为最新版本,木有更新记录哦!
在线咨询
有什么可以帮到你
点击咨询

账号登录

忘记密码

第三方账号快速登录

Q Q 登 录 微 博 登 录

账号注册 已经有账号? 立即登录

发送验证码

第三方账号快速注册

Q Q 登 录 微 博 登 录