Moodle 文章字体大小及行距修改

moodle是有布景主题的观念的,所有的布景主题都在moodle/theme目录下,我们用的布景主题是formal_white,那么,要修改的档案就在moodle/theme/fo…

moodle是有布景主题的观念的,所有的布景主题都在moodle/theme目录下,我们用的布景主题是formal_white,那么,要修改的档案就在moodle/theme/formal_white目录下了。

进入该目录后,看到有三个可以望文生意的档案:fw_font.css、fw_colors.css、fw_layout.css。看来应该分别是设定字型、颜色、外观的css檔了。借着FireFox+WebDeveloperextension的帮助,很快的找到了应该改的地方是fw_font.css里面的这一段:

body,td,li{

font-family:Arial,Helvetica,sans-serif;

font-size:15px;/*原来为13px*/

line-height:24px;/*另外加上的,将行高设为24px,以增加行距*/

}

原本是想把font-size设为16px或14px,但是16px字太大,14px字很丑,经试过后,觉得15px还不错。

改好之后,后遗症出现了:导览列的文字变成向下偏移。再次藉由FireFox+WebDeveloperextension的帮助,找到fw_layouot.css里面的这一段:

.navbar{

margin-right:5px;

width:100%;

padding:0px;

height:30px;/*由原来的27px改成30px以加大导览列的高度*/

border-width:1px;

border-style:solid;

}

.breadcrumb{

/*padding-top:1px;*//*既然导览列文字偏低,那文字上方的间隔就不要了。*/

padding-left:3px;

}

画面也许不怎么美观,但至少阅读舒服多了。

作者: admin

为您推荐

联系我们

联系我们

邮箱:

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

微信扫一扫关注我们

关注微博
返回顶部