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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 无需插件,普通模版即可实现X2.5瀑布流爆图(有图真相)

[复制链接]
模版之家 发表于 2012-9-11 11:16:41 | 显示全部楼层 |阅读模式
本帖最后由 模版之家 于 2012-9-26 13:58 编辑

前言:
很有朋友也许跟我一样,开了些图片预览论坛,急人的就是瀑布流多数都需要安装简洁模版,也就是说要使用瀑布流必须放弃自己精心设计的模版(高手除外)
现在你只需要轻轻的改动下后台代码即可实现任何一模版头可以使用瀑布流墙图
废话不多说了,现在开始上传,赚个IP免费分享给大家

图片预览:有图真相


实现方法:
把附件中的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 ,更新缓存

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


需要下载个图片边框及微小附件:

文件移到本站:点击即可进入下载

本帖子中包含更多资源

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

x
yybug 发表于 2012-9-11 11:41:46 | 显示全部楼层
还比较好看哦··
回复

使用道具 举报

dywe12 发表于 2012-9-11 11:47:42 | 显示全部楼层
不错,就是以更新就没了吧
回复

使用道具 举报

站是不是站 发表于 2012-9-11 14:02:28 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

4535 发表于 2012-9-12 09:58:57 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

唯美80网 发表于 2012-11-18 19:08:31 | 显示全部楼层
肯跌的网站 注册了 回复不能下载 还需要坛币
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-16 08:07 , Processed in 0.027889 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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