Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
模版之家 发表于 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里最下方添加
  1. <FONT color=black>/* 瀑布流布局 by Pony 1204121803 */
  2. .waterfall { position: relative; margin-top: 15px; }
  3. .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%; }
  4. .waterfall .c, .waterfall h3 { padding: 10px; border: solid #EAEAEA; border-width: 0 1px; background-color: #F8F8F8; }
  5. .waterfall .c { overflow: hidden; padding-bottom: 0; max-height: 800px; }
  6. .waterfall .c .nopic { display: block; background:{WRAPBG} url({IMGDIR}/nophototiny.png) no-repeat 50% 50%; cursor: pointer; }
  7. .waterfall .auth { padding: 0 10px 10px; border-width: 0 1px 1px; border-style: solid; border-color: transparent #EAEAEA #B9B9B9; background: #F8F8F8; }
  8. .waterfall .auth img { display: inline-block; margin: 0 1px; }
  9. /* 大分页按钮 */
  10. .pgbtn { margin: 5px 0 10px; }
  11. .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; }
  12. .pgbtn a:hover { border-color: #BABABA; text-decoration: none; }
  13. .pgbtn a:active { background: #EEE; border-color: #D0D0D0; box-shadow: none; }</FONT>
复制代码
进入后台 界面-界面设置-主题列表页 把主题封面宽度设置为200  主题封面高度 设置为9999 ,更新缓存

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


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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
广告 发表于 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 | 显示全部楼层
最近流行这个吗  看到很多瀑布流
回复

使用道具 举报

C_Dragon 发表于 2013-3-19 11:48:45 | 显示全部楼层
我讨厌瀑布流,非要让我做
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-15 01:58 , Processed in 0.074363 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表