MoodleDocs - Wkład użytkownika [pl]

Elegance theme

2014-02-20T14:21:46Z

Trogdor:

{{Themes}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Elegance is a Two column Responsive theme written with the Bootstrap 3 framework for Moodle 2.6 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [https://moodle.org/mod/forum/discuss.php?d=231970 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes (including my own Rocket and Essential) to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to ''Administration > Site Administration > Appearance > Themes > Elegance.

More information on this will be available soon.

===Custom Block Locations===
More information on this will be available soon.

===Advanced Customisation Tips===
If you want to get your theme looking really fancy why not check out some of these [[Elegance_theme_tips|Advanced Tips and Tricks]]

==Download link==
This theme is only available for Moodle 2.6 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_elegance

==See also==
*[https://moodle.org/plugins/view.php?plugin=theme_elegance Elegance]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_elegance/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_elegance Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[https://moodle.org/mod/forum/discuss.php?d=231970 Discussion in English] in the Themes Forum
*[http://2014.imoot.org/ Demo site]

[[Category:Contributed code]]

[[es:Tema esencial]]

Elegance theme

2014-02-20T05:36:44Z

Trogdor: Created page with "{{Themes}} This is a contributed (third party) theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org Elegance is a Two..."

{{Themes}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Elegance is a Two column Responsive theme written with the Bootstrap 3 framework for Moodle 2.6 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [https://moodle.org/mod/forum/discuss.php?d=231970 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes (including my own Rocket and Essential) to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to ''Administration > Site Administration > Appearance > Themes > Essential.

More information on this will be available soon.

===Custom Block Locations===
More information on this will be available soon.

===Advanced Customisation Tips===
If you want to get your theme looking really fancy why not check out some of these [[Elegance_theme_tips|Advanced Tips and Tricks]]

==Download link==
This theme is only available for Moodle 2.6 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_essential

==See also==
*[https://moodle.org/plugins/view.php?plugin=theme_elegance Elegance]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_elegance/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_elegance Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[https://moodle.org/mod/forum/discuss.php?d=231970 Discussion in English] in the Themes Forum
*[http://2014.imoot.org/ Demo site]

[[Category:Contributed code]]

[[es:Tema esencial]]

FontAwesome filter

2013-10-16T07:13:39Z

Trogdor: /* See also */

{{Filters}}
This is a [[:Category:Contributed_code|contributed (third party)]] filter for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Font Awesome provides sites with scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Font Awesome is fully open source and is GPL compatible. No attribution is required when using the fonts although the project does say it is appreciated.

This filter makes it easy to add FontAwesome icons to course content in any FontAwesome enabled moodle site. Please be sure to target any questions related to this filter in the [https://moodle.org/mod/forum/discuss.php?d=240159 Filter's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Filter Objectives==
The aim of this filter was to provide an easy and functional way for content creators to easily add FontAwesome icons anywhere in course content. If using the recommended method provide by FontAwesome which involves creating custom classes you will find that the text editor strips these out automatically as unrecognised/bad code. This filter provides another mechanism to add FontAwesome icons that won't be stripped out by the editor.

==Enabling FontAwesome in Moodle==
FontAwesom icon's will not work just by adding this filter to your Moodle. The filter just facilitates adding them to content. You will need to first ensure your site has the FontAwesome font enabled before you can use this filter. You can get FontAwesome running one of two ways.

==Install a FontAwesome enabled theme==

Some Moodle themes are now coming with FontAwesome already enabled. To find out if they do just read the information found about them in the Modules and Plugins Database.

One such theme that already has FontAwesome contained within is the [[https://moodle.org/plugins/view.php?plugin=theme_essential Essential Theme]] by Julian Ridden.

==Load FontAwesome via CDN==
A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance. You can pull FontAwesome into your site using any theme by adding a single line to your Admin settings. This line will connect to a dedicated CDN to reliably load FontAwesome into your moodle site.

To add the CDN to your Moodle you need to add the following line to your '''"Additional HTML"''' settings in Site Administration. You can find this located under the "Appearance" menu.

[[File:additionalhtml.png]]

Once you are in the "Additional HTML" settings we need to add the following line to the '''"Within HEAD"''' section. This will then load the FontAwesome as part of every page load.

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">

It should look like the image below. Once done you are now ready to use the FontAwesome filter.

[[File:fontawesomecdn.png]]

==Adding an icon==

Adding an icon to anywhere in your course that you wish is now a simple process. The hardest part is finding the icon you wish to use. To browse the full list of over 360 icons please visit [[http://fontawesome.io/icons/ this link]]. Once you have found the icon you are after you just have to surround it with a set of square brackets. e.g.:

[icon-retro-camera]

If you have typed in the icon name correctly you will see the icon appear once you have hit save.

==Configurable Options==

If you wish to make the icon larger you can use a multiplier. e.g.:

[icon-camera-retro icon-2x] or [icon-camera-retro icon-4x]

If you wish to rotate the icon you can specify how many degrees clockwise. e.g.:

[icon-camera-retro icon-rotate-90]

You can also flip an icon horizontally or vertically. e.g.:

[icon-camera-retro icon-flip-horizontal] or [icon-camera-retro icon-flip-vertical]

You can mute the colour to a dull grey. e.g.:

[icon-camera-retro icon-muted]

You can "pull" the icon to the left or right. If it is "pulled" to the left text will wrap to the right. e.g.:

[icon-camera-retro pull-left]

===Advanced Tip===

All the settings above can be mixed and matched. For example if I was to type in:

[icon-quote-left icon-4x pull-left icon-muted] Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all of them in any combination to get lots of new possibilities.

You would generate:

[[File:fontawesome_advancedtip.png]]

==Download link==
This filter is only available for Moodle 2.5 and above.
You can download the filter from https://moodle.org/plugins/view.php?plugin=filter_fontawesome

==See also==
*[https://moodle.org/plugins/view.php?plugin=filter_fontawesome FontAwesome Filter]'s Plugin database listing
*[https://github.com/moodleman/moodle-filter_fontawesome/archive/FontAwesomeFilter_1.0.zip Download latest version]
*[https://github.com/moodleman/moodle-filter_fontawesome Browse GIT]
*[https://moodle.org/mod/forum/discuss.php?d=240159#p1052928 Discussion in English] in the Forum
*[http://features.demo.moodle.com.au/ Demo site]
*[http://fontawesome.io/ FontAwesome Official website]

[[Category:Contributed code]]

FontAwesome filter

2013-10-16T07:12:38Z

Trogdor: /* Install a FontAwesome enabled theme */

{{Filters}}
This is a [[:Category:Contributed_code|contributed (third party)]] filter for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Font Awesome provides sites with scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Font Awesome is fully open source and is GPL compatible. No attribution is required when using the fonts although the project does say it is appreciated.

This filter makes it easy to add FontAwesome icons to course content in any FontAwesome enabled moodle site. Please be sure to target any questions related to this filter in the [https://moodle.org/mod/forum/discuss.php?d=240159 Filter's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Filter Objectives==
The aim of this filter was to provide an easy and functional way for content creators to easily add FontAwesome icons anywhere in course content. If using the recommended method provide by FontAwesome which involves creating custom classes you will find that the text editor strips these out automatically as unrecognised/bad code. This filter provides another mechanism to add FontAwesome icons that won't be stripped out by the editor.

==Enabling FontAwesome in Moodle==
FontAwesom icon's will not work just by adding this filter to your Moodle. The filter just facilitates adding them to content. You will need to first ensure your site has the FontAwesome font enabled before you can use this filter. You can get FontAwesome running one of two ways.

==Install a FontAwesome enabled theme==

Some Moodle themes are now coming with FontAwesome already enabled. To find out if they do just read the information found about them in the Modules and Plugins Database.

One such theme that already has FontAwesome contained within is the [[https://moodle.org/plugins/view.php?plugin=theme_essential Essential Theme]] by Julian Ridden.

==Load FontAwesome via CDN==
A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance. You can pull FontAwesome into your site using any theme by adding a single line to your Admin settings. This line will connect to a dedicated CDN to reliably load FontAwesome into your moodle site.

To add the CDN to your Moodle you need to add the following line to your '''"Additional HTML"''' settings in Site Administration. You can find this located under the "Appearance" menu.

[[File:additionalhtml.png]]

Once you are in the "Additional HTML" settings we need to add the following line to the '''"Within HEAD"''' section. This will then load the FontAwesome as part of every page load.

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">

It should look like the image below. Once done you are now ready to use the FontAwesome filter.

[[File:fontawesomecdn.png]]

==Adding an icon==

Adding an icon to anywhere in your course that you wish is now a simple process. The hardest part is finding the icon you wish to use. To browse the full list of over 360 icons please visit [[http://fontawesome.io/icons/ this link]]. Once you have found the icon you are after you just have to surround it with a set of square brackets. e.g.:

[icon-retro-camera]

If you have typed in the icon name correctly you will see the icon appear once you have hit save.

==Configurable Options==

If you wish to make the icon larger you can use a multiplier. e.g.:

[icon-camera-retro icon-2x] or [icon-camera-retro icon-4x]

If you wish to rotate the icon you can specify how many degrees clockwise. e.g.:

[icon-camera-retro icon-rotate-90]

You can also flip an icon horizontally or vertically. e.g.:

[icon-camera-retro icon-flip-horizontal] or [icon-camera-retro icon-flip-vertical]

You can mute the colour to a dull grey. e.g.:

[icon-camera-retro icon-muted]

You can "pull" the icon to the left or right. If it is "pulled" to the left text will wrap to the right. e.g.:

[icon-camera-retro pull-left]

===Advanced Tip===

All the settings above can be mixed and matched. For example if I was to type in:

[icon-quote-left icon-4x pull-left icon-muted] Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all of them in any combination to get lots of new possibilities.

You would generate:

[[File:fontawesome_advancedtip.png]]

==Download link==
This filter is only available for Moodle 2.5 and above.
You can download the filter from https://moodle.org/plugins/view.php?plugin=filter_fontawesome

==See also==
*[https://moodle.org/plugins/view.php?plugin=filter_fontawesome FontAwesome Filter]'s Plugin database listing
*[https://github.com/moodleman/moodle-filter_fontawesome/archive/FontAwesomeFilter_1.0.zip Download latest version]
*[https://github.com/moodleman/moodle-filter_fontawesome Browse GIT]
*[https://moodle.org/mod/forum/discuss.php?d=240159#p1052928 Discussion in English] in the Forum
*[http://features.demo.moodle.com.au/ Demo site]
8[http://fontawesome.io/ FontAwesome Official website]

[[Category:Contributed code]]

Plik:additionalhtml.png

2013-10-16T07:10:23Z

Trogdor:

Plik:fontawesomecdn.png

2013-10-16T07:10:18Z

Trogdor:

FontAwesome filter

2013-10-16T07:09:50Z

Trogdor:

{{Filters}}
This is a [[:Category:Contributed_code|contributed (third party)]] filter for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Font Awesome provides sites with scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Font Awesome is fully open source and is GPL compatible. No attribution is required when using the fonts although the project does say it is appreciated.

This filter makes it easy to add FontAwesome icons to course content in any FontAwesome enabled moodle site. Please be sure to target any questions related to this filter in the [https://moodle.org/mod/forum/discuss.php?d=240159 Filter's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Filter Objectives==
The aim of this filter was to provide an easy and functional way for content creators to easily add FontAwesome icons anywhere in course content. If using the recommended method provide by FontAwesome which involves creating custom classes you will find that the text editor strips these out automatically as unrecognised/bad code. This filter provides another mechanism to add FontAwesome icons that won't be stripped out by the editor.

==Enabling FontAwesome in Moodle==
FontAwesom icon's will not work just by adding this filter to your Moodle. The filter just facilitates adding them to content. You will need to first ensure your site has the FontAwesome font enabled before you can use this filter. You can get FontAwesome running one of two ways.

==Install a FontAwesome enabled theme==

==Load FontAwesome via CDN==
A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance. You can pull FontAwesome into your site using any theme by adding a single line to your Admin settings. This line will connect to a dedicated CDN to reliably load FontAwesome into your moodle site.

To add the CDN to your Moodle you need to add the following line to your '''"Additional HTML"''' settings in Site Administration. You can find this located under the "Appearance" menu.

[[File:additionalhtml.png]]

Once you are in the "Additional HTML" settings we need to add the following line to the '''"Within HEAD"''' section. This will then load the FontAwesome as part of every page load.

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">

It should look like the image below. Once done you are now ready to use the FontAwesome filter.

[[File:fontawesomecdn.png]]

==Adding an icon==

Adding an icon to anywhere in your course that you wish is now a simple process. The hardest part is finding the icon you wish to use. To browse the full list of over 360 icons please visit [[http://fontawesome.io/icons/ this link]]. Once you have found the icon you are after you just have to surround it with a set of square brackets. e.g.:

[icon-retro-camera]

If you have typed in the icon name correctly you will see the icon appear once you have hit save.

==Configurable Options==

If you wish to make the icon larger you can use a multiplier. e.g.:

[icon-camera-retro icon-2x] or [icon-camera-retro icon-4x]

If you wish to rotate the icon you can specify how many degrees clockwise. e.g.:

[icon-camera-retro icon-rotate-90]

You can also flip an icon horizontally or vertically. e.g.:

[icon-camera-retro icon-flip-horizontal] or [icon-camera-retro icon-flip-vertical]

You can mute the colour to a dull grey. e.g.:

[icon-camera-retro icon-muted]

You can "pull" the icon to the left or right. If it is "pulled" to the left text will wrap to the right. e.g.:

[icon-camera-retro pull-left]

===Advanced Tip===

All the settings above can be mixed and matched. For example if I was to type in:

[icon-quote-left icon-4x pull-left icon-muted] Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all of them in any combination to get lots of new possibilities.

You would generate:

[[File:fontawesome_advancedtip.png]]

==Download link==
This filter is only available for Moodle 2.5 and above.
You can download the filter from https://moodle.org/plugins/view.php?plugin=filter_fontawesome

==See also==
*[https://moodle.org/plugins/view.php?plugin=filter_fontawesome FontAwesome Filter]'s Plugin database listing
*[https://github.com/moodleman/moodle-filter_fontawesome/archive/FontAwesomeFilter_1.0.zip Download latest version]
*[https://github.com/moodleman/moodle-filter_fontawesome Browse GIT]
*[https://moodle.org/mod/forum/discuss.php?d=240159#p1052928 Discussion in English] in the Forum
*[http://features.demo.moodle.com.au/ Demo site]
8[http://fontawesome.io/ FontAwesome Official website]

[[Category:Contributed code]]

Plik:fontawesome advancedtip.png

2013-10-16T06:44:35Z

Trogdor:

FontAwesome filter

2013-10-16T06:43:53Z

Trogdor: /* Advanced Tip */

FontAwesome filter

2013-10-16T06:41:59Z

Trogdor: /* Adding an icon */

FontAwesome filter

2013-10-16T06:41:30Z

Trogdor: /* Adding an icon */

FontAwesome filter

2013-10-16T06:40:54Z

Trogdor: /* Download link */

FontAwesome filter

2013-10-16T06:39:48Z

Trogdor: /* Configurable Options */

FontAwesome filter

2013-10-16T06:12:46Z

Trogdor:

Filters

2013-10-16T06:01:39Z

Trogdor:

{{Managing content}}
Filters can be used to add links, insert multimedia players, convert Mathematical expressions or emoticons into images and more.

A filter may be enabled at the site level and then removed as needed at the course or activity level. Thus a teacher can disable glossary auto-linking in a quiz for example.

==Standard filters==

Filters in Moodle include:

*[[Activity names auto-linking filter|Activity names auto-linking]] - This scans text for activity titles that exist in the same course and creates a link
*[[Algebra filter|Algebra notation]] - This filter will convert algebra code into GIF images
*[[Convert URLs into links filter|Convert URLs into links]] - This filter converts URLs in selected formats, such as Moodle auto-format, to click-able links
*[[Database auto-linking filter|Database auto-linking]] - As the name suggests, this filter enables automatic linking of [[Database module]] entries
*[[Display emoticons as images filter|Display emoticons as images]] - This converts emoticon (smiley) characters into images
*[[Email protection filter|Email protection]] - This obfuscates email address links to make them more difficult for spammers to harvest
*[[Glossary auto-linking filter|Glossary auto-linking]] - This scans text for glossary entries that exist in the same course and creates a link
*[[Multimedia plugins filter|Multimedia plugins]] - This finds a link in text that points to a multimedia resource and replaces the link with an appropriate multimedia player code which can play the resource
*[[Multi-language content filter|Multi-language content]] - This filter enables resources to be created in multiple languages
*[[TeX notation filter|TeX notation]]
*[[Word censorship]] - This filter "blacks out" words found on a list

==Contributed filters==

Filters have also been made by developers in the community. Some docs online for these include:
*[[FontAwesome_filter|FontAwesome]] - This scans text for icons that can be embedded using the FontAwesome icon set.

==See also==

*[[Managing filters]]
*[[Filter settings|Common filter settings]] for the site
*[[Filters FAQ]]

[[Category:Filter]]

[[fr:Filtres 2.0]]
[[de:Filter]]
[[es:Filtros]]

Filters

2013-10-16T06:00:56Z

Trogdor:

{{Managing content}}
Filters can be used to add links, insert multimedia players, convert Mathematical expressions or emoticons into images and more.

A filter may be enabled at the site level and then removed as needed at the course or activity level. Thus a teacher can disable glossary auto-linking in a quiz for example.

==Standard filters==

Filters in Moodle include:

*[[Activity names auto-linking filter|Activity names auto-linking]] - This scans text for activity titles that exist in the same course and creates a link
*[[Algebra filter|Algebra notation]] - This filter will convert algebra code into GIF images
*[[Convert URLs into links filter|Convert URLs into links]] - This filter converts URLs in selected formats, such as Moodle auto-format, to click-able links
*[[Database auto-linking filter|Database auto-linking]] - As the name suggests, this filter enables automatic linking of [[Database module]] entries
*[[Display emoticons as images filter|Display emoticons as images]] - This converts emoticon (smiley) characters into images
*[[Email protection filter|Email protection]] - This obfuscates email address links to make them more difficult for spammers to harvest
*[[Glossary auto-linking filter|Glossary auto-linking]] - This scans text for glossary entries that exist in the same course and creates a link
*[[Multimedia plugins filter|Multimedia plugins]] - This finds a link in text that points to a multimedia resource and replaces the link with an appropriate multimedia player code which can play the resource
*[[Multi-language content filter|Multi-language content]] - This filter enables resources to be created in multiple languages
*[[TeX notation filter|TeX notation]]
*[[Word censorship]] - This filter "blacks out" words found on a list

==Contributed filters==

Filters have also been made by developers in the community. Some docs online for these include:
*[[FontAwesome_filter|FontAwesome_filter]] - This scans text for icons that can be embedded using the FontAwesome icon set.

==See also==

*[[Managing filters]]
*[[Filter settings|Common filter settings]] for the site
*[[Filters FAQ]]

[[Category:Filter]]

[[fr:Filtres 2.0]]
[[de:Filter]]
[[es:Filtros]]

FontAwesome filter

2013-10-16T05:58:05Z

Trogdor: Created page with "{{Filters}} This is a contributed (third party) filter for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org Essential is a ..."

{{Filters}}
This is a [[:Category:Contributed_code|contributed (third party)]] filter for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Essential is a three column Responsive theme based on Bootstrap for Moodle 2.5 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [https://moodle.org/mod/forum/discuss.php?d=231970 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Filter Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes including Rocket to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

===Advanced Tips===
If you want to get your theme looking really fancy why not check out some of these [[Essential_theme_tips|Advanced Tips and Tricks]]

==Download link==
This theme is only available for Moodle 2.5 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_essential

==See also==
*[https://moodle.org/plugins/view.php?plugin=filter_fontawesome FontAwesome Filter]'s Plugin database listing
*[https://github.com/moodleman/moodle-filter_fontawesome/archive/FontAwesomeFilter_1.0.zip Download latest version]
*[https://github.com/moodleman/moodle-filter_fontawesome Browse GIT]
*[https://moodle.org/mod/forum/discuss.php?d=240159#p1052928 Discussion in English] in the Forum
*[http://features.demo.moodle.com.au/ Demo site]
8[http://fontawesome.io/ FontAwesome Official website]

[[Category:Contributed code]]

Essential theme tips

2013-08-29T23:53:38Z

Trogdor: /* Add custom CSS in your Essential Settings */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

<center>[[File:step1.jpg]]</center>

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

<center>[[File:essential_customblock_step2.jpg]]</center>

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

<code>
.customtest .header .title h2:before {
content:"\f0ac";
}
</code>

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

<center>[[File:essential_customblock_step3.jpg]]</center>

[[Category:Contributed code]]

Plik:essential customblock step3.jpg

2013-08-29T23:53:24Z

Trogdor:

Essential theme tips

2013-08-29T23:52:50Z

Trogdor: /* Add custom CSS in your Essential Settings */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

<center>[[File:step1.jpg]]</center>

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

<center>[[File:essential_customblock_step2.jpg]]</center>

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

<code>
.customtest .header .title h2:before {
content:"\f0ac";
}
</code>
If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

<center>[[File:essential_customblock_step3.jpg]]</center>

[[Category:Contributed code]]

Essential theme tips

2013-08-29T23:52:20Z

Trogdor: /* Add custom CSS in your Essential Settings */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

<center>[[File:step1.jpg]]</center>

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

<center>[[File:essential_customblock_step2.jpg]]</center>

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

<code>
.customtest .header .title h2:before {
content:"\f0ac";
}
</code>
If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

<center>[[File:essential_customblock_step3.jpg]]</center>

[[Category:Contributed code]]

Essential theme tips

2013-08-29T23:50:12Z

Trogdor: /* Add custom CSS in your Essential Settings */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

<center>[[File:step1.jpg]]</center>

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

<center>[[File:essential_customblock_step2.jpg]]</center>

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

<syntaxhighlight lang="css">
.customtest .header .title h2:before {
content:"\f0ac";
}
</syntaxhighlight>

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

<center>[[File:essential_customblock_step3.jpg]]</center>

[[Category:Contributed code]]

Essential theme tips

2013-08-29T23:48:43Z

Trogdor: /* Create HTML Block with a custom classname */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

<center>[[File:step1.jpg]]</center>

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

<center>[[File:essential_customblock_step2.jpg]]</center>

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

:.customtest .header .title h2:before {
::content:"\f0ac";
:}

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

[[Category:Contributed code]]

Plik:essential customblock step2.jpg

2013-08-29T23:48:22Z

Trogdor: Adding a customname to a block

Adding a customname to a block

Essential theme tips

2013-08-29T23:46:52Z

Trogdor: /* Enable custom classname's for blocks */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

<center>[[File:step1.jpg]]</center>

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

[[File:step2.jpg]]

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

:.customtest .header .title h2:before {
::content:"\f0ac";
:}

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

[[Category:Contributed code]]

Essential theme tips

2013-08-29T23:45:13Z

Trogdor: /* Create HTML Block with a custom classname */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.
[[File:step1.jpg]]

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

[[File:step2.jpg]]

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

:.customtest .header .title h2:before {
::content:"\f0ac";
:}

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

[[Category:Contributed code]]

Plik:step1.jpg

2013-08-29T23:44:26Z

Trogdor: Enable custom css classnames for blocks

Enable custom css classnames for blocks

Essential theme tips

2013-08-29T23:43:47Z

Trogdor: /* Enable custom classname's for blocks */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.
[[File:step1.jpg]]

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

:.customtest .header .title h2:before {
::content:"\f0ac";
:}

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

[[Category:Contributed code]]

Essential theme tips

2013-08-29T23:43:06Z

Trogdor: /* Find the Unicode of your desired icon */

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile.

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

:.customtest .header .title h2:before {
::content:"\f0ac";
:}

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

[[Category:Contributed code]]

Essential theme tips

2013-08-29T23:42:12Z

Trogdor: Created page with "Essential is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a..."

[[Essential_theme|Essential]] is a three column Responsive theme for Moodle written by Julian (Moodleman) Ridden based on Bootstrap for Moodle 2.5. It is designed to provide a more professional and clean website focused look and feel.

This page outlines some advanced tricks you can use to customise the theme to meet your needs.

For more information on this theme be sure to visit the [[Essential_theme|main theme documentation]]

==Changing the Icons on HTML Blocks==

===Enable custom classname's for blocks===

You will need to enable this feature first in your Moodle install. Log in as an administrator and go to:

:SITE ADMINISTRATION > PLUGINS > BLOCKS > HTML

Here you will need to enable the option to:

:Allow additional CSS classes

Once enabled you can now add a custom classname to your HTML Blocks. This is needed so that we can identify them individually and place a custom icon.

===Create HTML Block with a custom classname===

When creating your HTML block (or any in fact that you want to change the icon of) you now give it a classname of your choice. For this example I am using the name "customtest"

===Find the Unicode of your desired icon===

Use the cheat sheet located at http://fortawesome.github.io/Font-Awesome/cheatsheet/. This will be needed to insert into our CSS to generate your desired icon. I keep this printed next to my monitor these days smile

===Add custom CSS in your Essential Settings===

Now under the "General Settings" for the Essential theme you can add the following custom css. Please note that I have highlighted in green the custom class name we are using and in red the unicode of the globe icon.

Please ensure it is formatted exactly like below. Copy and paste if you like.

:.customtest .header .title h2:before {
::content:"\f0ac";
:}

If you have followed these steps correctly, when you hit save you should see your block now has a new icon displayed.

[[Category:Contributed code]]

Essential theme

2013-08-29T23:34:21Z

Trogdor:

{{Themes}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Essential is a three column Responsive theme based on Bootstrap for Moodle 2.5 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [https://moodle.org/mod/forum/discuss.php?d=231970 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes including Rocket to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to ''Administration > Site Administration > Appearance > Themes > Essential.

More information on this will be available soon.

===Custom Block Locations===
More information on this will be available soon.

===Advanced Customisation Tips===
If you want to get your theme looking really fancy why not check out some of these [[Essential_theme_tips|Advanced Tips and Tricks]]

==Download link==
This theme is only available for Moodle 2.5 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_essential

==See also==
*[https://moodle.org/plugins/view.php?plugin=theme_essential Essential]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_essential/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_essential Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[https://moodle.org/mod/forum/discuss.php?d=231970 Discussion in English] in the Themes Forum
*[http://2013.imoot.org/ Demo site]

[[Category:Contributed code]]

[[es:Tema esencial]]

Użytkownik:Julian Ridden

2013-08-13T05:03:58Z

Trogdor: Created page with "* Moodle Evangelist and Theme Guru working for the Australian Moodle Partner [http://www.pukunui.com/au/ Pukunui Australia]"

* Moodle Evangelist and Theme Guru working for the Australian Moodle Partner [http://www.pukunui.com/au/ Pukunui Australia]

Essential theme

2013-07-04T12:46:18Z

Trogdor:

{{Themes}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Essential is a three column Responsive theme based on Bootstrap for Moodle 2.5 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [https://moodle.org/mod/forum/discuss.php?d=231970 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes including Rocket to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to ''Administration > Site Administration > Appearance > Themes > Essential.

More information on this will be available soon.

===Custom Block Locations===
More information on this will be available soon.

==Download link==
This theme is only available for Moodle 2.5 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_essential

==See also==
*[https://moodle.org/plugins/view.php?plugin=theme_essential Essential]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_essential/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_essential Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[https://moodle.org/mod/forum/discuss.php?d=231970 Discussion in English] in the Themes Forum
*[http://2013.imoot.org/ Demo site]

[[Category:Contributed code]]

Essential theme

2013-07-04T12:44:33Z

Trogdor:

{{Themes}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Essential is a three column Responsive theme based on Bootstrap for Moodle 2.5 designed to provide a more professional and clean website focused look and feel. It provides Admins with an image slider and Marketing spots on the homepage to drive users where you need to. The theme also makes strong use of Font Awesome to provide icons throughout the design.

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colours all without changing code. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [https://moodle.org/mod/forum/discuss.php?d=231970 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes including Rocket to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to ''Administration > Site Administration > Appearance > Themes > Essential.

More information on this will be available soon.

===Custom Block Locations===
More information on this will be available soon.

==Download link==
This theme is only available for Moodle 2.5 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_essential

==See also==
*[http://moodle.org/plugins/browse.php?list=category&id=3 Rocket]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_rocket/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_rocket Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[http://moodle.org/mod/forum/discuss.php?d=185129 Discussion in English] in the Themes Forum
*[http://features.demo.moodle.com.au/ Demo site]

[[Category:Contributed code]]

Essential theme

2013-07-04T12:25:45Z

Trogdor: Created page with "Coming very shortly"

Coming very shortly

Rocket theme

2012-02-19T23:42:52Z

Trogdor: /* Blocks */

{{Rocket Theme}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Rocket is a three column fixed-width theme for Moodle 2.1+ originally designed to take Moodle themes to a more website focused look and feel. While the design is original, much of the CSS and the icons have come from Saun Daubney's fantastic Aardvark theme and also with support in the forums from Mary Evans

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colurs all without changing code. The theme also has a function that means that when users log in, courses they are enrolled in will show up in the dropdown 'custom menu' at the top of the screen. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [http://moodle.org/mod/forum/view.php?id=46 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes including Rocket to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==
'''Important Note:''' When making changes to any theme please ensure that [[Theme_settings#Theme_designer_mode|Theme Designer Mode]] is enabled to ensure your changes appear.

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

[[File:Rocket.jpg]]

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to Site Administration > Appearance > Themes > Rocket in the [[Settings_block|Settings block]].

The available settings are as follows:

*'''Institution Name''' - The name of your institution is shown on the frontpage as seen in ''''Zone 8'''' of the screenshot above. This is not the name of your site
*'''Logo''' - Change the logo of this theme located in ''''Zone 2'''' by entering the URL to a new one (i.e., http://www.somesite/logo.png). As a reference, the default logo is 272px by 72px. A transparent .png will work best.
*'''Banner''' - Change the banner on the frontpage in ''''Zone 5'''' by entering the URL to a new one (i.e., http://www.somesite/banner.png). As a reference, the default banner is 750px by 350px.
*'''Theme Color''' - What color should your theme be. This will change mulitple components to produce the color you wish across the moodle site. Examples are ''''Zones 1, 7 and 8'''' as well as heading text's throughout the site
*'''Theme Trim Color''' - The theme trim color is used to highlight elements across the site. A simple example is the line across the top of the page. It is also used in certain table headers. Dark works best.
*'''Menu Color''' - Change the color of the menu
*'''Menu Hover Color''' - Change the color of the menu items when the mouse hovers over them
*'''Menu Trim Color''' - Change the color used to trim the edges of the menu
*'''Footnote''' - The content from this textarea will be displayed in the footer of every page in ''''Zone 10'''' . A great place for links such as Privacy Policy and AUP's and main website links.
*'''Copyright Notice''' - As seen in ''''Zone 11'''' This location is where you can put your copyright notice if you have one.

===Custom Block Locations===
This theme is the first, as far as I am aware, to use blocks outside of the standard left and right column methodology. There are two additional locations called 'Search/profile' and 'Top Link's.

*The '''Top Links''' location is '''''Zone 4''''' on the screenshot. This is a new Block location that appears on the Homepage Only. Any block may be placed here that you like.

*The '''Search/Prolfile''' location is '''''Zone 6''''' on the screenshot. This location has been specifically designed to take either the [[Global_Search|Global Search]] block or the [[Logged_in_user_block|Logged in User]] block. Both are reformatted by the theme to best suit the location. As this location is small you will find not many other blocks fit here except maybe the [[HTML_block|HTML]] block.

==Recreating the Demo Homepage layout==
Many ask how the design in the image attached to this doc was created. Here I will explain the process of creating the layout shown above.

====Blocks====
* The login block as placed on the homepage in the left column. the theme automatically colours the block as you see in the screenshot
* The "Global Search" block was placed in the Search/Profile location shown here as '''''Zone 6'''''
* A HTML block was placed in '''''Zone 4''''' with a simple built point list containing links. The theme has turned this into items separated by horizontal rules
====Homepage Content====
* The middle of the homepage '''''Zone 9''''' is just a label with custom text entered.
====Header====
* The logo in '''''Zone 2''''' is the default logo that ships with the theme. This can be changed in the ''''Rocket Theme Settings page''''
* The banner image in '''''Zone 5''''' is the default banner that ships with the theme. This can be changed in the ''''Rocket Theme Settings page''''
* The Menu at the top of the page is the standard [[Theme_settings#Custom_menu_items|Custom Menu]] built into Moodle 2 with my own links
====Footer====
* A series of links was entered into the ''''Footnote'''' area of the ''''Rocket Theme Settings page'''' indicated as '''''Zone 10'''''
* Copyright Notice text was entered into the '''' Copyright Notice'''' area of the ''''Rocket Theme Settings page'''' indicated as '''''Zone 11'''''

==Download link==
This theme is only available for Moodle 2.1 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_rocket

==See also==
*[http://moodle.org/plugins/browse.php?list=category&id=3 Rocket]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_rocket/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_rocket Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[http://moodle.org/mod/forum/discuss.php?d=185129 Discussion in English] in the Themes Forum
*[http://features.demo.moodle.com.au/ Demo site]

[[Category:Contributed code]]

Rocket theme

2012-02-19T23:37:18Z

Trogdor: /* Recreating the Demo Homepage layout */

{{Rocket Theme}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Rocket is a three column fixed-width theme for Moodle 2.1+ originally designed to take Moodle themes to a more website focused look and feel. While the design is original, much of the CSS and the icons have come from Saun Daubney's fantastic Aardvark theme and also with support in the forums from Mary Evans

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colurs all without changing code. The theme also has a function that means that when users log in, courses they are enrolled in will show up in the dropdown 'custom menu' at the top of the screen. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [http://moodle.org/mod/forum/view.php?id=46 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes including Rocket to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==
'''Important Note:''' When making changes to any theme please ensure that [[Theme_settings#Theme_designer_mode|Theme Designer Mode]] is enabled to ensure your changes appear.

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

[[File:Rocket.jpg]]

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to Site Administration > Appearance > Themes > Rocket in the [[Settings_block|Settings block]].

The available settings are as follows:

*'''Institution Name''' - The name of your institution is shown on the frontpage as seen in ''''Zone 8'''' of the screenshot above. This is not the name of your site
*'''Logo''' - Change the logo of this theme located in ''''Zone 2'''' by entering the URL to a new one (i.e., http://www.somesite/logo.png). As a reference, the default logo is 272px by 72px. A transparent .png will work best.
*'''Banner''' - Change the banner on the frontpage in ''''Zone 5'''' by entering the URL to a new one (i.e., http://www.somesite/banner.png). As a reference, the default banner is 750px by 350px.
*'''Theme Color''' - What color should your theme be. This will change mulitple components to produce the color you wish across the moodle site. Examples are ''''Zones 1, 7 and 8'''' as well as heading text's throughout the site
*'''Theme Trim Color''' - The theme trim color is used to highlight elements across the site. A simple example is the line across the top of the page. It is also used in certain table headers. Dark works best.
*'''Menu Color''' - Change the color of the menu
*'''Menu Hover Color''' - Change the color of the menu items when the mouse hovers over them
*'''Menu Trim Color''' - Change the color used to trim the edges of the menu
*'''Footnote''' - The content from this textarea will be displayed in the footer of every page in ''''Zone 10'''' . A great place for links such as Privacy Policy and AUP's and main website links.
*'''Copyright Notice''' - As seen in ''''Zone 11'''' This location is where you can put your copyright notice if you have one.

===Custom Block Locations===
This theme is the first, as far as I am aware, to use blocks outside of the standard left and right column methodology. There are two additional locations called 'Search/profile' and 'Top Link's.

*The '''Top Links''' location is '''''Zone 4''''' on the screenshot. This is a new Block location that appears on the Homepage Only. Any block may be placed here that you like.

*The '''Search/Prolfile''' location is '''''Zone 6''''' on the screenshot. This location has been specifically designed to take either the [[Global_Search|Global Search]] block or the [[Logged_in_user_block|Logged in User]] block. Both are reformatted by the theme to best suit the location. As this location is small you will find not many other blocks fit here except maybe the [[HTML_block|HTML]] block.

==Recreating the Demo Homepage layout==
Many ask how the design in the image attached to this doc was created. Here I will explain the process of creating the layout shown above.

====Blocks====
* The login block as placed on the homepage in the left column. the theme automatically colours the block as you see in the screenshot
* The "Global Search" block was placed in the Search/Profile location shown here as '''''Zone 6'''''
* A HTML block was placed in '''''Zone 4''''' with a simple built point list containing links. The theme has turned this into items separated by horizontal rules
* A series of links was entered into the ''''Footnote'''' area of the ''''Rocket Theme Settings page'''' indicated as '''''Zone 10'''''
* Copyright Notice text was entered into the '''' Copyright Notice'''' area of the ''''Rocket Theme Settings page'''' indicated as '''''Zone 11'''''
* The middle of the homepage '''''Zone 9''''' is just a label with custom text entered.

==Download link==
This theme is only available for Moodle 2.1 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_rocket

==See also==
*[http://moodle.org/plugins/browse.php?list=category&id=3 Rocket]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_rocket/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_rocket Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[http://moodle.org/mod/forum/discuss.php?d=185129 Discussion in English] in the Themes Forum
*[http://features.demo.moodle.com.au/ Demo site]

[[Category:Contributed code]]

Rocket theme

2012-02-17T13:19:29Z

Trogdor: /* Recreating the Demo Homepage layout */

{{Rocket Theme}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Rocket is a three column fixed-width theme for Moodle 2.1+ originally designed to take Moodle themes to a more website focused look and feel. While the design is original, much of the CSS and the icons have come from Saun Daubney's fantastic Aardvark theme and also with support in the forums from Mary Evans

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colurs all without changing code. The theme also has a function that means that when users log in, courses they are enrolled in will show up in the dropdown 'custom menu' at the top of the screen. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [http://moodle.org/mod/forum/view.php?id=46 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes including Rocket to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==
'''Important Note:''' When making changes to any theme please ensure that [[Theme_settings#Theme_designer_mode|Theme Designer Mode]] is enabled to ensure your changes appear.

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

[[File:Rocket.jpg]]

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to Site Administration > Appearance > Themes > Rocket in the [[Settings_block|Settings block]].

The available settings are as follows:

*'''Institution Name''' - The name of your institution is shown on the frontpage as seen in ''''Zone 8'''' of the screenshot above. This is not the name of your site
*'''Logo''' - Change the logo of this theme located in ''''Zone 2'''' by entering the URL to a new one (i.e., http://www.somesite/logo.png). As a reference, the default logo is 272px by 72px. A transparent .png will work best.
*'''Banner''' - Change the banner on the frontpage in ''''Zone 5'''' by entering the URL to a new one (i.e., http://www.somesite/banner.png). As a reference, the default banner is 750px by 350px.
*'''Theme Color''' - What color should your theme be. This will change mulitple components to produce the color you wish across the moodle site. Examples are ''''Zones 1, 7 and 8'''' as well as heading text's throughout the site
*'''Theme Trim Color''' - The theme trim color is used to highlight elements across the site. A simple example is the line across the top of the page. It is also used in certain table headers. Dark works best.
*'''Menu Color''' - Change the color of the menu
*'''Menu Hover Color''' - Change the color of the menu items when the mouse hovers over them
*'''Menu Trim Color''' - Change the color used to trim the edges of the menu
*'''Footnote''' - The content from this textarea will be displayed in the footer of every page in ''''Zone 10'''' . A great place for links such as Privacy Policy and AUP's and main website links.
*'''Copyright Notice''' - As seen in ''''Zone 11'''' This location is where you can put your copyright notice if you have one.

===Custom Block Locations===
This theme is the first, as far as I am aware, to use blocks outside of the standard left and right column methodology. There are two additional locations called 'Search/profile' and 'Top Link's.

*The '''Top Links''' location is '''''Zone 4''''' on the screenshot. This is a new Block location that appears on the Homepage Only. Any block may be placed here that you like.

*The '''Search/Prolfile''' location is '''''Zone 6''''' on the screenshot. This location has been specifically designed to take either the [[Global_Search|Global Search]] block or the [[Logged_in_user_block|Logged in User]] block. Both are reformatted by the theme to best suit the location. As this location is small you will find not many other blocks fit here except maybe the [[HTML_block|HTML]] block.

==Recreating the Demo Homepage layout==
''Coming Soon''

==Download link==
This theme is only available for Moodle 2.1 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_rocket

==See also==
*[http://moodle.org/plugins/browse.php?list=category&id=3 Rocket]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_rocket/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_rocket Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[http://moodle.org/mod/forum/discuss.php?d=185129 Discussion in English] in the Themes Forum
*[http://features.demo.moodle.com.au/ Demo site]

[[Category:Contributed code]]

Rocket theme

2012-02-17T13:19:03Z

Trogdor: /* Custom Theme Settings */

{{Rocket Theme}}
This is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle written by Julian (Moodleman) Ridden and shared on Moodle.org

Rocket is a three column fixed-width theme for Moodle 2.1+ originally designed to take Moodle themes to a more website focused look and feel. While the design is original, much of the CSS and the icons have come from Saun Daubney's fantastic Aardvark theme and also with support in the forums from Mary Evans

The theme is highly customisable through Moodle's theme settings. You can adjust images, text and colurs all without changing code. The theme also has a function that means that when users log in, courses they are enrolled in will show up in the dropdown 'custom menu' at the top of the screen. As this theme has several advanced functions, this page exists to provide some basic instruction on it's use. Please be sure to target any questions related to this theme in the [http://moodle.org/mod/forum/view.php?id=46 Theme's forums] at moodle.org and bugs to the [[Tracker|Moodle Tracker]]

==Theme Objectives==
The aim of this theme was to provide a template that challenged what could be done with theme design. To create a Moodle instance that looked more like a professional standalone website and less like a Moodle instance.

This theme will not suit all audiences because of this. For a full list of contributed themes including Rocket to find one that meets your needs please check the [http://moodle.org/plugins/browse.php?list=category&id=3 Moodle Plugins database].

==Configurable Options==
'''Important Note:''' When making changes to any theme please ensure that [[Theme_settings#Theme_designer_mode|Theme Designer Mode]] is enabled to ensure your changes appear.

As themes are, by nature, a visual medium, these instructions will reference the screenshot listed below. This theme makes strong use of [[Theme_settings|Moodle Theme Settings]], [[theme/custom|Custom Theme settings]] and [[https://docs.moodle.org/dev/Very_flexible_block_system_proposal Custom Block]] locations.

[[File:Rocket.jpg]]

===Theme Settings===
The only setting to be aware of here is the '''[[Theme_settings#Custom_menu_items|Custom Menu]]'''. This is what generates the dropdown menu in '''''Zone 3''''' of the screenshot above.

One item however is automatically appended to the Menu if you choose to activate it. This additional item is the "My Courses" addition. This will automatically show a dropdown of courses your users are enrolled in when they are logged in.

please note that if you have not enabled at least one item in the Custom Menu then the "My Courses" dropdown will not appear either.

===Custom Theme Settings===
This theme makes very strong use of Moodle 2's new [[theme/custom_theme/settings|Custom Theme settings]] to enable admins to customise the look and feel of the theme without needing to touch the code.

To access the Custom Settings for this theme go to Site Administration > Appearance > Themes > Rocket in the [[Settings_block|Settings block]].

The available settings are as follows:

*'''Institution Name''' - The name of your institution is shown on the frontpage as seen in ''''Zone 8'''' of the screenshot above. This is not the name of your site
*'''Logo''' - Change the logo of this theme located in ''''Zone 2'''' by entering the URL to a new one (i.e., http://www.somesite/logo.png). As a reference, the default logo is 272px by 72px. A transparent .png will work best.
*'''Banner''' - Change the banner on the frontpage in ''''Zone 5'''' by entering the URL to a new one (i.e., http://www.somesite/banner.png). As a reference, the default banner is 750px by 350px.
*'''Theme Color''' - What color should your theme be. This will change mulitple components to produce the color you wish across the moodle site. Examples are ''''Zones 1, 7 and 8'''' as well as heading text's throughout the site
*'''Theme Trim Color''' - The theme trim color is used to highlight elements across the site. A simple example is the line across the top of the page. It is also used in certain table headers. Dark works best.
*'''Menu Color''' - Change the color of the menu
*'''Menu Hover Color''' - Change the color of the menu items when the mouse hovers over them
*'''Menu Trim Color''' - Change the color used to trim the edges of the menu
*'''Footnote''' - The content from this textarea will be displayed in the footer of every page in ''''Zone 10'''' . A great place for links such as Privacy Policy and AUP's and main website links.
*'''Copyright Notice''' - As seen in ''''Zone 11'''' This location is where you can put your copyright notice if you have one.

===Custom Block Locations===
This theme is the first, as far as I am aware, to use blocks outside of the standard left and right column methodology. There are two additional locations called 'Search/profile' and 'Top Link's.

*The '''Top Links''' location is '''''Zone 4''''' on the screenshot. This is a new Block location that appears on the Homepage Only. Any block may be placed here that you like.

*The '''Search/Prolfile''' location is '''''Zone 6''''' on the screenshot. This location has been specifically designed to take either the [[Global_Search|Global Search]] block or the [[Logged_in_user_block|Logged in User]] block. Both are reformatted by the theme to best suit the location. As this location is small you will find not many other blocks fit here except maybe the [[HTML_block|HTML]] block.

==Recreating the Demo Homepage layout==

==Download link==
This theme is only available for Moodle 2.1 and above.
You can download the theme from http://moodle.org/plugins/view.php?plugin=theme_rocket

==See also==
*[http://moodle.org/plugins/browse.php?list=category&id=3 Rocket]'s Plugin database page
*[https://github.com/moodleman/moodle-theme_rocket/zipball/master Download latest version]
*[https://github.com/moodleman/moodle-theme_rocket Browse GIT]
*[http://tracker.moodle.org/browse/CONTRIB/component/10295 Bugs and Issues] at Tracker
*[http://moodle.org/mod/forum/discuss.php?d=185129 Discussion in English] in the Themes Forum
*[http://features.demo.moodle.com.au/ Demo site]

[[Category:Contributed code]]

Rocket theme

2012-02-17T13:07:01Z

Trogdor: /* Custom Block Locations */

Rocket theme

2012-02-17T13:06:41Z

Trogdor: /* Theme Settings */

Rocket theme

2012-02-17T13:06:13Z

Trogdor: /* Theme Settings */

Rocket theme

2012-02-17T12:59:45Z

Trogdor: /* Custom Block Locations */

Rocket theme

2012-02-17T12:59:05Z

Trogdor: /* Custom Block Locations */

Rocket theme

2012-02-17T12:51:56Z

Trogdor:

Rocket theme

2012-02-17T12:51:23Z

Trogdor: /* Configurable Options */

Rocket theme

2012-02-17T12:50:30Z

Trogdor: /* Configurable Options */

Rocket theme

2012-02-17T12:50:12Z

Trogdor:

Plik:Rocket.jpg

2012-02-17T12:16:18Z

Trogdor: Image of the Rocket Theme in action with bullet points

Image of the Rocket Theme in action with bullet points

Rocket theme

2012-02-17T12:08:29Z

Trogdor: