Book Image

MediaWiki Skins Design

Book Image

MediaWiki Skins Design

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
MediaWiki Skins Design
Aug, 2008 | 248 pages
No titles found
Table of Contents (16 chapters)
MediaWiki Skins Design
MediaWiki Skins Design
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
Preface
Preface
Free Chapter
1
Introduction
Introduction
Examples of MediaWiki Skins
Customized MediaWiki Skins
Why Skin Your (Media) Wiki?
Our Case Study: JazzMeet
The Process of Skinning MediaWiki
Summary
2
Formatting the Body
Formatting the Body
Initializing Your Skin
Using Your Skin
Styling Article Content
Making Our Case Study 'JazzMeet'
Styling the Edit Interface
Preview Page
Logging In and Registering
JazzMeets So Far
Summary
3
Formatting Interface Elements
Formatting Interface Elements
The Interface Area: .portlet
Changing the Logo
Styling the Navigation: #p-navigation
The Userbar: #p-personal
View Options: #p-cactions
The Toolbox: #p-tb
The Search Box: #p-search
The Footer: #footer
Summary
4
Changing the Layout
Changing the Layout
Keep Your Head On: MediaWiki's <head> Tag
Changing the Content Area: #bodyContent
Changing the Interface
Creating Your Own Template
Summary
5
Useful MediaWiki Functions
Useful MediaWiki Functions
PHP Functions and MediaWiki Functions
Functions for <head>
Functions For <body>
Advanced PHP Functions
Summary
6
Adding Decorative Elements
Adding Decorative Elements
Decorative Elements
Focus-Drawing Techniques
Depth and the Third Dimension
Focus-Lessening Techniques
Summary
7
Dynamic CSS and JavaScript
Dynamic CSS and JavaScript
Inline Edit Interface
Installing Lightbox 2
LightboxThumbs
Tables: Making Data easier to read
Summary
8
Social Networking and MediaWiki
Social Networking and MediaWiki
Integrating Twitter with MediaWiki
YouTube in MediaWiki
Social Bookmarking
Social Bookmarking Aggregators
Summary
9
Deploying Your MediaWiki Skin
Deploying Your MediaWiki Skin
Deploying on your Own Wiki
Packaging Your MediaWiki Skin
Licensing Options
Summary
10
MediaWiki Print Styles
MediaWiki Print Styles
Viewing the Printable Version of Your Page
What's Already Done for Us: commonPrint.css
What Remains to be Styled
Summary
Troubleshooting Browser Issues with MediaWiki
Troubleshooting Browser Issues with MediaWiki
Browser Modes
Conditional Comments
Internet Explorer 5 Bugs
Internet Explorer 6 Bugs
Inline List Items Partially Displayed
Bugs in Other Browsers
Firefox Bugs
Testing your Design in Multiple Browsers
Summary

LightboxThumbs

We can also use a functionality provided by LightBox to allow thumbnail images within our wiki to be opened within the page.

Lightbox 2 comes to our rescue here yet again, alongside the LightboxThumbs MediaWiki extension (http://www.mediawiki.org/wiki/Extension:LightboxThumbs).

Installing LightboxThumbs

Installing LightboxThumbs is quite simple. You need to follow these steps:

  • Save the LightboxThumbs.php file in the extensions directory of your MediaWiki installation. The file is provided on the Extensions page on MediaWiki.org.

  • Inform MediaWiki that you are expecting the LightboxThumbs extension to be present by adding the code requires_once("$IP/extensions/LightboxThumbs.php") to your LocalSettings.php file.

  • Install Lightbox.

The Result

We should now be able to see a larger version of images and photographs uploaded on our wiki when we click on the thumbnail version of images embedded within our wiki's content:

Previous Section
End of Section 4
Next Section