JA文档中文翻译 - JA模板定制FAQ - 模板覆盖 - VII II X - Joomla控，Drupal粉 - 开源CMS建站新闻杂谈、文档教程、案例介绍、扩展相关、个人博客及收藏

JA文档中文翻译 - JA模板定制FAQ - 模板覆盖

Joomla文档中文翻译 - JA模板定制FAQ Sunday, 28 February 2010 12:52

昨天的文档中，我们学习了怎样为IE6警告信息设定样式；接下来的两篇文档中，我们将简单了解一下有关模板和页面覆盖以及MVC方面的知识。

模板覆盖及MVC

使用MVC方式(什么是MVC)开发的扩展所输出的内容形式很容易通过模板覆盖的方式进行定义，Joomla系统原生具有探测并优先执行覆盖规则的功能。举个例子，比如我们希望自定义“Latest News”模块的输出样式，可以将下面这个文件：

站点根路径/modules/mod_latestnews/tmpl/default.php

复制粘贴至：

your_site_root/tempaltes/ja_purity_ii/html/mod_latestnews (路径不存在的话需要创建先)

然后可以根据需求修改结构及class名称等，最后在样式表template.css中进行相关的样式设置即可。接下来看一个更加实际的例子：

我们将使用模板覆盖的方式自定义新闻页面(news.php布局)中头条文章的样式。打开下面这个文件：

your_site_root/tempaltes/ja_purity_ii/html/com_content/frontpage/default.php

在28行附近找到如下代码：

<div class="leading<?php echo $this->params->get('pageclass_sfx'); ?> clearfix">

将其修改为：

<div class="leading-frontpage<?php echo $this->params->get('pageclass_sfx'); ?> clearfix">

然后打开我们的news-template.css文件，在266行附近找到：

.leading {
       border-bottom: 1px solid #ccc;
       padding-bottom: 10px;
       padding-top: 10px;
}

在后面添加下面这段样式代码：

.leading-frontpage {
       background:#f6f6f6;
       border: 1px solid #ccc;
       padding-bottom: 10px;
       padding-top: 10px;
       margin-top:10px;
       padding:10px 15px;
}
.leading-frontpage .article-tools {background:#e6e6e6; border:1px solid #ccc;}