Discuz官方图片区瀑布流的x2.5修改方法

看见官方区很多同学都问其他模板里面可以使用Discuz官方图片区瀑布流吗？答案是可以的，下载我们分享下X2.5修改和实现的方法
一、打开你使用的模板下common目录中的common.css或者extend_common.css，在最下面添加/* 瀑布流布局 by 风乱流年www.discuzlab.com）提供 */
.waterfall { position: relative; margin-top: 15px; }
.waterfall li { margin: 0 10px 10px 0; padding: 0 0 3px; text-align: left; border-width: 1px 0 0; border-top: 1px solid #EAEAEA; background: url({STYLEIMGDIR}/bg_waterfall.png) no-repeat 100% 100%; }
.waterfall .c, .waterfall h3 { padding: 10px; border: solid #EAEAEA; border-width: 0 1px; background-color: #F8F8F8; }
.waterfall .c { overflow: hidden; padding-bottom: 0; max-height: 800px; }
.waterfall .c .nopic { display: block; background:{WRAPBG} url({IMGDIR}/nophototiny.png) no-repeat 50% 50%; cursor: pointer; }
.waterfall .auth { padding: 0 10px 10px; border-width: 0 1px 1px; border-style: solid; border-color: transparent #EAEAEA #B9B9B9; background: #F8F8F8; }
.waterfall .auth img { display: inline-block; margin: 0 1px; }二、打开使用模板中的forum目录下的forumdisplay_list.htm文件，查找代码

 
 
  
  
  
 
 
• 
    
    
  
    
    
    
    
    
    
    
    
    
    
  
    
    
  
    
    
    
    
    
    
    
    
  
    

  
    
     {lang thread_stick}{lang thread_digest}$thread[subject]
    

  
    
  
    
     $thread[cover]
    
     $thread[author] $verify[$thread[authorid]]
    
     $_G[setting][anonymoustext]
    
    
  
    
  
     $thread[replies] / $thread[views]{$groupnames[$thread[tid]][views]}
     $thread[dateline]
    
  
   

 
 

修改代替为

 
 
  
  
  
 
 
 
• 
    
    
  
    
    
    
    
    
    
    
    
    
    
  
    
    
  
    
    
    
    
    
    
    
    
  
    

  
    
     $thread[subject]
    

  
    
  
    
     {echo '喜欢'}: $thread[recommends]0
       {lang reply}: $thread[replies]
    
    
    
     $thread[author] $verify[$thread[authorid]]
    
     $_G[setting][anonymoustext]
    
    
  
   

 
 

 

 
  三、把2个修改好的文件上传覆盖，然后下载附件redef.rar，解压后上传到static\js目录下，再进入界面--风格管理--更新CSS缓存，到此修改就完成了。
四、进行如下2点设置：
1、到后台“界面”->“界面设置”->“主题列表页”页面，设置“主题封面高度”为一个比较大的数值，建议设置为 9999，“主题封面宽度”建议设置为：200；
2、到后台“工具”->“更新统计”页面，进行“重建主题封面”操作，这样生成的缩略图就都是按比例缩放的了。
现在刷新看看图片区是不是成瀑布流的样式了。