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

Firefox Bugs

Bugs in Firefox are less common than in Internet Explorer, but there are some things that may be useful to fix, including empty divs.

Empty Divs Not Clearing

Some versions of Firefox will not properly interpret an empty div that has the clear: both CSS attribute assigned to it. To fix this, simply give some padding to the div as follows: padding-top: .01em

Previous Section
End of Section
Next Section