修改的qing版瀑布流 for X2.5

演示效果 : http://bbs.1089u.com/forum.php?mod=forumdisplay&fid=53
下载官方qing版的模版 拷贝forumdisplay_list.htm 文件中对应的代码
找到
<ul class="ml mlt mtw cl">
...
</ull>
替换
<ul id="waterfall" class="ml waterfall cl">
....
</ul>

其实只要替换 <ul class="ml mlt mtw cl">下面的那些全部代码就可以了

这些代码.你可以用文档比较软件来 查看 默认版本和qing版有什么区别 复制redef.js到对应的文件下面 看你设置了,我复制到 模版的扩展图片目录下面 还有个bg_waterfall.png图片 是瀑布流下的影子背景
还有 extend_common.css 里面要添加
瀑布流的css样式

1. 
   
2. /* 瀑布流布局 by Pony 1204121803 */
   
3. .waterfall { position: relative; margin-top: 15px; }
   
4.         .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%; }
   
5.         .waterfall .c, .waterfall h3 { padding: 10px; border: solid #EAEAEA; border-width: 0 1px; background-color: #F8F8F8; }
   
6.                 .waterfall .c { overflow: hidden; padding-bottom: 0; max-height: 800px; }
   
7.                 .waterfall .c .nopic { display: block; background:{WRAPBG} url({IMGDIR}/nophototiny.png) no-repeat 50% 50%; cursor: pointer; }
   
8.         .waterfall .auth { padding: 0 10px 10px; border-width: 0 1px 1px; border-style: solid; border-color: transparent #EAEAEA #B9B9B9; background: #F8F8F8; }
   
9.                 .waterfall .auth img { display: inline-block; margin: 0 1px; }

复制代码

还行。不过是每个子栏目都可以设置吗？


灵异世界  www.xh.xiyan20.com
微博测试  www.yy.xiyan20.com

我已经完美呈现，呼哈哈
118商务网 http://www.w118.com/

我的就用上了，http://bbs.ggbm.cn 贵港论坛

感谢，回头试一下

分享提高