Difference between revisions of "MW Cheat Sheet"

From dataZoa Wiki
Jump to: navigation, search
Line 1: Line 1:
  
[http://docwiki.datazoa.com/MediaWiki:Common.css Edit CSS]&nbsp;&nbsp[http://docwiki.datazoa.com/MediaWiki:Common.js Edit Javascript][http://docwiki.datazoa.com/MediaWiki:Sidebar Edit Sidebar]&nbsp;&nbsp;<br>
+
[http://docwiki.datazoa.com/MediaWiki:Common.css Edit CSS]&nbsp;&nbsp;&nbsp;[http://docwiki.datazoa.com/MediaWiki:Common.js Edit Javascript&nbsp;&nbsp;&nbsp;[http://docwiki.datazoa.com/MediaWiki:Sidebar Edit Sidebar]<br>
 
[http://docwiki.datazoa.com/Special:SpecialPages Special Pages]&nbsp;&nbsp;[http://docwiki.datazoa.com/Special:AllPages View All Pages]<br>
 
[http://docwiki.datazoa.com/Special:SpecialPages Special Pages]&nbsp;&nbsp;[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; }&nbsp;&nbsp;&nbsp;Gtac { text-align: center; }&nbsp;&nbsp;&nbsp;Gtar { text-align: right; }<br>
Gtar { text-align: right; }
+
&nbsp;&nbsp;&nbsp;Gvam { vertical-align: middle; }&nbsp;&nbsp;&nbsp;Gvat { vertical-align: top; }&nbsp;&nbsp;&nbsp;Gvab { vertical-align: bottom; }
Gvam { vertical-align: middle; }
+
<br><br>
Gvat { vertical-align: top; }
+
Gvab { vertical-align: bottom; }
+
Gmc { vertical-align: middle; text-align: center; }
+
<br>  
+
 
Colors:  
 
Colors:  
 
GbcLgray GfcLgray
 
GbcLgray GfcLgray

Revision as of 11: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>


MediaWiki Version
Formatting Basics