教程栏目

joomla中文网出品的官方教程

专题教程

一、存在的问题


T3模板中 鼠标移入到菜单项,子菜单会有图片的介绍或者登录的输入框。像这样的问题,想必大家都会遇到

二、如何解决


在T3模板,矩形菜单可以有在一个栏目中插入一个模块,这个模块一定是发布状态。

1、创建分栏

进入模板管理—选择T3默认的模板—进入megamenu页面。

选择最后一个栏目点击上方的添加栏目,如图

tianjia.png

2、插入模块

添加完成后,在模块的地方,选择一个模块,会把模块的内容输出来。

mokuai.png

如图,选择一个登录的模块显示在这一栏目。

你可以建立自己所需要的模块,放置在栏目中。

mokuai-xiaoguo.png

保存好后菜单项插入模块就完成了。

三、查看前台效果


如图

de.png

 

 

将四个恢复备份的文件

复制到要恢复备份的根目录中,然后在浏览器URL中输入根目录地址后面加上/kickstart.php,意为打开项目根目录下的kickstart文件。在新界面下进行图中的操作:

 

选好文件拉到最底下点击开始

 

读条完成后点击“运行安装程序”弹出配置数据库的页面,注意要先配置好数据库再点击恢复主页的“清理”按钮,否责先把installation配置目录清理后将无法配置数据库。

弹出来的配置数据库页面:

 

直接点下一步

 

 

填写数据库信息开始读条恢复,完成后点击"完成"进入

 

修改原项目中需要修改的信息,点击“下一步”完成配置

 

配置完成后回去点击“清理”按钮删除installation目录,就可以进入前后台

 

在我们修改模板样式的时候总会遇到这样的问题,把修改的样式写在哪个文件呢?如果直接改掉模板写好的有可能会影响到其他,而且不益修改!直接修改的这种方法是不支持!

他们通常会定义一个属于自己修改的样式文件,一般会叫【custom.css】,当然了名称是随意取的!,建立完成后当然是把文件导入了;

那么问题来了!

要怎样导入样式文件呢?

比如拿默认【protostar】模板来说,我们在【index.php】文件就发现了这个模板引入样式文件如下

$doc             = JFactory::getDocument();//这是引入文件必要要有的

$doc->addStyleSheetVersion($this->baseurl . '/templates/' . $this->template . '/css/template.css'); //引入当前模板下的css文件夹中的template.css

不同的模板它引入的文件方式方法以及在哪个文件引入都会有所不同,所以不同统一而论;(如果你在模板css问价中看到有样式文件大小是0的那么这个文件就是你而准备的!)

t3自定义样式文件

而t3模板呢,它已经为用户写好了加载自定义的样式文件,用户只需要在模板的css文件中创建一个文件名为custom的样式文件就可以了!

那么t3模板是如何实现的呢?你可以查看 模板下的/tpls/blocks/head.php文件,如图!一看就明了

 

接着上一篇的主题设置讲解完毕,那么这一篇中讲解模板中的布局设置。这是在模板设置里面最主要的部分。默认的布局如图

1、布局的风格——模板的位置

如图划框的部分是当前模板下布局风格。你可以为当前模板下新建另一个布局风格,点击它右边的另存为副本就可以。(注意了,每一个模板都有一个布局风格)。

对比一下这两张图片就知道布局风格的区别会在哪了,没错就是模块的位置。这也是决定模板风格的重要因素。

t307.png

t308.png

2、调整布局风格里的模板的位置

 T3的位置是基于 Bootstrap 网格,你最多可以添加 6 个模块位置到高亮区域,使用调整栏左右移动,可以调整模块位置的宽度。点击右上角的配置图标你可以修改模块位置。

如图,图中的上方我选择的是两个位置,则在2的数字是高亮显示的,下方我选择的显示3个模块的位置,则3的数字是高亮显示。那么相对应的模块的位置就在框内显示的文字。如果是“none”,就是代表这个模块位置还没有名字,你可以把鼠标放置在它的上方,右上角出现一个图标,点击它选择一个模块位置名称。

中间的黄色区域就是组件输入的地方。比如说,当前页面的菜单类型是输入一个分类下的文章列表,那么“component”这个位置就是它输入的地方。旁边的两个位置是可以和组件位置相结合起来计算的。比如:当前页面左边有模块显示,右边没有,那么组件输出的位置则会把右边的位置占满,反之如果两旁都没模块显示,组件的位置也会把两旁铺满。

 

t309.png

设置好之后要记得保存!

子类别

第 3 页,总共 6 页