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

The Footer: #footer

#footer contains the "Powered By MediaWiki" badge, and links to the wiki's privacy policy, disclaimers, the "about" page, information about the number of times the page has been viewed, and the date when it was last modified.

The footer contains an image (the 'Powered By' button) and an unordered list of the links.

<div id="footer">
<div id="f-poweredbyico">
<a href="http://www.mediawiki.org/"><img src="/yourwiki/skins/common/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" /></a>
</div>
<ul id="f-list">
<li id="privacy"><a href="/yourwiki/JazzMeet:Privacy_policy" title="JazzMeet:Privacy policy">Privacy policy</a></li>
<li id="about"><a href="/yourwiki/JazzMeet:About" title="JazzMeet:About">About JazzMeet</a></li>
<li id="disclaimer"><a href="/yourwiki/JazzMeet:General_disclaimer" title="JazzMeet:General disclaimer">Disclaimers</a></li>
&lt...
Previous Section
End of Section 9
Next Section