这个插件别人一般是卖几十元的,我在这里拿出来跟大家免费分享的。因为我觉得技术这东西如果不是特别大特别麻烦的就应该免费大家共享下。;这里主要说明下安装方法,具体文件在我的百度网盘里面有下载,在最后有链接地址。、
模板安装方法:
1.将原有templets/default文件夹备份.
2.将压缩包内的文件全部覆盖到网站根目录.
3.将压缩包内 templets 文件覆盖到 templets.
4.生成首页及相关页面.
本套模板包含以下页面模板:
首页,文章列表,文章内容,产品列表,关于我们.
===================================================
每套模板都有一定的局限性,可能没有像默认模板一样包含各种模型的模板.
此版本为utf8版本,你也可以修改下编码把utf8改为gbk来使用到gbk程序上面。
上图是主要牵涉到的文件。
二、列表页调用方法:
模板安装方法:
1.将原有templets/default文件夹备份.
2.将压缩包内的文件全部覆盖到网站根目录.
3.将压缩包内 templets 文件覆盖到 templets.
4.生成首页及相关页面.
本套模板包含以下页面模板:
首页,文章列表,文章内容,产品列表,关于我们.
===================================================
每套模板都有一定的局限性,可能没有像默认模板一样包含各种模型的模板.
此版本为utf8版本,你也可以修改下编码把utf8改为gbk来使用到gbk程序上面。
上图是主要牵涉到的文件。
JS文件共需要4个。首先要在模版的头部head之间调用出来。
<link href="{dede:global.cfg_templets_skin/}/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/waterfall.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/scrolltop.js"></script>
瀑布流调用方法:
一、首页调用方法。
{dede:arclist row=200 titlelen=32 noflag='h'}
<!-- 图片 -->
<li class="post">
<span class="sc"><a href="#">喜欢</a></span>
<span class="view"><a href="[field:arcurl/]"></a></span>
<div class="link">
<span class="img">
[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' target='_blank'><img src='{@me['litpic']}'/></a>"); [/field:array]
<span class="arr"><span></span></span> </span>
<span class="text">
<em>
<b><a href="[field:arcurl/]" class="title">[field:title/]</a></b>
<p>
[field:description/]...
</p>
</em>
<p class="info">
<a href="[field:arcurl/]" class="view" title=" 访问">[field:click/]</a>
<a href="#" class="good" title="好评">[field:scores/]</a>
</p>
</span>
</div>
</li>
{/dede:arclist}
二、列表页调用方法:
{dede:list pagesize='80'}
<!-- 图片 -->
<li class="post">
<span class="sc"><a href="#">喜欢</a></span>
<span class="view"><a href="#"></a></span>
<div class="link">
<span class="img">
[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' target='_blank'><img src='{@me['litpic']}'/></a>"); [/field:array]
<span class="arr"><span></span></span> </span>
<span class="text">
<em>
<b><a href="[field:arcurl/]" class="title">[field:title/]</a></b>
<p>
[field:description/]...
</p>
</em>
<p class="info">
<a href="#" class="view" title=" 访问">[field:click/]</a>
<a href="#" class="good" title="好评">[field:scores/]</a>
</p>
</span>
</div>
</li>
{/dede:list}
要注意,本瀑布流为无限加载形式,所以分页处一定要注意,调用方法为:
<h2 class="next_page" style="font-size:17px;">
{dede:pagelist listitem="next"/}
</h2>
另外,如果想要修改瀑布流的样式,则修改style.css文件即可。
下载地址http://download.csdn.net/detail/qikexun/5991959