Difference between revisions of "MW Cheat Sheet"
From dataZoa Wiki
(→Insert a glyph) |
|||
| Line 10: | Line 10: | ||
[http://docwiki.datazoa.com/Special:Version MediaWiki Version]<br /> | [http://docwiki.datazoa.com/Special:Version MediaWiki Version]<br /> | ||
| + | |||
| + | Handy Classes: <br> | ||
| + | Structures: GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)<br> | ||
| + | Alignments: Gtal { text-align: left; } | ||
| + | Gtac { text-align: center; } | ||
| + | Gtar { text-align: right; } | ||
| + | Gvam { vertical-align: middle; } | ||
| + | Gvat { vertical-align: top; } | ||
| + | Gvab { vertical-align: bottom; } | ||
| + | Gmc { vertical-align: middle; text-align: center; } | ||
| + | |||
| + | |||
| + | /* BlackBorder1px */ | ||
How to create a category: <nowiki> type [[Category: CategoryName]]</nowiki> More on [https://www.mediawiki.org/wiki/Help:Categories categories] | How to create a category: <nowiki> type [[Category: CategoryName]]</nowiki> More on [https://www.mediawiki.org/wiki/Help:Categories categories] | ||
Revision as of 09:16, 8 December 2016
Edit Sidebar
Edit CSS
Edit Javascript
Handy Classes:
Structures: GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)
Alignments: Gtal { text-align: left; }
Gtac { text-align: center; }
Gtar { text-align: right; }
Gvam { vertical-align: middle; }
Gvat { vertical-align: top; }
Gvab { vertical-align: bottom; }
Gmc { vertical-align: middle; text-align: center; }
/* BlackBorder1px */
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>
