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

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

作者: 开心    时间: 2020-9-1 10:38     标题: discuz修改添加隐藏附件背景图片_附件隐藏美化

本帖最后由 开心 于 2020-9-1 10:41 编辑

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

效果如图:

GIF动画录制工具20200831193202.gif

【修改教程】

其实也比较简单,就是修改一下这部分的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

999.png

图片附件: GIF动画录制工具20200831193202.gif (2020-9-1 10:28, 604.05 KB) / 下载次数 593
http://i-share.66rt.com/attachment.php?aid=1886&k=31a912d1ec36525f0ec6a2b5d19fbe69&t=1780801571&sid=3webnx



图片附件: 888.png (2020-9-1 10:29, 47.72 KB) / 下载次数 517
http://i-share.66rt.com/attachment.php?aid=1887&k=c3bdd0bc49c582809a23a529a476c577&t=1780801571&sid=3webnx



图片附件: 999.png (2020-9-1 10:29, 41.68 KB) / 下载次数 533
http://i-share.66rt.com/attachment.php?aid=1888&k=9b93beeb699c9190d20f4db1250722b4&t=1780801571&sid=3webnx


作者: 9528    时间: 2025-4-12 20:07

[quote]看帖回帖那是一定要的




欢迎光临 i-share 爱生活爱分享 (http://i-share.66rt.com/) Powered by Discuz! 7.2