PacktLib: MediaWiki Skins Design

MediaWiki Skins Design

Credits

About the Author

About the Reviewer

Preface

Introduction

Examples of MediaWiki Skins

Customi´╗┐zed MediaWiki Skins

Why Skin Your (Media) Wiki?

Our Case Study: JazzMeet

The Process of Skinning MediaWiki

Summary

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

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

Changing the Layout

Keep Your Head On: MediaWiki's Tag

Changing the Content Area: #bodyContent

Changing the Interface

Creating Your Own Template

Summary

Useful MediaWiki Functions

PHP Functions and MediaWiki Functions

Functions for

Functions For

Advanced PHP Functions

Summary

Adding Decorative Elements

Decorative Elements

Focus-Drawing Techniques

Depth and the Third Dimension

Focus-Lessening Techniques

Summary

Dynamic CSS and JavaScript

Inline Edit Interface

Installing Lightbox 2

LightboxThumbs

Tables: Making Data easier to read

Summary

Social Networking and MediaWiki

Integrating Twitter with MediaWiki

YouTube in MediaWiki

Social Bookmarking

Social Bookmarking Aggregators

Summary

Deploying Your MediaWiki Skin

Deploying on your Own Wiki

Packaging Your MediaWiki Skin

L´╗┐icensing Options

Summary

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

Troubleshooting Browser Issues with MediaWiki

Troubleshooting Browser Issues with MediaWiki

Troubleshooting Browser Issues with MediaWiki

Troubleshooting Browser Issues with MediaWiki

Troubleshooting Browser Issues with MediaWiki

Troubleshooting Browser Issues with MediaWiki

Troubleshooting Browser Issues with MediaWiki

Troubleshooting Browser Issues with MediaWiki