[【dz教程】] 应用中心 像本站一样隐藏美化 discuz修改添加隐藏添加背景图片_附件隐藏美化

[复制链接] [提交至百度]
夜风 发表于 2018-6-20 12:37:11
1863 0

马上注册,下载资源,享用更多功能,让你轻松玩转网站

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
discuz的隐藏附件比较丑,一般不容易被发现,今天看到一个网站的隐藏附件设计的不错,就搬了一下,顺便写个小教程分享一下经验,效果如图
 像本站一样隐藏美化 discuz修改添加隐藏添加背景图片_附件隐藏美化  discuz教程 123336u9tenzhwdw9jkltn

其实也比较简单,就是修改一下这部分的CSS样式,文件位置在:template/default/common/module.css  大概1041行,可以在这个文件搜索:.locked 即可找到位置,将下面的CSS样式


  1. .locked { overflow: hidden; margin: 10px 0; padding: 8px 8px 8px 24px; border: 1px dashed #FF9A9A; background: {WRAPBG} url({IMGDIR}/locked.gif) no-repeat 6px 50%; font-size: 12px; zoom: 1; }                .locked:hover background-color: #F7F7F7; }
复制代码
两边加上/**/ 注释掉,或者直接删除,然后添加下面的代码:

  1. .locked{        margin: 0 auto;    height: 161px;        color: #000;    font-size: 18px;    padding: 0px;    background: #FFF url(https://bbs.jinyide.wang/images/locked1.jpg) no-repeat right bottom !important;    border-radius: 5px !important;    width: 540px !important;    text-indent: 15px;    line-height: 160px;    overflow: hidden;    -webkit-transition: all 0.3s linear 0s;    -moz-transition: all 0.3s linear 0s;    -o-transition: all 0.3s linear 0s;    transition: all 0.3s linear 0s;                }        .locked:hover{                background: #FFF url(https://bbs.jinyide.wang/images/lockhover.jpg) no-repeat right bottom !important;        }        
复制代码
里面的两个图片地址可以自己修改为喜欢的背景图片,也可以根据需要修改完善这段代码,达到自己的要求!最后更新缓存生效!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

推荐阅读

平台简介

六六下载网(666现在.cn),中国最大的电商设计师交流平台。最活跃的电商设计师学习交流分享社区。集原创作品+灵感图库+经验教程+设计专访+设计培训+社群活动为一体,全方位服务电商设计师。成立3年来,聚集20万电商设计师,定期线下设计沙龙,覆盖北京、上海、广州、杭州等城市计

QQ|Archiver|手机版|小黑屋|666下载网 ( 粤ICP备16097146号-5 )|网站地图  

Powered by 金易德.cn! X3.4  © 2014-2018 深圳市龙岗区金易徳贸易商行   增值电信业务经营许可证:粤B2-20140196

返回顶部 返回列表