编辑“Joomla/Joomla!与Tikiwiki的外观整合”（章节）

==调用Joomla!的CSS来控制新页头外观==
我们都知道，一般在模板中调用 CSS 文件的命令是在[[HTML]]的 <nowiki><head></nowiki> 区域使用 <nowiki><link></nowiki> 元素来调用的。因此，我们必须找到哪个文件负责给Tikiwiki 的模板输出 <nowiki><head></nowiki> 区域。

经过搜索，发现在 templates/styles/tikipedia/header.tpl 这个文件中（.tpl 文件是 Smarty Template 模板系统的专用格式）。

===调用哪些CSS文件到Tikiwiki的模板中===
这还需要分析 Joomla! 页面的源代码。经过查看源代码，我们找到影响页顶内容的代码，不仅有 template_css.css 文件，还有对应当前色彩方案的 green.css 文件，还有控制菜单的 ja-splitmenu.css 文件，另外还有一个 ja_script.js 文件也控制菜单的行为。因此，我们必须把这几个文件都引入到 Tikiwiki 的模板文件中去。

我们在 Tikipedia 这个模板所对应的 header.tpl 文件中，找到 <nowiki><head></nowiki> 元素，然后在其后面插入从 Joomla! 页面源代码中复制出来的上述 CSS 文件和 [[JavaScript]] 文件的代码。上传修改后的 header.tpl 文件，然后刷新 Tikiwiki 页面，就会看到如下效果：

[[Image:Joomla twiki 4.JPG]]

可以看出，页顶基本上载入了 Joomla! 模板的页头。不过有一个小小的问题：“联系”那个菜单项目跑到第二行了。这似乎提示我们：用来显示菜单的那个 <nowiki><div></nowiki> 宽度不够。用新建一个 CSS 文件的方法解决了。将新建的 CSS 文件还上传到 Joomla! 模板的 css 目录，然后在 Tikiwiki 的 header.tpl 文件中添加一行代码来调用它即可:

[[Image:Joomla twiki 5.JPG]]