夜风 发表于 2018-6-20 12:37:11

像本站一样隐藏美化 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]
查看完整版本: 像本站一样隐藏美化 discuz修改添加隐藏添加背景图片_附件隐藏美化