腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

Discuz隐藏附件处美化优化解决方法

1
回复
1550
查看
[复制链接]

4

主题

14

帖子

789

积分

信息监察员

Rank: 9Rank: 9Rank: 9

积分
789
发表于 19-2-20 22:50:23 | 显示全部楼层 |阅读模式         
其实也比较简单,就是修改一下这部分的CSS样式,文件位置在:template/default/common/module.css  大概1041行,可以在这个文件搜索:.locked 即可找到位置,将下面的CSS样式:2 Z+ [9 H& V5 e& `; d* y

  C  x2 _. V8 S4 O; x
  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; }
复制代码
两边加上/**/ 注释掉,或者直接删除,然后添加下面的代码:
& a+ j2 t8 @7 V' O- }3 h1 @
  1. .locked{margin: 0 auto;height: 161px;color: #000;font-size: 18px;padding: 0px;background: #FFF url(图片地址) 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(图片地址) no-repeat right bottom !important;}
复制代码

! t3 ]4 h6 t/ p) m2 f  里面的两个图片地址可以自己修改为喜欢的背景图片,也可以根据需要修改完善这段代码,达到自己的要求!最后更新缓存生效!% j3 m6 V& ~; t6 y/ ~7 F. v
下方是本站的使用效果(适用于PC端,手机端无效):演绎如本站!; N; ~8 O, s+ f4 }6 u
图片下载地址+ |, C$ \% w+ A' d3 o
游客,如果您要查看本帖隐藏内容请回复
4 l: Z) R+ X0 h, S5 }5 G+ p

0

主题

10

帖子

38

积分

1°伸手党

Rank: 2

积分
38
发表于 19-10-9 07:07:30 | 显示全部楼层         
过来看看的
回复

使用道具 举报

网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除