插件之家风格 discuz下载附件图标美化特效

创建: 禹天 发布:2015-3-11 09:41
26808 次浏览 419 位用户参与讨论
资源详情
以下发布的作品,版权归属原作者插件之家共同所有。
插件名称:下载附件图标美化特效 ,作者:禹天
语言编码GBK简体 
适用版本:Discuz!X3.2 Discuz!X3.1 Discuz!X3 
转载地址:http://bbs.chajian110.com/
详细描述:下载附件图标美化特效
插件之家站长网温馨提示 1、为保证您的问题能够及时解决,若有任何疑问,请直接至 互动问答区 提问,切勿在此帖回复提问。
2、如提示模板非正版,请点击 关于出现 现“对不起,您安装的不是正版应用”的解决办法 切勿在此帖回复此问题。
3、安装插件后,请记得启用及设置。
4、安装新风格模板或更新模板后,请及时更新缓存及CSS缓存。
最近老有人跟我要这个特效,如图
未标题-1.jpg

其实这个效果算不上插件。严格上来说是风格的二次修改,然后再增加了css就出来的效果。
我也是仿制墨客吧的站搞的。
当初挺喜欢这样的效果。

已发布!免费的哦!

使用说明


第一步
首先把下面的css放到你的风格里你的风格css地址路径是
\template\你的风格\common\extend_common.css
  1. /* 论坛附件美化 */
  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;}
复制代码

第二步上传附件里的discuzcode.php文件到你风格论坛模板路径下
\template\你的风格\forum
游客,如果您要查看本帖隐藏内容请回复



第三步
按钮图标自己设计一个!或者直接用插件之家的图标进行覆盖!

插件之家的图标路径是
http://bbs.chajian110.com/static/image/filetype/rar.gif
到此说明结束!


感谢各位对插件之家的支持!我会努力做得更好!





参与讨论的有 416 人
正需要,以后我会常来的,支持插件之家支持资源共享!

点评

http://www.xiaoxiancc.com/ 小说推荐  发表于 2015-4-20 09:39
http://www.auerbachgas.com/ 爱情小说网  发表于 2015-3-23 16:08
http://www.daoxcun.com/ 盗香小说网  发表于 2015-3-21 04:02
正需要,以后我会常来的,支持插件之家支持资源共享!
navi515 2015-3-11 10:35:15 显示全部楼层
正需要,以后我会常来的,支持插件之家支持资源共享!
太棒了,感谢楼主提供这么好的资源。
居然这个也能破解!谢谢楼主的分享!
坐等发布哈哈
太棒了,感谢楼主提供这么好的资源。
我只是路过打酱油的
pyj520 2015-3-12 06:32:17 显示全部楼层
太棒了,感谢楼主提供这么好的资源。
添加一条新回复

本版积分规则

hi,欢迎来到插件之家 - 禹天分享社区

热门商讯
帖子标签
赞助伙伴
客服中心
快速回复 返回顶部 返回列表