Олег Давидович: 1 версия импортирована

2024-10-18T06:47:35Z

1 версия импортирована

← Предыдущая версия	Версия от 06:47, 18 октября 2024
(нет различий)

1>Dwahl в 01:26, 29 мая 2012

2012-05-29T01:26:00Z

Новая страница

{{Themes}}
Zebra 2 is a [[:Category:Contributed_code|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 and (optionally) [https://github.com/scottjehl/Respond respond.js] for browsers that don't natively support 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==

Zebra provides a variety of theme settings. Below is a list of all the settings broken down into general categories.

===Header Settings===

====Logo URL (logourl)====

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]]
* Full path
* Relative path

The default value uses the Image Resolver API. The actual location relative to zebra theme folder is: zebra/pix/logo/logo.png. This setting is handled by the function [https://github.com/thedannywahl/Zebra_4_Moodle_2/blob/master/lib.php#L298-328 zebra_set_logourl()] in the theme library.

Default value:
<pre>
logo/logo
</pre>

Example values:
<pre>
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
</pre>

Specific rule in core.css:
<code css>
#page-header {
background: url([[setting:logourl]]) no-repeat scroll left top [[setting:headerbgcolor]];
min-height: [[setting:logourlheight]];
}
</code>

-----

====Logo image height (logourlheight)====

The height that the theme allows for the logo image in the page-header div. If you do not have a logo it is recommended to leave this setting at its default value (100px) to leave room of the profile picture in the header (if [[#Show_user_picture_(userpic)|userpic]] is enabled). This setting is handled by the function [https://github.com/thedannywahl/Zebra_4_Moodle_2/blob/master/lib.php#L330-346 zebra_set_logourlheight()] in the theme library.

Default value:
<pre>
100px
</pre>

Example values:
<pre>
50px
5%
3em
</pre>

Specific rule in core.css:
<code css>
#page-header {
background: url([[setting:logourl]]) no-repeat scroll left top [[setting:headerbgcolor]];
min-height: [[setting:logourlheight]];
}
</code>

-----

====Alternate text (headeralt)====

Alternative text to use instead of the value of $PAGE->heading. If this value is NULL (Empty) then $PAGE->heading will be used. In order to display no title on a page use a blank space (&nbsp;). This setting is referenced by header.php and called in both general.php and report.php.

Default Value:
<pre>
(Empty)
</pre>

Example Values:
<pre>
School Name
Company Name
Short Company Motto
</pre>

Specific reference in header.php:

<code php>
if (!empty($PAGE->theme->settings->headeralt)) {
$headeralt = $PAGE->theme->settings->headeralt; //Use the theme settings for the page title
} else {
$headeralt = $PAGE->heading; //Use the default page title if the theme setting value is empty
}
</code>

Specific call in general.php (and report.php):

<code php>
<h1 class="headermain"><?php echo $headeralt; ?></h1>
</code>

-----

====Background URL (backgroundurl)====

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

* Moodle image resolver API
* Full path
* Relative path

The default value uses the Image Resolver API. The actual location relative to zebra theme folder is: zebra/pix/core/background.png. This setting is handled by the function [https://github.com/thedannywahl/Zebra_4_Moodle_2/blob/master/lib.php#L348-378 zebra_set_backgroundurl()] in the theme library.

Default Value:
<pre>
core/background
</pre>

Example Values:
<pre>
core/swirl
http://domain.com/path/to/background.jpg
/path/to/file/companyswirl.png
</pre>

Specific rule in pagelayout.css:
<code css>
body {
padding: 0 10px 10px 10px;
background: url([[setting:backgroundurl]]) no-repeat scroll center top transparent;
}
</code>

====Show user picture (userpic)====

==Technical Details==

==Download link==

==See also==

[[Category:Contributed code]]

Zebra 2 Theme - История изменений

Олег Давидович: 1 версия импортирована

1>Dwahl в 01:26, 29 мая 2012