Theme基础二

 Moodle主题使用CSS来控制Moodle的布局、字体和颜色。这些都是建构在每个theme目录中的styles.php文件基础之上,并且由theme中的config.…

 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’);

 

更多Moodle信息http://www.aieln.com/system/moodle/

作者: admin

为您推荐

联系我们

联系我们

邮箱:

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部