像本站一样隐藏美化 discuz修改添加隐藏添加背景图片_附件隐藏美化
discuz的隐藏附件比较丑,一般不容易被发现,今天看到一个网站的隐藏附件设计的不错,就搬了一下,顺便写个小教程分享一下经验,效果如图
其实也比较简单,就是修改一下这部分的CSS样式,文件位置在:template/default/common/module.css大概1041行,可以在这个文件搜索:.locked 即可找到位置,将下面的CSS样式
.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; } 两边加上/**/ 注释掉,或者直接删除,然后添加下面的代码:
.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; } 里面的两个图片地址可以自己修改为喜欢的背景图片,也可以根据需要修改完善这段代码,达到自己的要求!最后更新缓存生效!
页:
[1]