免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

标题: [教学] discuz修改添加隐藏附件背景图片_附件隐藏美化 [打印本页]

作者: 开心    时间: 2020-8-31 19:58     标题: discuz修改添加隐藏附件背景图片_附件隐藏美化

本帖最后由 开心 于 2020-8-31 19:59 编辑

discuz的隐藏附件比较丑,一般不容易被发现,今天看到一个网站的隐藏附件设计的不错,就搬了一下,顺便写个小教程分享一下经验,

效果如图:

GIF动画录制工具20200831193202.gif
2020-8-31 19:51


【修改教程】

其实也比较简单,就是修改一下这部分的CSS样式,后台-界面-模板管理-css_script.htm,可以在搜索模板内容里搜索:.locked 即可找到位置,将下面的CSS样式:
  1. .locked { margin: 10px 0; width: 600px; w\idth: 560px; padding: 8px 8px 8px 24px; border: 1px dashed #FF9A9A; background: {WRAPBG} url({IMGDIR}/locked.gif) no-repeat 6px 50%; font-size: 12px; }
  2.                                 .locked:hover { background: {COMMONBG} url({IMGDIR}/locked.gif) no-repeat 6px 50%; }
复制
替换为:

本帖隐藏的内容需要回复才可以浏览


里面的两个图片地址可以自己修改为喜欢的背景图片,也可以根据需要修改完善这段代码,达到自己的要求!最后更新缓存生效!

888.png
2020-8-31 19:54


999.png
2020-8-31 19:54


图片附件: GIF动画录制工具20200831193202.gif (2020-8-31 19:51, 604.05 KB) / 下载次数 653
http://icode.258club.com/attachment.php?aid=926&k=a6f0c995f172439bbf3ee833057ffb57&t=1711678131&sid=Kq5dlK



图片附件: 888.png (2020-8-31 19:54, 47.72 KB) / 下载次数 540
http://icode.258club.com/attachment.php?aid=927&k=ffaea210120205bdc20ceb88f4e617cc&t=1711678131&sid=Kq5dlK



图片附件: 999.png (2020-8-31 19:54, 41.68 KB) / 下载次数 566
http://icode.258club.com/attachment.php?aid=928&k=328be14ecc802af8f3ebf494378464a8&t=1711678131&sid=Kq5dlK


作者: icode    时间: 2020-8-31 22:09

看帖回帖那是一定要的:太厉害啦!

作者: 东窗凝月    时间: 2020-9-4 22:07

看帖回帖那是一定要的:精彩至极,文章写的真棒,对我非常有帮助

作者: 小可爱    时间: 2020-10-1 21:52

既然你诚心诚意的推荐了,那我就勉为其难的看看吧!
作者: 你好世界    时间: 2022-10-28 20:41

看帖回帖那是一定要的:哈哈!好资源,拿走了!

作者: 米酷    时间: 2023-5-15 20:21

这个帖子不回对不起自己!




欢迎光临 爱秀代码 (http://icode.258club.com/) Powered by Discuz! 7.2