如何修改moodle-theme主题皮肤

1、如何修改 moodletheme主题皮肤CSS 进行控制，允许你做非常微小的改动；Moodlestylesheetclasses中；也可以基于其他的一些主题风格进行修改。课程创建者可以中的主题风格目录中有哪些文件？包括在 moodleconfig.php 这个文件用于控制中继承那些 CSS 文件。docstyle.phpfavicon.ico 中标准的 theme来覆盖标准的将在定义在标准的主题中要用到的所有图片和图标。CSS如何运行，你可以将自己的（可选）CSS 进行控制，允许你做非常微小的改动；Moodlestylesheetclasses中；也可以基于其他的一些主题风格进行修改。课程创建

2、者可以中的主题风格目录中有哪些文件？包括在 moodleconfig.php 这个文件用于控制中继承那些 CSS 文件。docstyle.phpfavicon.ico 中标准的 theme来覆盖标准的将在定义在标准的主题中要用到的所有图片和图标。CSS如何运行，你可以将自己的（可选）这个图标是会出现浏览器的地址之前的小图片。来开发，标准的themeTheme 整合到标准的 Themetheme中样式。这就意味着如果升级非常简单但是非常实用。你可以通过Moodle一 什么是 Theme ？Moodle 中Theme 表示主题风格（页面皮肤），就是利用 Theme ，管理员可以定义站点的主题风格，

3、课程创建者可以定义课程的主题风格，学习者可以定义自己喜欢的主题风格。特点每个页面都是可以通过CSS中使用了简单、易懂的英文类命名；新的模块会自动判断 Moodle 需要什么样的风格，并且会将其包括在主题风格中；主题皮肤是基于在自己开发的主题风格中添加后，你的自定义风格仍然可以使用，而不需要做任何改变，因为最新的一些themeThemesTheme 基础（一）Moodle 中Theme 表示主题风格， 就是利用 Theme ，管理员可以定义站点的主题风格，定义课程的主题风格，学习者可以定义自己所看到课程的主题风格。1、Moodlepix 文件夹?中，也可以从其他的父 theme?这个文件主要用于

4、设置强制使用一些样式。?header.html moodle logo中获得的当前stylesheets)$home (boolean)$title ( 页面标导航)$navmenulist (xhtml)$menu 该文件主要被 header.htmlstyles_layout.css 用于设置页面布局，主要用于设置在其他文件Moodle 主题使用 CSS来控制 Moodletheme 中的 config.phpMoodle 的theme 文件夹中有一个名为而其他的几个主题都是从这header.html moodle logo中获得的当前stylesheets)$home (boolean)

5、$title ( 页面标导航)$navmenulist (xhtml)$menu 该文件主要被 header.htmlstyles_layout.css 用于设置页面布局，主要用于设置在其他文件Moodle 主题使用 CSS来控制 Moodletheme 中的 config.phpMoodle 的theme 文件夹中有一个名为而其他的几个主题都是从这个 “standard”中继承过主要取决于你的目的，是想从standard theme - theme/standard/styles.php parent theme - theme/parenttheme/styles.php main the

6、me - theme/yourtheme/styles.php Moodle标准主题风格 )的修改和 footer.html 等。通过修改这两个页面，可以自己定义theme 对象)$course 调用，一般不要修改。styles_fonts.cssFirefox的布局、字体和颜色。这些都是建构在每个控制。standard standard主题开发变这是用于控制 moodlelogo用于设置字体大小，或者 Mozillatheme主题风格，它是一个最为简单的主题风格，中继承，还是从顶部和底部的页面文件， 其中包括顶部的styles_color.css中浏 览的格式。目录parent主题中直接修改

7、。因此你可能logo 、登录、跳转菜单和底部的图片的链接地址和文字。以下是在这两个文件中用到的主要变量：$CFG ( 所有系统变量对象 )$THEME ( 所有从 config.php(当前课程对象 )$meta ( 所有元标签，包括题)$heading (heading for the page)$navigation (弹出菜单或按钮 ) styles.php ?styles_fonts.css styles_color.css styles_moz.css 其中 styles_layout.css用于设置颜色， styles_moz.css?其他文件包括图片文件，比如主题截图，帮助页面等

8、。Theme 基础（二）?中的 styles.php 文件基础之上，并且由?仅为其他的几个自带的主题提供基本的布局，来。?会遇到下面的几个风格：1.2.3.由于 CSS 有这样一个特性：后面定义的页面风格会覆盖掉以前页面风格，这样使得得更加容易。基于 standmoodle-2.JPGard theme(中包括了四个。另外有还有其他文件， 如图：的四个 CSS 文例如使用不同的颜色或者添加一个中将包含 standardstandardwhite 使用config.php 的名称，中包括了四个。另外有还有其他文件， 如图：的四个 CSS 文例如使用不同的颜色或者添加一个中将包含 standard

9、standardwhite 使用config.php 的名称，这个 gradients.css 主题风格中的所有风格，而不是基于风格的文件夹。CSS 主题文件，logo ，在新建立的主题风主题，然后在一个主题文件夹中定义一个新的的主题风格是如何建立的。来设置合适的选项。其中第一个条目文件是额外定义的standardCSS文件。CSS文件。同时指定了主题风格。styles_fonts.css ,styles_color.css,styles_layout.css,styles_moz.css图二1、微调一 (使用gradients.css +standardwhite件)如果只是想对一个主题风格

10、进行很小的改动，格standardwhite 看看这个例子，名字为standardwhite $THEME-sheets = array(gradients); 定义了一个名为 gradients $THEME-standardsheets = true; 这表明包含了 standard下面是已经完成的 standardwhitecss 文件。不仅使用 “standard”中的所有 CSS 风格，而且使用自己定义的文件。自定义的 css 文件。不仅使用 “standard”中的所有 CSS 风格，而且使用自己定义的文件。自定义的 fw_layout.css、fw_color.css“gradi

11、ents.css“standard”继承它的 layout三个 CSS文件。如图五所示：、）前面一个例子中讲到的从”风格。这个例子中我们要新建一个主题风格风格，同时自己定义了“standard 中继承了四” CSS“formal_white ”，该fw_layout、fw_fonts、相比之下这个主题风格文件夹中就少了很多文件，包括少了几个图四从图四可以看出， standardwhitegradients.css2、微调二（使用 “standard layout+fw_fonts.css风格，同时引入了新的主题风格要求不仅从fw_colorchild theme的fonts 和color ，结合在一起才形成了这个主题风格将不使用CSS。主要通过以下设置：的CSS样式，而是完全独立，这就意味着即使在child theme的fonts 和color ，结合在一起才形成了这个主题风格将不使用CSS。主要通过以下设置：的CSS样式，而是完全独立，这就意味着即使在fonts 、color 、layout）不仅使用了 standardchild(formal_white_plus)standard都是独立的。的layout ，而且使用了。主题风中的样式，而是从图中可以看出，该主题风格（formal_white(parent)Theme 基础（四）不使用 “standard ”的主题风格使用自