[moodle 风格摸版]Theme基础二

[tr][td]● Moodle主题使用CSS来控制Moodle的布局、字体和颜色。这些都是建构在每个theme目录中的styles.php文件基础之上，并且由theme中的config.php控制。
● Moodle的theme文件夹中有一个名为"standard"主题风格，它是一个最为简单的主题风格，仅为其他的几个自带的主题提供基本的布局，而其他的几个主题都是从这个“standard”中继承过来。
● 主要取决于你的目的，是想从standard中继承，还是从parent主题中直接修改。因此你可能会遇到下面的几个风格：
1、"standard"theme-theme/standard/styles.php
2、"parent"theme-theme/parenttheme/styles.php
3、"main"theme-theme/yourtheme/styles.php由于CSS有这样一个特性：后面定义的页面风格会覆盖掉以前页面风格，这样使得Moodle主题开发变得更加容易。
基于standardtheme(标准主题风格)的修改
standardtheme中包括了四个CSS主题文件，styles_fonts.css,styles_color.css,styles_layout.css,styles_moz.css。另外有还有其他文件
1、微调一(使用"gradients.css"+"standardwhite"的四个CSS文件)
如果只是想对一个主题风格进行很小的改动，例如使用不同的颜色或者添加一个logo，在新建立的主题风格"standardwhite"中将包含"standard"主题，然后在一个主题文件夹中定义一个新的CSS文件。
看看这个例子，名字为"standardwhite"的主题风格是如何建立的。
"standardwhite"使用"config.php"来设置合适的选项。其中第一个条目
$THEME->sheets=array('gradients');
定义了一个名为"gradients"的名称，这个"gradients.css"文件是额外定义的CSS文件。同时指定了
$THEME->standardsheets=true;
这表明包含了standard主题风格中的所有风格，而不是基于"standard"主题风格。
下面是已经完成的"standardwhite"风格的文件夹。
相比之下这个主题风格文件夹中就少了很多文件，包括少了几个css文件。
可以看出，"standardwhite"不仅使用“standard”中的所有CSS风格，而且使用自己定义的"gradients.css"文件。
2、微调二（使用“standard”的layout+自定义的fw_layout.css、fw_fonts.css、fw_color.css）前面一个例子中讲到的从“standard”中继承了四个CSS风格，同时引入了新的“gradients.css”风格。这个例子中我们要新建一个主题风格“formal_white”，该主题风格要求不仅从“standard”继承它的layout风格，同时自己定义了fw_layout、fw_fonts、fw_color三个CSS文件。
这样就可以通过修改主题风格中config.php文件来指定对应的条目
$THEME->sheets=array('fw_layout','fw_color','fw_fonts');$THEME->standardsheets=array('styles_layout');
 

[/td][/tr]

(ˇˍˇ) 想～