Lt9602 < Skins > Marathon (talk | users | test page | RWD? | set as default | unset | validate: HTML, CSS)
Summary: Tableless skin for PmWiki based on design by Haran from OSWD.
Prerequisites: PmWiki 2.2.0-betas but works with pmwiki-2.1.17
See Discussion at: Maguila-Talk
Maguila Skin for PmWiki
This skin was done because I really like Haran's designs that use only css and html but are well formed, structured and minimal.
This skin uses some css techniques listed bellow:
- Sane css typography by Owen briggs - Helps to show typogragraphy concistently across browsers - old and new.
- Holy grail by Matthew Levine- Used part of the layout to implement the grids zoomed without breaking anything in most browsers.
This is a tableless skin with six layout sections :
| HEADER no included pages here.
| ACTION MENU
| LEFT SIDE BAR
| RIGHT SIDE BAR
All sections can be turned off with the directives bellow:
You can also use actions in links to specify which sections display and font sizes:
- Use the action ?col=x to control the side bars
- Use the action ?fnt=x to control the font size (with values from 0 to 3)
There are some options to be used within config.php, to turn options on and off:
- $EnableSkinOptions - Set to '1' inside maguila.php. If you want to turn off all other skin options, set this to '0'.
- $EnableSkinTitle - Set to '1' inside maguila.php. Enables color changes for the title from black to white for WikiWords.
- $EnableNoSections - Set to '1' inside maguila.php. Enables skin directives to control layout by users.
- $EnableActionHighlight - Set to 1' inside maguila.php . Enables highlight (underline) of action links in ActionBar;
All options above can be turned off and overridden inside config.php. For example you can write this in config.php:
$EnableSkinOptions = 0;
And all options will be turned off. You can also turn EnableSkinOptions on and set the other options off one by one.
$EnableSkinOptions = 1;
$EnableSkinTitle = 0; (no change in title colors)
$EnableNoSections = 1; (Sections are still on with this)
$EnableFontOptions = 0; (But font options are off)
and so on.
There is also a page -> Site.SkinConfig , where you can change some of the configurations using PmWiki forms.
The skin was tested with the browsers bellow.
- Firefox 18.104.22.168 - Ubuntu
- Firefox 22.214.171.124 - Ubuntu
- Konqueror 3.5 - Ubuntu
- Opera 8 - Suse
- Opera 9.24 - Ubuntu
- Epiphany 2.20 - Ubuntu 7.10
- Wine/MSIE 7, 6, 5.5, 5.5 sp2 and 5 - Suse
- Firefox 1.5 - Windows 2000
- Firefox 126.96.36.199 - Windows 2000
- MSIE 6.0 - Windows 2000
- MSIE 5.5 - - Windows 2000
- MSIE 5.0 - Windows 2000 - Graceful degradation for this one, mostly the borders in some elements won't show, but the difference is small.
- Opera 7 - - Minor problem with browser slide bar.
- Opera 8 - - Some minor problems with equal height for main section, it won't show i content is longer than sidebar.
- Opera 9.24 - Windows 2000
- Safari - windows2000
- Firefox 188.8.131.52 - Mac OS X 10.4
- Safari 2.0.4 - Mac OS X 10.4
- Safari 3
If you get the chance to test with other browsers, please add to the list above.
Here are some screenshots, courtesy of browserhosts.org.
To add this theme to your PmWiki2 installation, follow these basic steps:
1. Download the theme archive and extract the files it contains.
2. Move the directory 'maguila' to the pub/skins directory provided by PmWiki on your server.
3. Add the following to your local configuration file (config.php).
$Skin = 'maguila';
4. Look at ownership and permission of files if you have any trouble.
2007-11-06 - First release
User notes +3: If you use, used or reviewed this recipe, you can add your name. These statistics appear in the Skins listings and will help newcomers browsing through the wiki.