Joomla建站的最大魅力就是有很多漂亮的模板，虽然很多Joomla模板都是商业模板，但是在免费的模板里面也不乏精品之作，比如这款JA_Elastica响应式瀑布流模板，该模板是Joomlart公司推出的一款免费模板，你可以在GUN/GPL协议的范围内对其尽情的修改和使用。

这是模板首页的截图，我简单处理了下首页，没有显示组件的内容，这样更能体现出瀑布流的效果。

该模板的瀑布流效果采用masonry插件，模板框架为T3 Framework 2.0，具有 Joomla 2.5 和 Joomla 3.x 两个版本，支持平板及手机，不支持 ie6 ，内置多种模块样式，由class驱动，方便快捷。

使用这些内置模块样式仅需要在模块class后缀里面加上下面这些class即可，注意前面要加空格。我整理了一下部分class，供大家参考：

模块宽度

单倍宽度为240px

grid-double : 模块双倍宽度，比如首页截图里面的那个热门文章模块；

grid-tripple : 模块三倍宽度；

模块背景色

mod-contrast : 模块对比，比如那几个五颜六色的模块，这个样式保证字体颜色和背景色是对比色；

contrast-green : 绿色

contrast-red : 红色

contrast-blue : 蓝色

contrast-dark : 黑色

模块小图标

badge-hot : Hot图标

badge-top : Top图标

badge-new : New图标

badge-video : 视频图标

badge-audio : 音频图标

badge-photo : 图片图标

瀑布流的使用

只需要把你需要放到瀑布里面的模块发布到 position-7或者 position-5模块位即可，position-7显示的模块的位置在上面。

关于T3 Framework 2.0

T3框架的使用和开发指南请参考我们网站的几篇开发指南，Mega菜单的使用方法请参考：JoomlArt T3框架Mega菜单视频

Joomla ja_elastica 模板在线演示