Difference between revisions of "Zebra 2 Theme"

Jump to: navigation, search
Line 2: Line 2:
 
Zebra 2 is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle 2 written by Danny (d_wahl) Wahl.
 
Zebra 2 is a [[:Category:Contributed_code|contributed (third party)]] theme for Moodle 2 written by Danny (d_wahl) Wahl.
  
=Theme Objectives=
+
==Theme Objectives==
  
There are two main goals in the design of this theme.  The first is to provide a responsive layout.  This is achieved by using the CSS 3 media queries.  The second is to provide simple, yet robust customization of the look and feel.  This is achieved by using a custom [[theme_settings|settings page]] housing almost 40 settings.
+
There are two main goals in the design of this theme.  The first is to provide a responsive layout.  This is achieved by using the CSS 3 media queries.  The second is to provide simple, yet robust customization of the look and feel.  This is achieved by using a custom [[Theme_settings|settings page]] housing almost 40 settings.
  
=Theme Settings=
+
==Theme Settings==
  
 
Zebra provides a variety of theme settings.
 
Zebra provides a variety of theme settings.
  
==Header Settings==
+
===Header Settings===
  
===logourl===
+
====logourl====
 
The path to your logo image.  Image sources support the following methods:
 
The path to your logo image.  Image sources support the following methods:
  
* [[dev:Theme_changes_in_2.0#The_image_resolver|Moodle image resolver API]] $OUTPUT->pix_url()
+
* [[dev:Theme_changes_in_2.0#The_image_resolver|Moodle image resolver API]] ($OUTPUT->pix_url())
 
* Full path
 
* Full path
 
* Relative path
 
* Relative path
  
===logourlheight===
+
Default value: logo/logo (using image resolver). The actual location relative to zebra theme folder is: zebra/pix/logo/logo.png
 +
 
 +
Example values:
 +
<nowiki>logo/myschoollogo</nowiki>
 +
<nowiki>http://domain.com/theme/image.php?theme=zebra&image=logo&rev=1&component=theme</nowiki>
 +
<nowiki>http://domain.com/path/to/image.jpg</nowiki>
 +
<nowiki>/path/to/file/companylogo.png</nowiki>
 +
 
 +
====logourlheight====
 
The height of the logo to allow in the theme
 
The height of the logo to allow in the theme
  
  
=Technical Details=
+
==Technical Details==
  
=Download link=
+
==Download link==
  
=See also=
+
==See also==
 
*[http://moodle.org/plugins/browse.php?list=category&id=3 Rocket]'s Plugin database page
 
*[http://moodle.org/plugins/browse.php?list=category&id=3 Rocket]'s Plugin database page
  
 
[[Category:Contributed code]]
 
[[Category:Contributed code]]

Revision as of 07:30, 28 May 2012

Zebra 2 is a contributed (third party) theme for Moodle 2 written by Danny (d_wahl) Wahl.

Theme Objectives

There are two main goals in the design of this theme. The first is to provide a responsive layout. This is achieved by using the CSS 3 media queries. The second is to provide simple, yet robust customization of the look and feel. This is achieved by using a custom settings page housing almost 40 settings.

Theme Settings

Zebra provides a variety of theme settings.

Header Settings

logourl

The path to your logo image. Image sources support the following methods:

Default value: logo/logo (using image resolver). The actual location relative to zebra theme folder is: zebra/pix/logo/logo.png

Example values:

logo/myschoollogo
http://domain.com/theme/image.php?theme=zebra&image=logo&rev=1&component=theme
http://domain.com/path/to/image.jpg
/path/to/file/companylogo.png

logourlheight

The height of the logo to allow in the theme


Technical Details

Download link

See also