|
|
| (121 intermediate revisions by 39 users not shown) |
| Line 1: |
Line 1: |
| == Moodle Themes ==
| | {{Site appearance}} |
| | Themes provide a "skin" to completely change the look and feel of your site (or even an individual course). |
|
| |
|
| == HowTo - Upgrade Your Theme from Moodle 1.4 to 1.5 ==
| | *[[Theme settings]] |
| ----
| | *[[Standard themes]] including information on changing your theme |
| == Get Firefox and it's "Web Devloper" extension ==
| | *[[Installing a new theme]] |
|
| |
|
| Use the "Information" menu in it to look how the elements and areas of the Moodle pages are called. Use the "CSS/Edit CSS" menu in it to try new CSS properties and see directly the changes in the page.
| | ==See also== |
|
| |
|
| !!Upgrade to Moodle 1.5
| | * [[Themes FAQ]] |
| | * [[Theme credits]] |
| | * [[:dev:Themes]] |
|
| |
|
| Make the normal upgrade to Moodle 1.5. Your theme will be kept, but it will not work in Moodle 1.5. You have to create a new one.
| | [[Category:Themes]] |
|
| |
|
| * make a copy of standardwhite
| | [[es:Temas]] |
| * rename it to your new theme name
| | [[eu:Itxurak]] |
| * create a new CSS file
| | [[de:Designs]] |
| * edit config.php and add your new stylesheet name in addition to the CSS file "gradients" or replace it
| | [[fr:Thèmes]] |
| | | [[ja:テーマ]] |
| !!Change the Header and Footer Files
| |
| | |
| Please do not copy your header and footer into the new theme directory, because the themes need the new files. Especially the divs are needed. Better you add your logo and pictures to the new header file. If necessary change the footer too.
| |
| | |
| !!Build Your CSS to Rework Your Moodle 1.4 Theme
| |
| | |
| Looking at the site in Firefox with the "Web Developer" extension, start adding new styles to your new CSS file. Some you can copy from the 1.4 theme, some you can't. To get an impression how the styling works look at the other themes coming with your Moodle installation. Ask on the Moodle forums especially the "Themes" forum when you need help.
| |
| | |
| Many elements in Moodle pages have multiple short names in the class tag like the sideblocks "block_activity_modules sideblock". You can apply styles to all sideblocks using the class name "sideblock" or only to the block "Activity" using the class name "block_activity_modules".
| |
| | |
| !!Further Informations about Moodle 1.5 Themes
| |
| | |
| * How the blocks on the course page are structured you can see in [this posting | http://moodle.org/mod/forum/discuss.php?d=24610#116168] with the Activity block as an example.
| |
| * You can read about the Moodle 1.5 Themes Basics in [this Moodle thread | http://moodle.org/mod/forum/discuss.php?d=21189].
| |
| | |
| == Links to Theme Pages ==
| |
