如何修改moodle——theme主题皮肤
如何修改moodle——theme主题皮肤
一什么是Theme？
Moodle中Theme表示主题风格（页面皮肤），就是利用Theme，管理员可以定义站点的主题风格，课程创建者可以定义课程的主题风格，学习者可以定义自己喜欢的主题风格。
特点
每个页面都是可以通过CSS进行控制，允许你做非常微小的改动；
CSS中使用了简单、易懂的英文类命名；
新的模块会自动判断Moodle需要什么样的风格，并且会将其包括在主题风格中；
主题皮肤是基于Moodle中标准的theme来开发，标准的theme非常简单但是非常实用。你可以通过在自己开发的主题风格中添加stylesheet来覆盖标准的theme中样式。这就意味着如果升级Moodle 后，你的自定义风格仍然可以使用，而不需要做任何改变，因为最新的一些classes将在定义在标准的theme中；
Themes也可以基于其他的一些主题风格进行修改。
Theme基础（一）
Moodle中Theme表示主题风格，就是利用Theme，管理员可以定义站点的主题风格，课程创建者可以定义课程的主题风格，学习者可以定义自己所看到课程的主题风格。
1、Moodle中的主题风格目录中有哪些文件？
pix文件夹
•包括在moodle主题中要用到的所有图片和图标。
•config.php 这个文件用于控制CSS如何运行，你可以将自己的Theme整合到标准的Theme 中，也可以从其他的父theme中继承那些CSS文件。
•docstyle.php（可选）
这个文件主要用于设置强制使用一些样式。
•favicon.ico 这个图标是会出现浏览器的地址之前的小图片。
图三
相比之下这个主题风格文件夹中就少了很多文件，包括少了几个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、
css最新
fw_color三个CSS文件。如图五所示：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。