Recent Changes - Search:

Cookbook

PmWiki

pmwiki.org

Skins

PmWiki makes it easy to develop and change "Skins" which alter the look and feel of the pages. You can preview available skins in the Skins Gallery in a reduced size or see how a test page looks with some assorted markup. (The old test page is still available, and here's another one.)

If you've developed a skin for PmWiki that you'd like to share, feel free to add it to the Cookbook here, and also on the Skins Gallery! After it's uploaded, Pm will generally configure pmwiki.org to display pages in the new skin. Be sure to look at skin guidelines for suggestions about creating skins that others can use.

  • Note: The last column counts the number of users who left comments on the *-Users page dedicated to the recipe.
NameSummaryCategoriesUsers*
AlalikeSkin( ) ?
BeeblebroxNetGila( ) ?
BitterLemonSkinTableless, left side-bar skin based on IGIENISTA DENTALE template by Arcsin. (20090419 )Skins Maintenance ?
BlixBlix is a two-column theme, with a top navigation tab bar, and traditional footer. (2.1.2 (12-Jun-2010) Active)Skins, BlogIt +15
Blog SkinA blog-oriented skin that emphasizes content, with an easy-to-read default font size and no graphical frills ( ) ?
BlueBerrySkinxhtml 1.1 and css 2.0 conform blue skin (1.3 Stable)Skins ?
BlueFurSkin( ) ?
BoiraBoira skin (20111202 Alpha)Skins +2
BonnySkinBonny is a fully CSS-driven skin, 2 or 3-column layout, with variations in layout and appearance, and optional CMS mode. (0.06 beta)Skins ?
ChoiceChoice is a two-column theme, with a top navigation tab bar, and traditional footer. (1.1.0 (12-Jun-2010) Active)Skins, BlogIt +4
ChoiceColorChangerProvide a way of setting persistent skin color and theme choices when using the Choice skin. (2011-06-12 Active)Skins +1
ColorimetryColorimetry is a two-column theme, with a top navigation tab bar, and traditional footer. (1.2.0 (12-Jun-2010) Active)Skins, BlogIt +5
CssCompressCss Compressor for recipes and skins (20110425 maintained)Skins, Css, Compression, HighPerformance. ?
DropDownSkin( ) ?
DropShadowDropShadow provides a simple two column interface, and includes top navigation tabs. (2.2.1 (31-Jul-2011) Active)Skins +16
EditFormSamplesProvide administrators and authors with examples and instructions for replacing or customizing their site's Site.EditForm. (pmwiki-2.1.10 and up )Layout, Skins, Editing, AdvancedAuthoring ?
EnlightenEnlighten is a two-column theme, several color options, fluid/fixed width, a top navigation tab bar, and traditional footer. (1.1.1 (20-Nov-2010) Active)Skins, BlogIt +8
EquilibriumEquilibrium is a blog-oriented skin, with a focus on simplicity. Along with the typical sidebar and top navigation tabs, this skin presents blog summaries in column oriented, rather than the traditional vertical layout. (1.2.0 (12-Jun-2010) Active)Skins, Blog +6
EvolverSkin( ) ?
FixFlowSkinHighly configurable skin with many color-schemes, plus optional RightBar, plus fixed or flowing SideBar, on left or right (2010-05-08 Stable)Skins +3
FixFlowTips( ) ?
FlckrTabless skin, inspired by the layout and colors of the site flickr.com. ( Stable)Skins ?
FlexiSkinExtremly flexible skin; created to make final design via CSS; All contents through separate wiki documents ((05-Mar-2010) Active)Skins +2
FontSizerAdd buttons for instant font (text) resizing, preferrences are stored (2006-10-28 stable)Layout Skins
GeminiSkinHighly configurable skin with many color-schemes, plus optional RightBar (2010-05-08 Stable)Skins +2
Gemini & FixFlow Tips( ) ?
GlossyHueGlossyHue provides a simple two column interface, and includes top navigation tabs, and a three-section footer. (2.2.0 (12-Jun-2010) Active)Skins +9
GreaseSkinMinimalistic skin inspired by the Dive Into Greasemonkey online book. (20070125 Stable)Skins +1
GreenSkinTableless skin in green. (2007-07-13 stable)Skins +2
HideSearchBarhide the search bar at the top of a skin with (:nosearch:) (2009-10-15 )Skins PageDirectives Markup +1
IPMWikiSkinMobile skin for IPhone viewing and editing of PMWiki (2010-06-29 stable)Skins Mobile +3
JHMPSkin( ) ?
JHSkin( ) ?
JsCompressjavascript Compressor for recipes and skins (20110416 maintained)Skins,javascript,Compression,HighPerformance. ?
LeanSkinA clean, minimalist skin that was created with usability in mind ( ) ?
LeavesSkinA skin using light tones of orange, gray and white ( ) ?
Lens( ) +1
LightSkinA more configurable CMS-friendly derivative of Lean Skin with many changes ( ) ?
MaguilaSkinTableless skin for PmWiki based on design by Haran from OSWD. (2007-11-06 mantained)Skins +3
MarineeMarinee is based on Green Marinee by Ian Main. (2.2.0 (12-Jun-1010) Active)Skins +17
MinimousMinimous is a two-column theme, with a top navigation tab bar, and traditional footer; width of content and sidebar are adjustable; 8 different color variations. (1.0.2 (10-Jul-2010) Active)Skins, BlogIt
MobileSkinPlain PmWiki template that is compatible with mobile devices. (18-Nov-2011 Active)Skins Mobile +1
MonobookSkinMakes PmWiki look like MediaWiki/Wikipedia (2009-02-23 Stable)Skins
NeatSkintableless skin with blue and gray colors, inspired by sinorca and roundflow skins. (2006-09-13 mantained)Skins Maintenance ?
NetstreamsMenuA desktop-application like menu for authors and admins (009bX beta)CMS Administration Menu Skins ?
NetstreamsSkinA skin entirely based on editable skin sections with a desktop-application like menu and php generated css files wich allows one to use a simple colorscheme. (009bX Experimental)Skins ?
NewsPaperSkinWordPress skin adapated for PmWiki. (2006-10-02 mantained)Skins
Not2SimpleSkin( ) ?
Notebook-NT-SkinSimple div(no table) version of default PmWiki skin. (2009-10-03 stable)Skins ?
NotSoSimpleSkin( ) ?
PhotoGalleryPhotoGallery is focused around the presentation of pictures, images, and photographs. It provides a basic tab navigation, and markup to ease the creation of albums. Designed to be used in conjunction with pmGallery and Galleria. (0.4.0 (12-Jun-2010) Active)Skins +2
PlainBlog SkinA blog-oriented skin that emphasizes content, with an easy-to-read default font size and no graphical frills ( ) ?
PlainSkinA skin that emphasizes content, with an easy-to-read default font size and no graphical frills ( ) ?
PmWiki-DivsSkinpure css based skin in the style of the pmwiki default skin (2006-09-03 stable)Skins ?
Pmwiki-dt (A simple tableless skin for PmWiki)Simple div(no table) version of default PmWiki skin. (2010-06-14 stable)Skins ?
PmWiki2BarsThis skin is a simple extension of PmWiki's default skin to add another side bar on the right side. (0.2 stable)Skins ?
PukkaFloat( ) ?
RecurveSkinA tab driven skin for PmWiki (20061205 Stable)Skins ?
RedBerryxhtml 1.1 and css 2.0 conform blue skin (1.0 Stable)Skins ?
RemovingHTMLStylesHow to remove pmwiki styles from HTML head (2006-10-28 Stable)Skins CSS ?
RoseTrellis SkinA CMS-style skin. Action links are hidden. (2006-11-01 Working, but not fully-featured)Skins ?
SimplyImpactSimplyImpact provides a two column layout based on the blueprint-css-framework, which has to top navigation list and a tab for socialmedia buttons. (2010-02-21 beta)Skins
SinorcaSkinTableless skin, based on sinorca skin by Haran. (2006-11-24 Beta)Skins
SkidooSkidoo provides a simple, low distraction interface with rapid (no page refreshes) access to a whole bunch of stuff. I use it for the various wiki's I use for note taking on a daily basis. (1.0.6 (12-Jun-2010) Active)Skins +7
SkinChangechange skin via query or cookie setting (20111202 Stable)Skins Layout +8
SkinChangesExample of skin changes for Triad skin ( )Skins ?
SkinConfigDefine interactively (via a wiki page) the main parameters of a skin (0.7 - 13 October 2007 )Skins, Layout, GUI ?
Skin GuidelinesA set of tips for skin design and packaging skins for distribution (2007-07-21 Stable)Skins, CSS, Layout, CustomPageStore ?
SkinList( ) ?
SkinTest-Compact( ) ?
SkittlishSkittlish allows site visitors to choose between fixed and fluid width, and between seven candy-inspired colours for the sidebar. (1.2.0 (12-Jun-2010) Active)Skins, Blog, BlogIt
SomethingCorporate( ) ?
SsofbJoomlaRhukA CSS based skin with a choice of six colors, based on a Joomla template. (1.2.1304 maintained )Skins ?
StrippedSkin( ) ?
TechnobabbleSkintester on graphic web design template (1.0 Stable)Skins +1
TriadSkinHighly configurable skin with 3-column layout with full-width header and footer (2010-05-13 Stable)Skins +11
TriadTipsTips for using the Triad skin ( )Skins ?
UselessTuesdaySkin( ) ?
ViewModesshow selected content according to user choice (using a cookie) (2006-10-28 Stable)Layout Skins CMS ?
WikiLoveSkin( ) ?
Yaml132SkinHighly configurable skin with 3-column layout (optional css hiding of any column) based on YAML framework (2009-05-17 Stable)Skins ?
YAMLForthHighly configurable skin with fixed-width 2-column layout based on the YAML 3.3 framework (2.1.1 (2010-12-05) Stable)Skins +2
  • Note: The last column counts the number of users who left comments on the *-Users page dedicated to the recipe.

Skin List (for skin trail)

  • ABitModernSkin ..... A PmWiki port of the oswd.org template; left menu, 800 pixels wide
  • AlalikeSkin ..... Loosely based on the look of alistapart.com; 3-columns
  • BarthelmeSkin ..... A minimalist skin where white space and margins can show culture and aestheticism
  • BeeblebroxNetGila
  • BitterLemonSkin ..... Tabless, right side-bar skin based on Bitter Lemon template by Arcsin
  • Blix ..... 2-Column Wordpress port, provides a top-level tab navigation, and right-sidebar. Autumn and Spring color sets.
  • BlogSkin ..... Use this relatively low-frills skin to make your wiki, blog, or non-blog site visitor-friendly.
  • BlueBerrySkin ..... css and xhtml conform blue skin
  • BlueFurSkin ..... Kind of a 60's rounded look
  • Bluehead ..... Elegant white skin with blue header
  • BluesSkin ..... This skin has the blues
  • Boira
  • BonnySkin ..... A fully CSS-driven skin, 2 or 3-column layout, with variations in layout and appearance, and optional CMS mode.
  • Bs-001Skin ..... A Dark-Themed skin.
  • Choice
  • CinnamonSkin ..... Clean skin with red, brown and gray highlights.
  • Colorimetry
  • DropDownSkin ..... Uses a Dropdownmenu for the sidebar and has tabs for easy editing
  • DropShadow .... Simple blog-oriented, fixed-width, 2 column skin, with upper tab-navigation, and additional color-themes. Based on the WordPress Drop Shadow skin.
  • Enlighten .... Simple blog-oriented, fixed- or fluid width, 2 column skin, with upper tab-navigation, and additional color-themes.
  • Equilibrium ..... Equilibrium is a blog-oriented skin, with a focus on simplicity. Along with the typical sidebar and top navigation tabs, this skin presents blog summaries in column oriented, rather than the traditional vertical layout. Using BlogIt with the skin also allows an image to be displayed on the blog summary.
  • EvolverSkin ..... Greenish skin based on an OSWD design that integrates usage of, but does not require, UserAuth and CMSLike
  • FixFlowSkin ..... As Gemini, plus fixed or flowing sidebar, left or right
  • Flckr
  • FlexiSkin ..... Based entirely on CSS, highly configurable, title menu etc. based on wiki-files
  • GeminiSkin ..... Highly configurable with many colour-schemes, plus optional rightbar
  • Glossy Hue ..... 2-column Wordpress port, with a right-sidebar, top level tabbed navigation, and a 3-section footer.
  • GraynessSkin ..... This is a blue and gray skin that is easy on the eyes in most lighting conditions.
  • GreaseSkin ..... Minimalistic skin inspired by the Dive Into Greasemonkey online book.
  • GreenSkin .... Tableless skin in green.
  • IPMWikiSkin .... Mobile skin for IPhone viewing and editing of PMWiki
  • JHMPSkin
  • JHSkin
  • LeanSkin ..... A clean, minimalist skin that was created with usability in mind
  • LeavesSkin ..... A three-column skin using orange, gray and white, adapted from a SmallPark template
  • Lens ..... Extremely and easily configurable, accessible, and supports ViewModes
  • LightSkin ..... A more configurable CMS-friendly derivative of Lean Skin with many changes
  • LinesSkin ..... Created for use in a CMS-like environment, thus edit links are barely visible
  • Lt9602Skin ..... A skin inspired by System 960 and Lean(Skin) from this page.
  • MaguilaSkin ... Tableless skin for PmWiki based on design by Haran from OSWD.
  • MarbleSkin ..... This skin has a dark marble background with a semi-transparent appearance for the wiki content
  • Marinee ..... aka "Green Marinee", a port of the highly popular Green Marinee skin for Wordpress.
  • Minimous ..... Very simple two column theme, with 8 color variations, adjustable content and sidebar widths, and full compatibility with BlogIt.
  • MobileSkin ... Plain PmWiki template that is compatible with mobile devices.
  • MonobookSkin ..... Makes PmWiki look like MediaWiki/Wikipedia
  • NetstreamsSkin
  • NeutralSkin ..... Designed to be usable by most people for any wiki use
  • News PaperSkin ... A newspaper-like skin
  • Not2SimpleSkin ..... Based on the NotSoSimple?, but with CSS based multi level popup menu Sidebar
  • NotSoSimpleSkin ..... Based on the excellent Simple Skin, but with Sidebar and 900px wide
  • ParchmentSkin ..... This is a tan skin with brown hilights and mimics aged papyrus for its background.
  • PhotoGallery ..... is designed around the presentation of pictures, images, and photographs.
  • PhpNetSkin ..... Roughly the look of www.PHP.net
  • PlainBlogSkin ... A blog-oriented skin that emphasizes content, with an easy-to-read default font size and no graphical frills
  • PlainSkin ..... Emphasizes content with an easy-to-read default font size and no graphical frills.
  • PmWiki2Bars ..... An extension of the default PmWiki skin to add another side bar on the right side.
  • PmWiki-DivsSkin ..... Experimental tableless version of the default PmWiki skin.
  • PmWikiV1Skin ..... skin that was distributed with PmWiki v1 and PmWiki v2 beta series
  • RecurveSkin ..... A tab driven skin for PmWiki
  • RedBerrySkin .... dark read, gray skin, based on blueberry
  • RoseTrellis ..... A clean, fast-loading skin designed for single-author sites
  • RoundedSkin ..... A blue and white skin with rounded corners, great for blogs.
  • SimplaSkin ..... A clean, minimalist skin. Ported from the Simpla Wordpress theme.
  • SimpleSkin ..... A very simple but good-looking skin.
  • SimpleTabSkin ..... A K2 inspired skin with menu tabs
  • SimplyImpact ... SimplyImpact provides a two column layout based on the blueprint-css-framework, which has to top navigation list and a tab for socialmedia buttons.
  • SinorcaSkin ..... A nice, tableless skin
  • Skidoo ..... Provides a simple, low distraction interface provides rapid access to the information you need. I use it for the various wiki's I use to take notes on a daily basis.
  • Skittlish .... Skittlish allows site visitors to choose between fixed and fluid width, and between seven candy-inspired colours for the sidebar. Full support for the BlogIt blogging engine.
  • Soma ..... A VERY colorful skin.
  • Something Corporate ..... Functional CSS skin
  • SsofbJoomlaRhuk ..... CSS Skin based on the Joomla rhuk_milkyway template.
  • StrippedSkin ..... A skin for debugging HTML errors
  • TechnobabbleSkin ..... A two column layout based on a idea of dreamLogic
  • TextPatternSkin ..... Inspired by TextPattern. Designed for smaller documents such as poetry, short stories, etc. Very elegant.
  • TriadSkin ..... A three column layout, highly configurable.
  • UselessTuesdaySkin ..... Dark blue tones dominate this rather narrow skin
  • WikiLoveSkin ..... Modification of default skin with a nice clean look.
  • Yaml132Skin ..... Pure CSS skin based on the YAML.de CSS framework
  • YAMLForth ..... another pure CSS 2-column skin based on the YAML CSS Framework version 3.2

Other PmWiki skins (some unmaintained):

Skins hosted elsewhere:

To find skins for PmWiki v.1a, see Cookbook-V1.Skins. If you'd like to use one of them with PmWiki 2, most of them will probably work fine with a little modification and help from Changes from PmWiki 1.


The following part is included from PmWiki.LayoutBasics:

Modifying the "pmwiki" skin

The pmwiki skin (i.e., pub/skins/pmwiki/) is part of the PmWiki installation, so any changes you make to these files are likely to be overwritten when you upgrade. Thus, instead of editing the files directly, you should start by making a copy of the files in pub/skins/pmwiki/ into a new skins directory (say, pub/skins/xyzskin/).

Once you've made a copy of the skin directory, you can then edit the .tmpl and other files in that directory. You then tell PmWiki to use the skin in pub/skins/xyzskin by setting

$Skin = 'xyzskin';

in your local/config.php file.


Discussion: see Skins-Talk


Edit - History - Print - Recent Changes - Search
Page last modified on December 02, 2011, at 03:20 PM