Theme reference: Difference between revisions
(start page) |
No edit summary |
||
Line 2: | Line 2: | ||
==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 callsed "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== |
Revision as of 13:57, 8 November 2006
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 callsed "content". Make sure that you are referencing the correct one.
Note: "header" is a class name and an id name. Be careful.