Manual:Gallery of user styles
From MediaWiki.org
This page is a showcase of the different user styles & skins that can be used with MediaWiki. None of these skins are maintained by the MediaWiki developers; if you find an error or wish to leave feedback, contact their respective authors.
To add a skin to this page, please use the details template:
{{/details
|title = Name of the skin
|image = Name of the image file.png
|version = version number
|author = Author's name
|description = This is a nifty little skin
|download= URL where you can download the skin from
}}
[edit] Skins derived from Monobook
Styles and positioning of page elements is stored in a file called main.css. To get to this file go to skins/monobook/main.css. Editing in CSS is fairly simple, once you figure out what each color and position corresponds to. This allows you to keep the MonoBook skin as the default, which is nice because it is well written.
If you want to put in Google ads or some other Java program, you can do this in Monobook.php. You can actually edit any .php file's appearance by going to main.css in the appropriate folder/directory.
[edit] Classic Monobook look
These skins only make minor changes, such as the colors and sizes of elements.
|
Wikimini 1.0 is a nice example of how easy it is to produce your own customized MediaWiki web site. |
Rounds some corners; makes buttons look nice; |
Omegatron's Fixed Sidebar tries to copy the Classic skin's fixed sidebar. |
Crom is a free monobook based skin for corporate use. |
|
Minun's monobook.jpg
Minun's Monobook is basically a blue design. |
Sb-scr.png
Skinori Bluedi uses black and lots of blue with lots of complementary neutrals and browns. |
EasyReader2.gif
Tlogmer's EasyReader introduces subtle interactive cues. |
VoAsreen6.JPG
VOA's Admin Enhancements provides utilities for users with the sysop flag. |
|
Stellarbook is a black and purple color theme. |
Simply Segoe was created from a hodgepodge of other skins' cascade style sheets. |
Bastet was created for a Sourceforge project. |
|
|
Floating Rounds is partly inspired by Wikiwyg. |
Monobook Handheld tries to neutralize everything that could make stuff hard to use on a handheld. |
Topaz's Wikiscripts adds a 'toolbox' panel to update user status. |
Gert7's Solid Gold adds 5 pixel gold borders around the sidebar buttons. |
[edit] Gemo
Original skin: Monobook
Download: w:User:Gert7/s/monobook.css
Description:
My second skin. A mix of crimson and monochrome colours
[edit] Monochromy
Original skin: Monobook
Download: w:User:Gert7/s2/monobook.css
Description:
My third skin in a row. Black and white issue.
[edit] Largo Plazo's overrides for handheld
Original skin: Monobook
Download: w:User:Largoplazo/monobook.css
Description:
In browsers on handheld devices (if they process styles found inside an @media handheld rule, as IE on Windows Mobile 5 does), these rules override the default positioning and margins so that the content begins at the top left and fills the width of the display. The navigation and special links and the search box are at the bottom.
One style rule reveals the links to the navigation and to the search box that are usually hidden underneath the page heading, so that it's easy to skip past the content when you want to. (Unfortunately, these links don't work in IE on Windows Mobile 5, because that version of IE doesn't recognize an element with an ID as the destination of an A tag with #fragment notation in its HREF. It only works when the destination is an A tag with a NAME attribute.) The reason for giving each style rule its own @media handheld instead of wrapping them inside one big one is again, a defect of IE on Windows Mobile 5, which ignores most of the rules unless they are individually wrapped.
[edit] Beefyt's overrides for iPhone Mobile Safari
Original skin: Monobook
Download: w:User:Beefyt/monobook.css and w:User:Beefyt/monobook.js
Description:
This style sheet is geared specifically for the iPhone. The companion javascript code simply hides the location bar and reduces the font size while in landscape mode.
[edit] Benutzer:Pilzi/monobook.css
Original skin: Monobook
Download: http://de.wikipedia.org/wiki/Benutzer:Pilzi/monobook.css
[edit] Ghost White
Version: 1.0
Download: wikipedia:en:User:RedXII/monobook.css
Description:
This skin features a ghostwhite background (an HTML color value) and a Wikipedia logo on the back. In the top right corner, there is another Wikipedia tag.
[edit] Mike's SWMT script
Version: 2.5
Download: meta:User talk:Mike.lifeguard/remote.js
Description:
This changes only functionality, not appearance. Gives extra tools useful for members of SWMT, especially for anti-spam:
- Changes compare button to a link on the history page
- Adds edit and history tabs for the other page: page edit hist talk edit hist
- Automagically remove spam
- Edit link for top section
- Adds a purge tab
- Regex filter for Special:Log (especially Special:Log/rights), Special:LinkSearch, Special:Contributions, page histories
- Uses the API to get contributions for an IP range or simple wildcard search
- JS workaround to get edit tokens for those with meta:global rollback and using
~erwin85/xwiki.phpor~luxo/contributions/contributions.php. - Modify behaviour of rollback - sends you to the user's contribs to look for other stuff to revert if rolling back from a diff & takes sysops to the delete form if the user is the only editor of the page.
- Includes Pathoschild's AJAX sysop script for awesome patrolling and rollback
[edit] Simple iPhone
Version: 1.0
Download: http://research.chanur.com/developer/MediaWiki-iPhone-Skin.zip
Description:
Basic Monobook skin for iPhone device. Originally used with MobileSkin extension. Change the colors to match your needs.
[edit] Altered Monobook layout
These skins were all inspired by the great Monobook skin, but have made (many) changes to the css-style or to the logic in the PHP skin so that at first sight you would not recognize the Monobook look in it. Typical components of Monobook-look are:
- left corner graphic
- tabbed buttons
- left side menu
- big content area.
|
Getit monobook firefox lnx sc.png
Get it small makes some small changes that are only tested with Firefox |
Monobook ads.jpg
Google Ads by Peter is monobook skin with Google ads. |
Google ads example.PNG
Google Ads by Michael180 is for publishers looking to make money from their site. |
WIKI1ffx.jpg
Hit Counter Heading is just a tiny layout tweak that shows how to add to the top header line. |
[edit]
Download: Latest version is at paulgu.com, under Mediawiki Skins
Description:
This design is dedicated to maximize the space for the page's content, and made Wiki look as a professional web site which can be applied to many type of business. It has all the MediaWiki facilities, but it's not "MediaWiki look".
This skin can be used from simple, personal homepages to corporate web applications.
Release notes
- Drop down list menu style
- Each page can have its own picture
- Categorized code by functions, very easy to read and edit
- Detail comments in CSS file for easy customization
System Requirements
- It had been tested on Firefox 1.5 and Firefox 2.0, Internet Explorer 6.0, Internet Explorer 7.0, and Safari 3.0.2.
- It had been tested and works with MediaWiki 1.13.1 and up.
[edit] daddio
Version: 1.0
Download: http://sustainablex.com/daddio.zip
Description:
Skin for business wiki (not the skin used on sustainablex.com)
[edit] WordPress
Original skin: http://codex.wordpress.org/Main_Page
Download: http://www.redaktionundalltag.de/index.php?id=174
Description:
This file can be used as a skin for MediaWiki (tested in version 1.11) to model the look and feel of WordPress - as it can be found on the documentation website of WordPress. The implementation is not 100% percent correct, since we tried to include more of the original MediaWiki functionality in the CSS file. To install this skin, download the ZIP file into the "skins" folder of your wiki installation and unzip it. Then edit in LocalSettings.php $wgDefaultSkin to look like the following: $wgDefaultSkin = 'wordpress';
[edit] Clean and Blue
Original skin: Essjay's skin
Download: monobook.css
Description:
I started with Essjay's skin, tweaked a few things, put up my own wikipedia logo (that was a little joke - I'll likely change it), changed a number of the colors and got rid of a lot of things that I find annoying about wikipedia (like the copyright notices, the fundraising header, the special characters on the edit page and a few other things). There may be some problems with the logo in Internet Explorer, but I think the skin works really well in Safari and Firefox.
I still have some work to do on it, but it is really cool that you can do things like this just with CSS! Please let me know if you see anything that should be changed/fixed.
[edit] vbGORE.com's colorful, clean skin
Download: .zip file
Description:
This skin follows a light-blue theme to give a bright, friendly look from page to page. Includes IE fixes, along with has less whitespace. All menu links are on the left side of the screen. The banner at the top is a single image, not two images overlapped. The external link icon, too, has been removed (refer to the monobook skin to find out how to re-add it). Has been tested and proven to work with the latest version of IE, Opera and Firefox.
[edit] Redeye
Download: ZIP
Description:
A fairly heavy modification to Monobook, this is for a wiki being developed by User:Lafnlab for his work. The ZIP file includes the CSS, PHP, and directory for the images. Some generic logos are included, as well as .XCF files so people can create their own images.
Version 0.9 was created in August 2007 and has been tested in MediaWiki 1.10.1. The new version adds a few tables which gives it a uniform appearance across browsers. It has been tested in Firefox, Opera, Konqueror, and Kazehakase.
[edit] Bright and professional skin for personal and corporate web applications
Download: Latest version is at paulgu.com, under Mediawiki Skins
Description:
This design is dedicated to maximize the space for the page's content, and made Wiki look as a professional web site which can be applied to many type of business. It's bright, clean and professional. It has all the MediaWiki facilities, but it's not "MediaWiki look".
This skin can be used from simple, personal homepages to corporate web applications.
Release notes
- Simplify the design and give it a decent look
- Allow any width of web page
- Site logo is associated to page
- Support many different styles in one skin
- Categorized CSS files by functionalities, style, and templates, very easy to read and edit.
- Very detailed comments for important tags.
- Compatible with AJAX search in MediaWiki.
- You can use big customized header background
System Requirements
- It had been tested on Firefox 1.5 and Firefox 2.0, Internet Explorer 6.0, Internet Explorer 7.0, and Safari 3.0.2.
- It had been tested and works with MediaWiki 1.8.2, MediaWiki 1.9.0 and up.
[edit] FratMan
Original skin: Monobook
Download: "MediaWiki FratMan Skin", jasonpearce.com
Description:
A light, minimalist theme.
For development, please see Google Code
Jason Pearce's FratMan skin is a light, minimalist skin that was first developed for MediaWiki v1.4 in April 2005. Others have updated the skin to improve browser compatability and work with MediaWiki updates. The latest skin, developed by Anand in September 2006, works with MediaWiki v1.7. Visit Jason Pearce's website to download all versions.
[edit] Student Link Skin
Original skin: Fratman
Download: http://student.groups.duke.edu/images/6/6d/Studentlink.zip
Please contact the author at tutt.andrew@gmail.com if you choose to use the skin - I would love to see it on other sites!
Description:
Once logged in, skin reveals edit toolbar A fixed-width, hidden-toolbar, minimalist theme.
The development of this skin is inconsistent. This was developed for a specific project.
Andrew Tutt's student-link skin is a fixed-width minimalist theme derived from the original Fratman. The current release runs on MediaWiki 1.10.x. See Student Link Skin in action at http://student.groups.duke.edu.
Supported for all browsers.
[edit] Karin
Version: version .02pre-alpha
Download: The entire source can be downloaded here
Description:
This a skin based off of Student Link by Andrew Tutt up above, the skin is designed for private Wikis and not communities. It has no sidebar and requires you to change the URLs via the PHP script. It is also a bit slimmer, lacks the wrapper images and has a visible Y scrollbar. . It also lacks a footbar and does not display the powered by Mediawiki, copyright, about or any other footer related object to give the illusion that the site is a static website. It does not display the title of article in the Wiki page and again facilitates the idea that it is a static website and not a wiki This was designed with the purpose that it will be used by individuals who run a blog using the Mediawiki software and as so has very little in the means of a proper user interface when editing. Only use this skin if you intend on being the only user of the Wiki! Also I'm interested in seeing how this is used/evolves so if you use this skin or change it send me an email here.
[edit] BluWiki's Simple Skin
Original skin: Monobook, Fratman
Download: http://bluwiki.com/go/BluWiki:Skin
Description:
Based off of MonoBook & Fratman. Designed to dedicate as much space as possible to the page's content. Critical tools (Edit, Log out, & User Name/homepage) are in the top right. Everything else is at the bottom of the page in a "toolbox."
The BluWiki Simple Skin validates in XHTML and CSS, and has been tested in the latest versions of Firefox, Internet Explorer, Safari, & Camino.
- Designed for: BluWiki
- Author: Sam Odio
- Comments welcome at http://sam.bluwiki.com/go/User_talk:Sam_Odio
- Comments welcome at http://sam.bluwiki.com/go/User_talk:Sam_Odio
[edit] KindofBlue
Original skin: Fratman, Redeye
Download: KindofBlue
Description:
This skin is primarily based off of the Fratman skin, with a few elements of Redeye sprinkled in. I wanted a clean, simple, user friendly design without all of the extra whitespace that most skins come with. It works fine on MediaWiki 1.9 and has been tested in FireFox 2, IE6 and IE7.
[edit] Rounded Blue Edition
Download: http://www.dreamfishery.com/downloads/roundedblue.zip
Description:
This is an adaptation of Ghyslain Armand's Rounded Blue Edition WordPress theme to MediaWiki. It leaves most of the Monobook CSS intact. To use this skin, upload the following folders and files into your MediaWiki skins directory: the roundedblue folder, roundedblue.php and roundedblue.deps.php. Keep in mind that the path to the stylesheet is relative. It is skins/roundedblue/main.css. If the stylesheet is not being applied when you select this skin in your preferences, then change the main.css stylesheet path to fit the directory structure in your own MediaWiki installation.
To learn a few more details about how to customize Rounded Blue Edition for your own wiki, please refer to the designer's blog page for this skin. You may also find this thread in the MediaWiki Users forum helpful.
Easiest way to customize the skin might be to leave the CSS/HTML/PHP intact (except for the background) and just change the pictures. The psd-files of the WordPress theme this MediaWiki theme is based on, might be helpful.
You may also wish to download the Coolvetica font that is used for the navigation, toolbox and search subheadings.
Note: I.E. 7 bugs fixed
Note: TOC bug, TOC creates gap in content area!
Note: IEfixes bug: change
$this->skinname = 'RoundedBlue'; $this->stylename = 'RoundedBlue'; $this->template = 'RoundedBlueTemplate';
to
$this->skinname = 'roundedblue'; $this->stylename = 'roundedblue'; $this->template = 'RoundedBlueTemplate';
[edit] Rounded Sassy
Download: http://www.dreamfishery.com/downloads/roundedsassy.zip
Description:
This is a change in the color scheme of the Rounded Blue skin. It has no background image at the top, and so there is less space at the top. Other than that, the layout is identical. To use this skin, upload the following folders and files into your MediaWiki skins directory: the roundedsassy folder, roundedsassy.php and roundedsassy.deps.php. Keep in mind that the path to the stylesheet is relative. It is skins/roundedsassy/main.css. If the stylesheet is not being applied when you select this skin in your preferences, then change the main.css stylesheet path to fit the directory structure in your own MediaWiki installation.
For information on how to customize this skin, you may find this thread in the MediaWiki Users forum helpful. Even though it's about the RoundedBlue skin, most of the tips also apply to the RoundedSassy skin.
Note: I.E. 7 bugs fixed
You may also wish to download the Coolvetica font that is used for the navigation, toolbox and search subheadings.
Coolvetica Source: http://www.dreamfishery.com/downloads/coolveti.zip
[edit] Toykilla's Skins
Description:
Toykilla's skins:
Black Fixed Width 3-column
- My wiki: http://www.scion-tech.org.
- MW Version: 1.9+
Download Black Fixed Width 3-column skin
Toykilla's Heavy Makeover
- My wiki: http://www.350z-tech.com/zwiki.
I began with the Monobook skin and heavily altered it. You can still see the Monobook roots.
I wanted everything to blend together, so I took the styling from our forum skin and applied it to the wiki.
Notes:
- Developed for Firefox, with fixes for IE being applied in a separate style sheet
UPDATE:
I have posted the source code, even though the CSS needs cleaned up. I will try to clean it up and repost soon.
To creat extra sidebar blocks use this code in either column in MonoBook.php. Also change the id="p-sponsors" and id="sponsorsBody" to whatever you want for that block:
<div id="p-sponsors" class="container1"> <div class="headbox1"><h5>350Z-TECH STORE</h5></div> <div id="sponsorsBody" class="contentbox1"> Put some content here. </div> </div>
[edit] MistyLook
Original skin: MistyLook for WordPress and Monobook
Download: MediaWiki MistyLook Skin
Description:
MistyLook for WordPress converted to MediaWiki.
From Sadish Bala's MistyLook theme for WordPress (v3.2) and MonoBook skin. Used in MediaWiki 1.9.3, tested in 1.6.8 as well. Quick and dirty port.
[edit] Cn0km wiki skin
Original skin: Monobook
Download: main.css used in cn0km wiki, main.css in cn0km wiki
Description:
Contents of most website in Chinese is aligned center horizontally. To meet this requirement, the Monobook style is modified into a new Cn0km appearance, which is more acceptble to Chinese net-surfers, and welcomed heavily by our readers.
- The most useful tools, such as, the Recent changes, the popular pages, the Upload, and the Specail page, is placed in a line under the navigation bar, along with the personal tools bar.
- The Whatlinkshere, Recentchangeslinked, Contributions links is closely beneath each page title, and addtional Blockip, Emailuser links appear in the User page.
- Google search is adopted to enhance info inquiring ability, since the default search function is not quite effectively in Chinese.
- Since cn0km wiki is to provide info for backpacking in China, an regularly changed landscape picture is put in the header. The scene in this screen-shot is the Mt. Everest.
- Designed for: cn0km wiki.
- Tested on IE 6.0, Firefox 2.0 and Safari 3.0.
[edit] Andy's AJAX / JavaScript Skin
Original skin: Monobook
Download: http://cookandy.com/downloads/mediawiki/andy-s-mediawiki-skin
Description:
So here it is. My first MediaWiki theme. I wanted to take the skinning to a new level. Therefore, I implemented several AJAX / Javascripts to the skin. First, I want to credit Toykilla for his work as this theme is based on his skin, a heavily modified version of the Monobook theme. Now, on to the changes/features:
- First, you’ll notice that the content boxes along the left side can be re-arranged. This is done using AJAX and is stored on the local computer so the order stays the same for future visits. Also, each box can be collapsed or expanded by clicking on the (+) or (-). This is based on the Docking Boxes (dbx) script.
- Next, I’ve added a feature called “My Favorites”. Basically, under the title of each page is a link that says “Add to favorites”, when clicking on this link, it will add the page to the left navigation box for easy access. The pages can be removed if no longer needed and the list is stored as a cookie on the user’s machine so they won’t lose it. This avoids any messy database functions. Also, there is a helpful javascript popup explaining this to your visitors. This feature is similar to a “shopping cart” script and was mostly coded by hand. There is some redundancy in the code so if someone feels like cleaning it up, feel free.
- Lastly, I have embedded a Google search box in the left navigation pane. This avoids having to add any extensions to your Wiki and makes for easy access to the search engine.
This skin was tested on IE and Firefox. So feel free, download it and please let me know what you think of it.
[edit] SFRGreen
Original skin: Monobook
Download: SFRGreen.tar
Description:
A heavily modified Monobook that utilizes a Javascript drop-down navigation menu and a green color scheme.
- The logo area has been expanded to accommodate a logo up to 135px high by 700px wide.
- The navigation menu can accommodate three additional user menus added through the "sidebar".
- The navigation menu, toolbox, and personal tools (except for the login/logout selections) have been placed in drop-down menus, which is based on the YADM dynamic menu schema and utilizes the yadm javascript file.
- In order for the skins file to work properly, users must enable JavaScript in their browsers.
- The JavaScript file, yadm.js, is included in the skin download.
- Drop-down menus are denoted with ellipses following the menu name (...).
- The login and logout links show in the navigation bar as additional menu items.
- The category box at the bottom of categorized pages utilizes a smaller font, and a green background.
- Designed for: Southern Family Roots wiki.
- To use the skin, download the file (above), upload to your skins directory and unpack. You should get the following files: SFRGreen.php, SFRGreen.deps.php, and the directory SFRGreen with a number of files. It is also recommended that you edit MediaWiki:Userlogin to shorten the caption -- replacing "Log in / Create account" with "Log in / Register" should be sufficient.
- Tested on IE 7.0 and Firefox 2.0.
[edit] Monobook CMS Skin
Original skin: Monobook
Download: MonoCMS.zip
Description:
A modified Monobook skin designed around a content management system concept for users wanting to use MediaWiki to build their website without visitors having edit privileges
Features
- This skin is based on the MediaWiki Monobook skin, but is designed around the concept of a content management system for those desiring to use MediaWiki to build their websites, but do not wish to have visitors edit the site. This skin has been tested and works in Firefox version 2.0 and Internet Explorer version 7.0.
Change to Monobook include:
- The personal toolbar has been moved from the top right side of the page, to the middle left where the Navigation and Toolbox currently reside. The personal toolbox is displayed only when a user is logged in as a sysop; it is supressed for visitors.
- The login link has been moved to the page footer, and has been renamed "Admin Login".
- The links for "Upload file" and "Special pages" in the toolbox are supressed for visitors; the links are displayed only for users logged in as a sysop.
- The content action tabs have been moved from tabs above the page content to links above the page title. The content action links are displayed only for users logged in as a sysop; the links are supressed for site visitors.
- The logo area has been expanded to accommodate a custom logo up to 135px by 700px.
- An easily modifiable page title has been added to the center of the page. This title can be easily changed by inserting the appropriate text in the LocalSettings.php file, or it can be supressed.
- The search feature has been relocated to the upper side of the page, residing to the right of the logo and website title.
The file download includes the MonoCMS skin file (MonoCMS.php), the dependency file (MonoCMS.deps.php), a folder called "monocms" that includes the .css files for the skin, and file called "LocalSetting-MonoCMS.php" that includes the recommended settings to include in LocalSettings.php if you wish to utilize this skin with MediaWiki.
[edit] Skins derived from Classic
[edit] Eequor
Download: User:Eequor/standard.css
Description:
Features
- ugly dividing lines replaced with a continuous border
- slightly more colorful
- sections are separated from their headings
- headings use color to distinguish different levels
- floating elements are disallowed left of headings or [edit] links
- scrolling <pre> with dashed blue borders
Comments This isn't really tested on anything other than w:Mozilla, but it works well enough for me.
--[[User:Eequor|η
υωρ]] 20:19, 20 Sep 2004 (UTC)
[edit] CSS based Tooltips -proof of concept-
Download: User:Taka/standard.css
Description:
- for a demo see: User:Taka/Tooltips
- Requires adding this code to your monobook.css or myskin.css
- New
- To add a tooltip (on en, meta) use:{{tooltip|visible|hidden}} where "visible "is the visible text or links, and "hidden" is a comment that shows on mouseover. A good idea for how to use these is to give a short lookahead preview for the top paragraph of a related article.
Features
- Enables the use of tooltips (see image) in Mozilla and Opera (does not work in Internet Explorer)
- Can't be used really, because it has some glitches, and what is worse: it shows the text of the tooltips in the print-version of the page.
- With a change to the common stylesheet and maybe some improvements it could be workable.
- Can be added to every stylesheet (not just standard.css)
[edit] Crissov
Download: commons:User:Crissov/standard.css
Description:
- Small enhancements.
- commons:User:Crissov/standard.css
Features
- better tables and lists
- readability enhanced by maximizing line length and constant line height with <sup> and <sub>
Written for and only tested in Opera 7.
[edit] MonoClassic
Original skin: based on Eequor's above
Download: en:User:Finlay McWalter/standard.css
Description:
Features
- Smoother, simpler than regular classic (most boxes and lines are gone, replaced with space).
- Incorporates a cool gray look and a modified version of monobook background, while retaining classic's nice UI and readable fonts.
- Works great on Opera and Firefox. Tiny glitches on IE.
- Fixes classic's horrible image flow issue (when compared with Monobook) - adjacent rfloat images now stack vertically rather than horizontally.
[edit] MySkins
|
Blackwiki.jpg
Blackwiki tries to use a similar style theme as the author's main game forum. |
[edit] Adas
Original skin: based on Eequor's above
Download: w:pl:Wikipedysta:Adziura/myskin/myskin.css, w:pl:Wikipedysta:Adziura/myskin/myskin.js
Description:
This style works in Opera, Firefox and IE.
- The interlanguage, categories links and personal tools have moved from the sidebar to the top.
- Duplicate Views and moved to the bottom.
[edit] Cheops
Download: Benutzer:JeLuF/myskin.css
Description:
- based on:
- CSS Zen Garden submission 074 - 'Egyptian Dawn' by James Abbott - http://www.ja-consultancy.co.uk/ , css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/
Comments:
- Finally, a total revamp! Tried it, looks very ancient! The camel logo is a nice touch. --Menchi 21:05, 29 Jun 2004 (UTC)
- By far the most elegant, good job --Khalid hassani 00:15, 2 Jul 2005 (UTC)
- Could someone give some basic instructions on how to get this skin working please? It looks great, but I can't get it to work. It would be greatly appreciated.
-
-
- Copy file to respective myskin.css , and change skin in prefs to my skin. see help:user style. Bawolff 04:41, 6 May 2006 (UTC)
-
-
-
-
- Only problem I had is its too wide. Would send a screenshot, but the skin is under CC-BY-NC-SA which commons doesn't like, And I don't think any other projects will let me upload a screenshot just for this. But I have it if you want. Bawolff 16:49, 7 May 2006 (UTC)
- Only problem I had is its too wide. Would send a screenshot, but the skin is under CC-BY-NC-SA which commons doesn't like, And I don't think any other projects will let me upload a screenshot just for this. But I have it if you want. Bawolff 16:49, 7 May 2006 (UTC)
-
-
[edit] ltrMenuPlus
Version: 0.5
Download: ltrMenuPlus site
Description:
Skin with any bars: public sidebar Left, Top bar, sidebar Right and private sidebars Left, Top and sidebars Right. Each bar has got an MediaWiki page as original MonoBook MediaWiki:Sidebar.
Skin in action at http://genomics.cribi.unipd.it/ and http://microcribi.cribi.unipd.it/.
To install this skin, download the compress file into the "skins" folder of your wiki installation and unzip or tar it. Then edit in LocalSettings.php $wgDefaultSkin to look like the following: $wgDefaultSkin = 'ltrmenuplus';
[edit] Martinultima's skin
Download: User:Martinultima/myskin.css
Description:
Lightweight design for easy reading and occassional editing:
- Black background with light-colored text
- Large, easily readable, sans-serif fonts
- Similar to Monobook (editing tabs, etc.)
This skin removes various things I consider unnecessary, like the "other languages" section. It's good if you often pull up Wikipedia to look up a specific article, and is also tolerable for light editing, but is not a "power-users" skin either way. My main goal was to have the parts I liked about Monobook, but get rid of everything else that made my eyes bleed. Probably best used as a starter template for further customization – I coded it to work precisely for me, which means that it will be entirely useless to anyone else without extensive hacking ;-)
Note – this skin is a work in progress – it's fully usable for browsing but a few little details here and there may be subject to change...
[edit] MiniMenu
Download: w:en:User:MiniMenu/myskin.css
Description:
This is a skin designed to only use a very small part of the screen for navigation elements, to be used on small screens. The menu at the upper right shows the submenus when one hovers over the menu items. Categories are shown at the upper left. Tested in Mozilla.
>This is actually broken in 1.7.12 under Fedora Core 3.
[edit] Moon
Original skin: based on Eequor's above
Description:
I originally wrote this skin as an extension to the WikiMedia software but decided to re-write it this way to see what people thought of it. It works on Firefox and Safari on Mac OSX, I don't know about other browsers. It also uses a Wikipedia copyrighted background image, so this would have to be changed if you want to use it outside Wikipedia. It requires javascript to work.
I am currently testing this skin so it counts as highly exipermental. To install it add the following tags to your "myskin.css" and "myskin.js" respectively:
- @import "http://en.wikipedia.org/w/index.php?title=User:Blue-Haired_Lawyer/moon.css&action=raw&ctype=text/css";
- importScriptURI("http://en.wikipedia.org/w/index.php?title=User:Blue-Haired_Lawyer/moon.js&action=raw&ctype=text/javascript");
[edit] Nullbook
Download: w:en:User:SamatJain/myskin.css
Description:
I do not like Monobook; I feel as if it wastes too much space on the screen, is difficult to read, and doesn't follow established web usability guidelines. Behold NullBook:
- Fixed-position "tab bar", set to use GUI colors, that stays with you as you scroll down a page. The tab bar contains the contents of the "Views" menu, as well as the go/search box.
- No font size definitions; uses your browser's default. Skin (mostly) scales well with font size changes.
- Underlined links, and more recognizable link colors. Blue for unvisited links, purple for visited links, and green for broken (or uncreated) links. Moving over a link highlights it to red.
- Removed sidebar to stop wasting vertical screen real-estate, and relocated it to the bottom of the page. Also hid the other languages list since I tend to only look at English Wikipedia articles.
To use Nullbook, first set your Wikipedia/MediaWiki skin to "MySkin". Then, in User:YourUserName/myskin.css, add:
- @import "http://en.wikipedia.org/w/index.php?title=User:SamatJain/myskin.css&action=raw&ctype=text/css";
Notice that NullBook requires a CSS2 browser (e.g. Mozilla Firefox, Opera, not MSIE6).
Also, see my blog post about Nullbook.
[edit] Purple Passion
Download: en:User:Zanthalon.myskin.css (Wayback Machine, page on en.wiki is deleted)
Description:
I designed this to add a bit of colour to things. The background image and the picture in the upper-left corner could easily be changed to provide yet a different look.
This skin works in Firefox and in IE6. I did not test the final version in Opera.
The CSS is functional, but not elegant. I simply took the stocky myskin.css file and made changes to it in order to achieve the look I wanted. I did not streamline or clean it up. Therefore, there is quite a lot of extraneous stuff there.
|
Talk.jpg
Talk page |
[edit] Simple skin
Download: w:en:User:Lady Lysine Ikinsile/myskin.css
Description:
This is a simple, non-flashy skin. It uses your browser's colours for background, text, links etc. Tested in Konqueror but should work nearly everywhere. Uses a 12pt Serif font. Also works well with monospace fonts for an even more minimalistic feel.
[edit] Simple centered for wikipedia
Original skin: none
Download: http://stephan.sugarmotor.org/wikipedia-skin/
Description:
Centered, off-white against light-blue background, sans serif font, large heading, "Edit this page" link is emphasized. Should be easy to expand. I don't find the wikipedia sidebar too useful; I mainly read/edit the articles, and sometimes follow links. (w:en:User:Stephanwehner/myskin.css is already evolved)
[edit] Original skins
[edit] Cavendish
Version: 0.9.5
Download: Download from sourceforge
Description:
This Skin is a rework of the Skin used at wiki.mozilla.org it's modified to work better with new versions of MediaWiki. The newest Version is used at www.wecowi.de. Bugs and feature requests can be submited at sourceforge project page. The development is not finished yet. There will be new versions of this skin in future.
[edit] Intech: The Dark Skin
Version: v1.0
Download: http://integral.cachron.com/intech.rar
Description:
This is a dark skin styled to look like Linetech the Wordpress skin by MrGreenCorner. And modified heavily from the Cavendish theme..(see above)For More Information see my User page
[edit] WikiGoes
Version: 1.0
Download: Wikigoesrelease1.zip
Description:
This style sheet creates a fresh look for MediaWiki custom wikis focusing on elegance and beauty. It introduces a "green" look for more environmentally aware websites. Links to social sharing and carbon neutral website enhance this look. Tested on MediaWiki 1.12.0 Example at http://www.livingwild.org Discussion links at http://userstyles.org/styles/9594
This skin is no longer available anywhere that I can find. If someone has the original zip could you archive it and post the link accordingly for download and use?
[edit] Wolfbane
Version: 0.75
Download: here (.zip)
Description:
This is a skin made by Stinkfly at Wikia to hopefully be made as one of Wikia's skins. You can see some screenshots at CentralWikia:User:Stinkfly/Skin.
[edit] Mamut Clean
Version: 0.1
Download: Mamut Clean (.zip)
Description:
This is a css-based skin with fluid three-column layout. Based on the layout at http://www.webproducer.at/flexible-layout/ The skin is very bland on purpose. You can extend and modify any way you like.
The skin is currently being used at http://erlang.dmitriid.com/wiki/
[edit] Drone
Version: 0.1
Download: Drone
Description:
A magazine-column-style skin with a clean and inviting look, equally inspired by the economist.com and last.fm designs. The simple, no-nonsense layout ensures greater focus and readability. Use of the Droid Sans font is recommended for best results. Feedback goes here.
Released under the GPLv3.
[edit] Dusk
Download: Dusk Skin (.tgz file)
Description:
Heavily influenced by the great WordPress theme by Becca Wei Dusk is a good blend of valid XHTML/CSS and twilight colors. Untar into the base of your wiki directory to use. News about the Dusk skin will be available at Icebreaker.Net.
Problems Note: Reported IE problems are now fixed in the main dusk.tgz package --Gregory S. Hayes
I just installed MediaWiki version 1.6.1 and noticed I was getting "Call to undefined function: wfnomsg() in line 118 of Dusk.php". It appears that function has been removed, at least from 1.6.1 so I just copied it from a previous MediaWiki version into the Dusk.php file to get it working. It's a small and simple function:
function wfNoMsg( $msg, $wfMsgOut ) { return $wfMsgOut === "<$msg>"; }
This hack fixes the display problems in Firefox with MediaWiki 1.6.x release.
- I had the same problem, and just adding the above hack didn't work. Where to put it? My solution was to just replace the nonexistent wfNoMsg function with !wfMsg. It gets rid of the message, though I havent tested it on IE.
<?php $out = wfMsg( $bar ); if (!wfMsg($bar, $out)) echo $bar; else echo $out; ?>
25 Oct 2006: With version 1.8.2 this particular problem with line 118 is back. Neither of the above 'fixes' resolves the issue.
26 Oct 2006: You can fix this problem by replacing line 118 of Dusk.php
<h5><?php $out = wfMsg( $bar ); if (wfNoMsg($bar, $out)) echo $bar; else echo $out; ?></h5>
with the following line:
<h5><?php $out = wfMsg( $bar ); if ( $out === "<$bar>" ) echo $bar; else echo $out; ?></h5>
2 Dec 2006: It's really the most beautiful skin for MediaWiki I've seen. I'm using it in my wiki and works in Firefox and IE. It also works in browsers using the khtml engine (Safari, Konqueror).
3 Jan 2007 The search box does not work in IE7
Feb 10 2007 I can't seem to change the column background's color to solid black, in the navagation on the right side.
Nov 7 2007 I have managed to get the search box to work again in IE7 with MediaWiki 1.11.0 independent of the author; comment out some JavaScript functions in skins/common/IEFixes.js
Nov 14 2008 When I'm using fix 1 or fix 3 i'll get something like this below navigation section:
<SEARCH>
<TOOLBOX>
<LANGUAGES>
Any idea how to fix it? I can't get rid of it... I'm using MediaWiki 1.13.2
Dec 28 2008 I created a new version, almost working fine in 1.13.3 I mean, only in IE7 the right menu is not displayed in the right place. Could anyone fix this?
Live Preview at: http://wiki.ka-tet-corp.com
Download at: http://wiki.ka-tet-corp.com/dusk.zip
Open Dusk.php
Find in line 73 "main.css"
Replace with "main-1024.css" for a wider view.
[edit] Wikinews
Download:
Description:
Read the whole story about this skin here Cian Power
[edit] Drupal
Download: http://www.ipbwiki.com/forums/index.php?download=38
Description:
My first theme :)
I think it's a special theme because I've put every Toolbox and Views links in a <select> box
You can easily use the theme for doing a website.
It's based on the CSS of Monobook and CSS boxes (on Google).
Colors are based on the default drupal theme. Tell me if you like it and how to improve it.
[edit] DB skin
Download: http://indifference.dyndns.org/savage/index.php/DB_driven_wiki_look-and-feel
Description:
Created by user:Alexp700, to allow for simple HTML based skins.
Not a defined skin per-se, more a template for others to quickly make and edit the skin in the wiki, using a special wiki page to hold the skin.
[edit] IpbWiki : Invision Power Board Look
Download: http://ipbwiki.com/
Description:
This skin is created by User:Ipbwiki and attempts to catch the Invision Power Board look on the Mediawiki. Currently the skin is released as internal beta to IpbWiki Customers, will be released to the grand public later. The skin makes use of the same stylesheets as on Invision Power Board so the IpbWiki Skin should be compatible with 90% of the Invision Power Board skins out there...
As an example 2 live skin examples, this is the same skin, just with a different css style applied:
[edit] Grey lady look
Download: userstyles.org
Description:
"Originally inspired by the simple elegance of the one-column-two-fonts layout of The New York Times' website articles, the intention of this theme/restyling is to bring focus to the article and the beauty of the text itself, not various confusing toolboxes, ugly colour coding and distracting graphics. That said the style does not remove or delete any functionality from the page but simply rearranges the elements." - Chochem
[edit] CosmoChips
Original skin: MonoProject
Description:
This skin is adapted from the browser-side source of The Mono Project.
It has been dedicated to a personal, single-user french website.
- PHP source code: Script:CosmoChips.php.
- CSS: Script:Main.css.
- Almost complete path to adapt MediaWiki into cosmochips.net: Personnalisation:MediaWiki.
[edit] Andreas02 (OSWD)
Original skin: an OSWD layout
Download: See mw:User:Zachary/Skins/Andreas02
Description:
My first attempt at a MediaWiki skin. A screen shot is available on the page at MediaWiki.org. My skin is GPL--That's GNU Public License.
[edit] SnaggleTooth
Original skin: MonoBook (Modified PHP significantly)
Download: http://heinous.org/wiki/SnaggleTooth
Description:
This skin was designed for:
- A professional look and feel
- Simple layout
- Menu Access with minimal scrolling
- Maximum text width / viewing
- No fixed widths / absolute positioning
See http://heinous.org/wiki/SnaggleTooth for documentation and download details.
[edit] PainColors
Original skin: MonoBook
Download: Download skin
Description:
This skin was designed for Polish Planescape encyklopedy. Watch skin in action.
[edit] Rounded Blue 2
Original skin: Rounded Blue Download
Download: http://innovatia.org/skindl/RoundedBlue2.zip
Description:
This skin is based on the original skin (which was also released under GPL) with modified PHP and CSS. No real inspiration, I just like the blue colour and neat fonts. Released under GPL. See http://innovatia.org for the skin in action!
[edit] RilPoint
Version: 0.9.1
Download: http://www.rilnet.com/en/skins
Description:
A Sharepoint look-alike skin, perfect for intranet and portals as well as community websites. The same skin is available as a Drupal 6 theme, which makes a perfect combination for Integrating the look and feel of Drupal and MediaWiki-sites that run in combination.
[edit] ScreenRealEstate
Version: 1.0
Download: ScreenRealEstate
Description:
This skin is inspired in look and feel by, and built upon Drone. However I did not like the toolboxes and navigational section hogging up the left of the screen: this makes the whole body of the article lose out on ScreenRealEstate.
I have retained only the navigational links and menus which I use. Some are dropdown, some are inline. The search buttons are gone, only the box remains. A few ugly hacks, but dunno if I will get around to smoothing them.