Discuz隐藏信息加背景图美化教程

Bai

隐藏信息效果图如下（本站也在也哦）

先用FTP打开
template/default/common/module.css 下载到本地
大概1041行，可以在这个文件搜索：.locked 即可找到位置，将下面的CSS样式：

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; }
   
2.                 .locked:hover background-color: #F7F7F7; }

复制代码

可以直接将以上代码删除或者用/*  */注释掉然后在下面添加以下代码：

1.   .locked{
   
2.         margin: 0 auto;
   
3.     height: 161px;
   
4.         color: #000;
   
5.     font-size: 18px;
   
6.     padding: 0px;
   
7.     background: #FFF url(http://www.xiaobaigw.cn/static/image/common/locked1.jpg) no-repeat right bottom !important;
   
8.     border-radius: 5px !important;
   
9.     width: 540px !important;
   
10.     text-indent: 15px;
    
11.     line-height: 160px;
    
12.     overflow: hidden;
    
13.     -webkit-transition: all 0.3s linear 0s;
    
14.     -moz-transition: all 0.3s linear 0s;
    
15.     -o-transition: all 0.3s linear 0s;
    
16.     transition: all 0.3s linear 0s;
    
17.                 }
    
18.         .locked:hover{
    
19.                 background: #FFF url(http://www.xiaobaigw.cn/static/image/common/lockhover.jpg) no-repeat right bottom !important;
    
20.         }        
    

复制代码

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

本站修改好的替换文件module.css，解压后替换：template/default/common/module.css然后更新缓存即可！

module.zip (27.47 KB, 下载次数: 4)

2017-8-17 22:57 上传

点击文件名下载附件
阅读权限: 10