免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
帖子
发帖
查看: 1万|回复: 3
上一主题 下一主题 打印

[教学] discuz修改添加隐藏附件背景图片_附件隐藏美化   精华 1 [复制链接]

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

x
本帖最后由 开心 于 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

评分

1

评分人数

  • icode

最近看过此主题的会员

小可爱
访问时间:2020-10-17 15:33
第九街区
访问时间:2020-10-12 08:12
老闆
访问时间:2020-09-29 18:03
东窗凝月
访问时间:2020-09-26 08:05
小豪
访问时间:2020-09-08 09:40
开心
访问时间:2020-09-07 11:29
果卷
访问时间:2020-09-04 13:14
icode
访问时间:2020-08-31 22:09

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

看帖回帖那是一定要的:太厉害啦!
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

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

您还可以输入:个字符
X

 X

TOP

既然你诚心诚意的推荐了,那我就勉为其难的看看吧!
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖
B Color Image Link Quote Code Smilies
高级模式 | 发新话题

 
您需要登录后才可以回帖 登录|立即注册 
网站稳定运行:
快速
返回顶部
返回首页