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://we.moqu8.com/static/image/common/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://we.moqu8.com/static/image/common/lockhover.jpg) no-repeat right bottom !important;

        }        

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


本站修改好的替换文件（假设背景图片位于static/image/common/locked1.jpg），解压替换到：template/default/common/module.css然后更新缓存即可！
点击下载 module.zip(大小：27.79K)
【魔趣建站在用的美化图片】


点击下载 locked1.rar(大小：9.82K)