Theme reference: Difference between revisions
start page |
add template to nav back |
||
| (8 intermediate revisions by 7 users not shown) | |||
| Line 1: | Line 1: | ||
{{Themes}} | |||
This is a reference manual for the theme class and id values. It is based on Moodle 1.54. Please make a note for items that are 1.6, 1.7, 1.8, or 2.0 specific. | This is a reference manual for the theme class and id values. It is based on Moodle 1.54. Please make a note for items that are 1.6, 1.7, 1.8, or 2.0 specific. | ||
==Login Page== | ==Login Page== | ||
*The main part of the page above the breadcrumb navigation. | |||
div id = "page" - The background of the whole page.<br> | |||
div id = "header" - The header section of the page.<br> | |||
div class = "headermain"<br> | |||
div class = "headermenu"<br> | |||
div class = "logininfo"<br> | |||
*The breadcrumb navigation. | |||
table class = "navbar" - Box surrounding the naviational items.<br> | |||
div class = "breadcrumb" - navigational breadcrumb text.<br> | |||
div class = "navbutton" - drop down box for language selection.<br> | |||
div class = "langmenu" - drop down box for language selection.<br> | |||
*The actual content of the page | |||
div id = "content"<br> | |||
table class = "loginbox"<br> | |||
div class = "header left"<br> | |||
div class = "header right"<br> | |||
td class = "content left"<br> | |||
td class = "content right"<br> | |||
<pre> | |||
/* adds a background image to the content of the login box | |||
on both the right and left side */ | |||
.loginbox .content { | |||
border-color:#DDDDDD; | |||
background-color: white; | |||
background-image:url(gen_background2.jpg); | |||
} | |||
/* adds a background image to the header text | |||
above the login box on both the right and left side */ | |||
#content .header { | |||
border-color: #dddddd; | |||
background-color:#FCFCFC; | |||
background-image: url(cellpic3.gif); | |||
color: #dddddd; | |||
} | |||
</pre> | |||
Note: There is class called "content" and there is an id called "content". Make sure that you are referencing the correct one. | |||
Note: "header" is a class name and an id name. Be careful. | |||
==Main Page== | ==Main Page== | ||
===Course view=== | ===Course view=== | ||
| Line 35: | Line 82: | ||
==Lesson Page== | ==Lesson Page== | ||
== | ==Quiz Page== | ||
== | ==Resource Page== | ||
==SCORM Page== | ==SCORM Page== | ||
Latest revision as of 13:03, 21 November 2008
This is a reference manual for the theme class and id values. It is based on Moodle 1.54. Please make a note for items that are 1.6, 1.7, 1.8, or 2.0 specific.
Login Page
- The main part of the page above the breadcrumb navigation.
div id = "page" - The background of the whole page.
div id = "header" - The header section of the page.
div class = "headermain"
div class = "headermenu"
div class = "logininfo"
- The breadcrumb navigation.
table class = "navbar" - Box surrounding the naviational items.
div class = "breadcrumb" - navigational breadcrumb text.
div class = "navbutton" - drop down box for language selection.
div class = "langmenu" - drop down box for language selection.
- The actual content of the page
div id = "content"
table class = "loginbox"
div class = "header left"
div class = "header right"
td class = "content left"
td class = "content right"
/* adds a background image to the content of the login box
on both the right and left side */
.loginbox .content {
border-color:#DDDDDD;
background-color: white;
background-image:url(gen_background2.jpg);
}
/* adds a background image to the header text
above the login box on both the right and left side */
#content .header {
border-color: #dddddd;
background-color:#FCFCFC;
background-image: url(cellpic3.gif);
color: #dddddd;
}
Note: There is class called "content" and there is an id called "content". Make sure that you are referencing the correct one.
Note: "header" is a class name and an id name. Be careful.