如何修改moodle—theme主题皮肤

一 什么是Theme?

Moodle中Theme表示主题风格(页面皮肤),就是利用Theme,管理员可以定义站点的主题风格,课程创建者可以定义课程的主题风格,学习者可以定义自己喜欢的主题风格。

特点

每个页面都是可以通过CSS进行控制,允许你做非常微小的改动;

CSS中使用了简单、易懂的英文类命名;

新的模块会自动判断Moodle需要什么样的风格,并且会将其包括在主题风格中;

主题皮肤是基于Moodle中标准的theme来开发,标准的theme非常简单但是非常实用。你可以通过在自己开发的主题风格中添加stylesheet来覆盖标准的theme中样式。这就意味着如果升级Moodle后,你的自定义风格仍然可以使用,而不需要做任何改变,因为最新的一些classes将在定义在标准的theme中;

Themes也可以基于其他的一些主题风格进行修改。

Theme基础(一)

Moodle中Theme表示主题风格,就是利用Theme,管理员可以定义站点的主题风格,课程创建者可以定义课程的主题风格,学习者可以定义自己所看到课程的主题风格。

1、Moodle中的主题风格目录中有哪些文件?

400)this.style.width=400;“>screen.width0.7) {this.resized=true; this.width=screen.width0.7; this.style.cursor=‘hand’; this.alt=‘Click here to open new window\nCTRL+Mouse wheel to zoom in/out’;}” =“if(!this.resized) {return true;} else {open(‘http://w2.886.cn/4TDN/25412823/25412823_8384.jpg’);}” alt=“” src=“http://w2.886.cn/4TDN/25412823/25412823_8384.jpg” =“if(this.width>screen.width0.7) {this.resized=true; this.width=screen.width0.7; this.alt=‘Click here to open new window\nCTRL+Mouse wheel to zoom in/out’;}” border=0>

pix文件夹

包括在moodle主题中要用到的所有图片和图标。

config.php 这个文件用于控制CSS如何运行,你可以将自己的Theme整合到标准的Theme中,也可以从其他的父theme中继承那些CSS文件。

docstyle.php(可选)
这个文件主要用于设置强制使用一些样式。

favicon.ico 这个图标是会出现浏览器的地址之前的小图片。

header.html 和 footer.html 这是用于控制moodle顶部和底部的页面文件,其中包括顶部的logo、登录、跳转菜单和底部的moodle logo等。通过修改这两个页面,可以自己定义logo图片的链接地址和文字。
以下是在这两个文件中用到的主要变量:
$CFG (所有系统变量对象)$THEME (所有从config.php中获得的当前theme对象)course (当前课程对象) (所有元标签,包括stylesheets)$home (boolean)$title (页面标题)$heading (heading for the page)$navigation (导航)$navmenulist (xhtml)$menu (弹出菜单或按钮)

styles.php 该文件主要被header.html调用,一般不要修改。

styles_layout.css
styles_fonts.css
styles_color.css
styles_moz.css
其中styles_layout.css用于设置页面布局,styles_fonts.css用于设置字体大小, styles_color.css用于设置颜色,styles_moz.css主要用于设置在Firefox或者Mozilla中浏 览的格式。

其他文件
其他文件包括图片文件,比如主题截图,帮助页面等。
课件学苑网编辑声明: 如您喜欢本flash课件制作资源