普通模版实现瀑布流，无需插件，简单只需几步

模版之家 · 发表于 2012-10-10 11:41:13

图片预览

把附件中的redef.js bg_waterfall.png、bg_pgbtn.png移动至当前模板图片目录

把forumdisplay_list.htm上传到当前使用的模版forum\forumdisplay_list.htm 覆盖前备份

在正在使用的模板目录下common\extend_common.css里最下方添加

<FONT color=black>/* 瀑布流布局 by Pony 1204121803 */
.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; }
/* 大分页按钮 */
.pgbtn { margin: 5px 0 10px; }
.pgbtn a { display: block; height: 40px; line-height: 40px; letter-spacing: 5px; text-align: center; border: 1px solid #DCDCDC; background: #F5F5F5 url({STYLEIMGDIR}/bg_pgbtn.png) repeat-x 0 0; font-size: 14px; outline: none; border-radius: 5px; box-shadow: 0 1px 0 #F5F5F5; }
.pgbtn a:hover { border-color: #BABABA; text-decoration: none; }
.pgbtn a:active { background: #EEE; border-color: #D0D0D0; box-shadow: none; }</FONT>

复制代码

进入后台界面-界面设置-主题列表页把主题封面宽度设置为200 主题封面高度设置为9999 ，更新缓存

把需要瀑布流的版块开启图片模式

附件已移到本站，没别的意思就是赚个ip

附件下载地址：http://8845678.com/thread-306-1-1.html

广告 · 发表于 2012-10-10 15:07:28

路过支持下啊

heyanan1106 · 发表于 2012-10-10 15:21:45

先看看再说啊

urs2 · 发表于 2012-10-10 16:22:30

可惜，下不了附件。

403507661 · 发表于 2012-10-10 16:39:16

不错的方法

神经大爆炸 · 发表于 2012-10-10 17:14:56

纯支持

weibian001 · 发表于 2012-10-15 09:48:06

帅呆了3....

weibian001 · 发表于 2012-10-15 12:27:45

这个好.....

80411 · 发表于 2012-10-15 16:35:59

最近流行这个吗看到很多瀑布流

		自动登录	找回密码
密码			立即注册

[发布] 普通模版实现瀑布流，无需插件，简单只需几步

本帖子中包含更多资源