-
View
-
Edit
-
History
-
Attach
-
Print
Skin<->Markup Test Page
A skin test page
Note: this form may give wrong test results for some skins, as some skins employ special markup functions the test does not evoke.
Also see SkinTest-Compact for a newer skin-comparison page.
Use this page to see how various wiki markup looks when you are using the Skins that are installed on pmwiki.org. If you discover some important Test Markup missing please use one of the edit links to add it.
Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector
- 2016
- A Bit Modern
- Academian
- Adapt
- Alalike
- Amber
- Barthelme
- Beeblebrox Net Gila
- B Freedom
- Bitter Lemon
- Blix
- Blog
- Blue Berry
- Blue Fur
- Bluehead
- Blues
- Boira
- Bonny
- Bs-001
- Bs-002
- Choice
- Cinnamon
- Classic
- Clean Simple
- Colorimetry
- Default Skin Without Table
- Drop Down
- Drop Shadow
- Enlighten
- Equilibrium
- Evolver
- Fix Flow
- Flckr
- Flexi
- Gemini
- Glossy Hue
- Grayness
- Grease
- Green
- IPM Wiki
- JH
- JHMP
- Kaylen
- Lean
- Leaves
- Lens
- Light
- Lines
- Lt 9602
- Maguila
- Marathon
- Marble
- Marinee
- Minimous
- Mobile
- Monobook
- Mouse
- Mouse Skin
- Neat
- Netstreams
- Neutral
- News Paper
- Night
- Not 2 Simple
- Notebook
- Notebook-NT
- Notebook 2
- Not So Simple
- Papyrus
- Parchment
- Photo Gallery
- Php Net
- Plain
- Plain Blog
- Pm Wiki-Divs
- Pmwiki-dt
- Pm Wiki-responsive
- Pm Wiki 2 Bars
- Pukka Float
- Recurve
- Red Berry
- Rose Trellis
- Rounded
- Royale
- Schlaefer Two
- Simpla
- Simple
- Simple Tab
- Simply Impact
- Sinorca
- Skidoo
- Skin Test
- Skin Tests
- Skittlish
- Soma
- Something Corporate
- Ssofb Joomla Rhuk
- Steamport
- Steamport-Group Bar
- Steamport-Splash Bar
- Stripped
- Technobabble
- Test Page Directives
- Text Pattern
- Textpattern 4
- Triad
- Trish
- Twitter Bootstrap
- Useless Tuesday
- Vanilla 5
- Vector
- Wiki Love
- Yaml 132
- YAML Forth
Skin Selector (edit)
Choose the skin to try from the list on the right, or reset to the PmWiki skin:
Note: This list only includes skins that are installed on pmwiki.org. To see the skins that are missing from this list, install them on your local copy of PmWiki.
Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector
Text Tests (edit)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. Aliquam mi velit, interdum et, feugiat ut, dictum eget, eros. Cras vulputate sapien vitae massa. Vestibulum eget wisi. Nulla ac justo non metus bibendum sagittis. Phasellus nonummy odio quis ante. Nunc vel lectus a lacus porttitor consequat.
Proin venenatis. Praesent arcu. Vestibulum aliquet pellentesque odio. In viverra quam sed magna dapibus fringilla. Duis eleifend ante ac eros. Fusce nunc. Vivamus lectus magna, fringilla vel, ultricies id, convallis quis, mi. Mauris eros erat, dapibus eget, vestibulum dapibus, luctus ut, eros. Nullam id dolor. Aenean ut tortor. Duis in nulla at ante viverra faucibus. Donec pulvinar gravida est. Sed nec est vel pede fringilla varius. Pellentesque ac felis. Ut luctus, arcu nec pretium dapibus, lorem enim varius purus, at varius ipsum metus nec leo.
Small text. Normal text. Large text.Large monospaced. Normal monospaced. Small monospaced.
Strong text. Emphasized text. Superscript and Subscript.
- Definition
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus.
Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector
Heading Tests (edit)
XXXXX Heading
XXXXX Subheading
XXXXX Sub-subheading
XXXXX Sub-sub-subheading
Level 2 Heading (Link)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. Aliquam mi velit, interdum et, feugiat ut, dictum eget, eros. Cras vulputate sapien vitae massa.
Level 3 Heading (Link)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. Aliquam mi velit, interdum et, feugiat ut, dictum eget, eros. Cras vulputate sapien vitae massa.
Level 4 Heading (Link)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. Aliquam mi velit, interdum et, feugiat ut, dictum eget, eros. Cras vulputate sapien vitae massa.
Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector
List Tests (edit)
Ordered List
- Top level
- second-level
- second-level
- second-level
- third-level
- third-level
- second-level
- third-level
- fourth-level
- fifth-level
- fifth-level
- fourth-level
- fourth-level
- third-level
- top-level
- top-level
Unordered List
- Animals
- Dogs
- Spot
- Rover
- Cats
- Boots
- Felix
- Dogs
- Plants
- Trees
- Deciduous
- Oak
- Elm
- Muberry
- Evergreen
- Pine
- Aleppo
- Ponderosa
- Spruce
- Blue
- Oriental
- Fir
- Silver
- Noble
- Pine
- Deciduous
- Trees
Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector
Image Tests (edit)
Image With Text on Left (Float)
%lfloat%Attach:pmwiki-32.gif%% Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae purus non mauris dapibus congue. Nulla facilisi. Curabitur non quam. Vivamus sem orci, euismod sed, faucibus vitae, tristique vel, orci. Donec elementum. Curabitur id dui. Aenean imperdiet, arcu in pulvinar luctus, sapien eros pulvinar elit, vel mattis felis dolor ut nunc. Ut viverra. Sed scelerisque vulputate pede. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae purus non mauris dapibus congue. Nulla facilisi. Curabitur non quam. Vivamus sem orci, euismod sed, faucibus vitae, tristique vel, orci. Donec elementum. Curabitur id dui. Aenean imperdiet, arcu in pulvinar luctus, sapien eros pulvinar elit, vel mattis felis dolor ut nunc. Ut viverra. Sed scelerisque vulputate pede. |
Image With Text on Right (Float)
%rfloat%Attach:pmwiki-32.gif%% Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae purus non mauris dapibus congue. Nulla facilisi. Curabitur non quam. Vivamus sem orci, euismod sed, faucibus vitae, tristique vel, orci. Donec elementum. Curabitur id dui. Aenean imperdiet, arcu in pulvinar luctus, sapien eros pulvinar elit, vel mattis felis dolor ut nunc. Ut viverra. Sed scelerisque vulputate pede. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vitae purus non mauris dapibus congue. Nulla facilisi. Curabitur non quam. Vivamus sem orci, euismod sed, faucibus vitae, tristique vel, orci. Donec elementum. Curabitur id dui. Aenean imperdiet, arcu in pulvinar luctus, sapien eros pulvinar elit, vel mattis felis dolor ut nunc. Ut viverra. Sed scelerisque vulputate pede. |
A Centered Image
(:table width=100%:) (:cell align=center:) Attach:pmwiki-32.gif (:tableend:) | |
Two Images
Attach:pmwiki-32.gif Attach:pmwiki-32.gif Attach:pmwiki-32.gif |
|
Image With Text on Right (Table)
(:table width=100% style='background-color:#f6f9f9;':) (:cell bgcolor=white:) Attach:pmwiki-32.gif (:cell:) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. (:tableend:) | ||
|
Image With Text on Left (Table)
(:table width=100% style='background-color:#f6f9f9;':) (:cell:) Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget lacus. Sed malesuada ligula. In ultrices urna. Maecenas et dolor vel ipsum gravida commodo. Ut a lectus. (:cell bgcolor=white:) Attach:pmwiki-32.gif (:tableend:) | ||
|
Large Image
%width=300px%Attach:pmwiki-32.gif |
Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector
Table Tests (edit)
(:table width=75% border=1 cellpadding=5px cellspacing=0:) (:cell:) table 75% wide (:cell align=center:) centred cell (:cell align=right:) right aligned cell (:cellnr:) next row (:cell align=center:) centred cell (:cell align=right:) right aligned cell (:tableend:) | ||||||
|
This table, styled with "smaller"-sized fonts in the <table> tag
||width=75% align=center style="background-color: #eeeeee; font-size: smaller;" ||! ||! Dr.||! Cr.|| ||Wages and Salaries Income || || 190|| | ||||||
|
should look like this one. which has the font size set in each cell:
(:table width=75% align=center style='background-color: #eeeeee;':) (:cell style='font-size: smaller;':) (:cell style='font-size: smaller; text-align:right;':) '''Dr.''' (:cell style='font-size: smaller; text-align:right;':) '''Cr.''' (:cellnr style='font-size: smaller; text-align:left;':) Wages and Salaries Income (:cell style='font-size: smaller; text-align:right;':) (:cell style='font-size: smaller; text-align:right;':) 190 (:tableend:) | ||||||
|
Long Tables
Very long horizontal tables to see the effect with the right sidebar
Header 1 | Header 2 | Header 3 | Header 4 | Header 5 | Header 6 | Header 7 | Header 8 | Header 9 | Header 10 | Header 11 | Header 12 | Header 13 | Header 14 | Header 15 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
A 1 | A 2 | A 3 | A 4 | A 5 | A 6 | A 7 | A 8 | A 9 | A 10 | A 11 | A 12 | A 13 | A 14 | A 15 |
B 1 | B 2 | B 3 | B 4 | B 5 | B 6 | B 7 | B 8 | B 9 | B 10 | B 11 | B 12 | B 13 | B 14 | B 15 |
C 1 | C 2 | C 3 | C 4 | C 5 | C 6 | C 7 | C 8 | C 9 | C 10 | C 11 | C 12 | C 13 | C 14 | C 15 |
Header 1 | Header 2 | Header 3 | Header 4 | Header 5 | Header 6 | Header 7 | Header 8 | Header 9 | Header 10 | Header 11 | Header 12 | Header 13 | Header 14 | Header 15 |
A 1 | A 2 | A 3 | A 4 | A 5 | A 6 | A 7 | A 8 | A 9 | A 10 | A 11 | A 12 | A 13 | A 14 | A 15 |
B 1 | B 2 | B 3 | B 4 | B 5 | B 6 | B 7 | B 8 | B 9 | B 10 | B 11 | B 12 | B 13 | B 14 | B 15 |
C 1 | C 2 | C 3 | C 4 | C 5 | C 6 | C 7 | C 8 | C 9 | C 10 | C 11 | C 12 | C 13 | C 14 | C 15 |
Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector
Block Tests (edit)
With Bulleted List
- bulleted string
- bulleted string
- bulleted string
Suspendisse nisl tellus, tincidunt ac, adipiscing in, tincidunt.
- bulleted string
- bulleted string
- bulleted string
- bulleted string
- bulleted string
- bulleted string
- bulleted string
- bulleted string
- bulleted string
- bulleted string
- bulleted string
normal string
Jump to: Text | Tables | Headings | Images | Lists | Blocks | Forms | Skin Selector
Form Tests (edit)
Forms
(:input form:) (:input select name=FIRST value=1:)(:input select name=FIRST value=2:)[==] (:input select name=SECOND value=3:)(:input select name=SECOND value=4:) (:input end:) |
Related pages
- SkinTestHeadings Test heading markup for Test.SkinTestAssortment
- SkinTestImages Test image markup for Test.SkinTestAssortment
- SkinTestLists Test list markup for Test.SkinTestAssortment
- SkinTestMenu Menu for Test.SkinTestAssortment
- SkinTestSelectSkin List of skins for Test.SkinTestAssortment
- SkinTestTables Test table markup for Test.SkinTestAssortment
- SkinTestText Test of Text markup for Test.SkinTestAssortment