官方系列教材 - H计划

代码生成器

Tabs-GK5模块是Joomla著名tab模块tabs-GK4的升级版,是一款Joomla免费扩展,兼容Joomla 2.5和Joomla 3.x,兼容ie6以上的任何浏览器,支持Mootools和jQuery两个JS框架,可谓神器。

本文简单的图解一下改模块的用法,模块很简单,就不用汉化了。

红框里面的是tab模块调用内容的模块的设置,实际上tabs-gk5模块支持两种调用内容的方式:module和html,Add new tab以后在Content type下拉框里面选择HTML即可直接在下面的文本框里面输入html代码。我们这里演示调用模块的方式。内容模块的设置和其他模块的设置一样,唯一不 同的是“位置”这个地方,由于tabs-gk5模块默认可以加载tab1-tab20一共20个模块位(够用了),所以直接在位置那里输入tab1就可以 了,其他的模块可以依次tab2、tab3...这样填写。

TABS

打开Tabs-gk5模块的设置界面,在TABS下面点击Add new tab就可以新建一个tab选项卡,Content type选择Module,Access是访问级别,这里不解释,Public这些按默认设置即可,Content选择tab1,Animation是选 项卡切换动画效果,有透明渐变和滑动两种模式。点击Save,保存选项卡,注意这个保存并不能替代模块管理界面的保存。

INTERFACE

这里设置模块的样式,模块内置6种样式,如果都不合你的意,你就只有自己修改modules\mod_tabs_gk5\styles目录下的几个对应的style*.css文件,或者在你的模板的CSS文件里面用覆写的方式来修改模块的样式。

Tabs position:这个选项是设置tab选项卡按钮的位置,也可以禁用它。

Prev/Next buttons:前后按钮,可以不要。

ANIMATION

Animation activator:Click点击切换,Mouse Over鼠标悬停到tab上面切换。

Auto animation:自动切换否。

Animation speed:动画持续时间,数字越小,动画越快。

Animation interval:切换间隔时间,1000ms=1秒。

Animation type:动画类型,不解释。

ADVANCED SETTINGS

这里一般默认设置即可,简单说下:

Used JavaScript framework:这里选择模块JS使用哪种JS框架,默认选择Mootools,也可以使用jQuery框架,这个视网站前台使用哪个JS框架而定。

Include jQuery framework:是否加载jQuery核心库。很多joomla知名组件,比如K2、ZOO、Virtue Mart都自带jQuery核心库,所以一般无需加载,如果你的网站没有任何第三方扩展加载jQuery,那么你需要打开这个选项。Joomla 3+开始,系统默认加载的Bootstrap已经包含jQuery,所以,Joomla 3下面此选项基本没用。

 

评论 (0)

  • 最新在前
  • 最佳在前

第1章 经验分享

第2章 专题教程

第3章 扩展推荐

第13章 扩展更新日志