Difference between revisions of "MW Cheat Sheet"
From dataZoa Wiki
Line 1: | Line 1: | ||
− | [http://docwiki.datazoa.com/MediaWiki:Common.css Edit CSS]  [http://docwiki.datazoa.com/MediaWiki:Common.js Edit Javascript | + | [http://docwiki.datazoa.com/MediaWiki:Common.css Edit CSS] [http://docwiki.datazoa.com/MediaWiki:Common.js Edit Javascript [http://docwiki.datazoa.com/MediaWiki:Sidebar Edit Sidebar]<br> |
[http://docwiki.datazoa.com/Special:SpecialPages Special Pages] [http://docwiki.datazoa.com/Special:AllPages View All Pages]<br> | [http://docwiki.datazoa.com/Special:SpecialPages Special Pages] [http://docwiki.datazoa.com/Special:AllPages View All Pages]<br> | ||
− | Handy Classes: <br> | + | <br>Handy Classes: <br> |
Structures: GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)<br> | Structures: GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)<br> | ||
− | Alignments: Gtal { text-align: left; } | + | Alignments: Gmc { vertical-align: middle; text-align: center; } |
− | Gtac { text-align: center; } | + | Gtal { text-align: left; } Gtac { text-align: center; } Gtar { text-align: right; }<br> |
− | Gtar { text-align: right; } | + | Gvam { vertical-align: middle; } Gvat { vertical-align: top; } Gvab { vertical-align: bottom; } |
− | Gvam { vertical-align: middle; } | + | <br><br> |
− | Gvat { vertical-align: top; } | + | |
− | Gvab { vertical-align: bottom; } | + | |
− | + | ||
− | <br> | + | |
Colors: | Colors: | ||
GbcLgray GfcLgray | GbcLgray GfcLgray |
Revision as of 10:18, 12 December 2016
Edit CSS Edit Javascript [http://docwiki.datazoa.com/MediaWiki:Sidebar Edit Sidebar
Special Pages View All Pages
Handy Classes:
Structures: GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)
Alignments: Gmc { vertical-align: middle; text-align: center; }
Gtal { text-align: left; } Gtac { text-align: center; } Gtar { text-align: right; }
Gvam { vertical-align: middle; } Gvat { vertical-align: top; } Gvab { vertical-align: bottom; }
Colors:
GbcLgray GfcLgray
How to create a category: type [[Category: CategoryName]] More on categories
How to create an iframe (uses Iframe Widget): {{#widget:Iframe |url=yoururl |width=yourwidth |height=yourheight |border=0 }}
Insert a glyph
using:
<div class="imgGlyph24 imgIdea"></div> <div class="imgGlyph24 imgConcept"></div> <div class="imgGlyph24 imgWarning"></div> <div class="imgGlyph24 imgDisambiguate"></div> <div class="imgGlyph16 imgCellYes"></div> <div class="imgGlyph16 imgCellNo"></div> <div class="imgGlyph16 imgCellMaybe"></div>
Insert a foreign image
This is from dataZoa itself:using:
<div class="imgWholeWrap1"><div class="imgWhole " data-guts="{ url: '/img/Hint.png', title: 'Hint example', xtraStyle: ' min-height: 16px; min-width: 16px;' }"></div></div>
Insert a snippet
using:
<div class="imgSnippetWrap1 "><div class="imgSnippet " title="dropZone Title Search" data-styler="{ view: '311', style: ' width: 479px; height: 123px; background: url(SQ/img/DocSamples/snap31.pngSQ) scroll -22px -62px; background-repeat: no-repeat; ' }"></div></div>