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

Styling the Navigation: #p-navigation

#p-navigation identifies the div that contains the<h5> header above the navigation links, and .pBody, which includes an unordered list of wiki-wide navigation links. .pBody is used elsewhere, so as to avoid unnecessary styling.

Table of Elements: #p-navigation

Each list item in the main navigation div has a unique id assigned to it:

Element class/id

Purpose

#p-navigation

#p-navigation identifies the container for the wiki's primary navigation.

#n-mainpage

#n-mainpage identifies the list item containing a link to the wiki's main page.

#n-portal

#n-portal identifies the list item containing a link to the wiki's portal page.

#n-currentevents

#n-currentevents identifies the list item containing a link to the wiki's current events page.

#n-recentchanges

#n-recentchanges identifies the list item containing a link to the recent changes page, which lists the most recent edits made to your wiki.

#n-randompage

#n-randompage...

Previous Section
End of Section 4
Next Section