Difference between revisions of "MW Cheat Sheet"

From dataZoa Wiki
Jump to: navigation, search
 
(80 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[http://docwiki.datazoa.com/MediaWiki:Sidebar Edit Sidebar]
+
[https://docwiki.datazoa.com/MediaWiki:Common.css Sitewide CSS]&nbsp;&nbsp;&nbsp;[https://docwiki.datazoa.com/MediaWiki:Common.js Sitewide Javascript]&nbsp;&nbsp;[https://docwiki.datazoa.com/MediaWiki:Sidebar Edit Sidebar]&nbsp;&nbsp;&nbsp;[https://docwiki.datazoa.com/Special:ListFiles Image Management]<br>
 +
[https://docwiki.datazoa.com/Special:MostTranscludedPages Templates as they are used]&nbsp;&nbsp;[https://docwiki.datazoa.com/index.php?title=Special%3APrefixIndex&prefix=&namespace=10 All Templates]&nbsp;&nbsp;[https://docwiki.datazoa.com/Special:AllPages All Pages]&nbsp;&nbsp;[https://docwiki.datazoa.com/Special:Categories All Categories]&nbsp;&nbsp;[https://docwiki.datazoa.com/Special:SpecialPages Special Pages]&nbsp;&nbsp;<br>
 +
 
 +
[https://docwiki.datazoa.com/Special:WhatLinksHere What Links to some Page]&nbsp;[https://docwiki.datazoa.com/Special:WantedPages Wanted Pages]&nbsp;&nbsp;[https://docwiki.datazoa.com/Special:WantedTemplates Wanted Templates]&nbsp;&nbsp;[https://docwiki.datazoa.com/Special:WantedCategories Wanted Categories]<br>
 +
<br>Handy Templates:<br>
 +
<div style="white-space: nowrap; display: inline-block;">{{Template:Disambiguate|content=I am so confused!}} <pre style="display: inline-block;">{{Template:Disambiguate|content=I am so confused!}}</pre></div>
 +
<br>
 +
<div class="imgGlyph24 imgHowTo"></div> How To: [[Freeze_a_Table_Display|Freeze a table display]]  <pre style="display: inline-block;"><div class="imgGlyph24 imgHowTo"></div> How To: [[Freeze_a_Table_Display|Freeze a table display]]</pre>
 +
 
 +
<br>Handy Classes: <br>
 +
<b>Decorations:</b>GfakeTabGroup <div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div>&nbsp;&nbsp;<pre style="display: inline-block; font-size: x-small;"><div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div></pre>
 +
<b>Structures:</b> GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)<br>
 +
<b>Alignments:</b>  GtextForVideo (limited width text) Gmc { vertical-align: middle; text-align: center; }
 +
Gtal { text-align: left; }&nbsp;&nbsp;&nbsp;Gtac { text-align: center; }&nbsp;&nbsp;&nbsp;Gtar { text-align: right; }<br>
 +
&nbsp;&nbsp;&nbsp;Gvam { vertical-align: middle; }&nbsp;&nbsp;&nbsp;Gvat { vertical-align: top; }&nbsp;&nbsp;&nbsp;Gvab { vertical-align: bottom; }
 +
<br>
 +
<b>Colors:</b> GbcLgray GfcLgray
 +
<br><br>
 +
<b>Category:</b> <nowiki> type [[Category: CategoryName]]</nowiki> More on [https://www.mediawiki.org/wiki/Help:Categories categories]<br>
 +
<b>iframe:</b> (uses [https://docwiki.datazoa.com/Widget:Iframe Iframe Widget]):
 +
<nowiki>
 +
{{#widget:Iframe
 +
|url=yoururl
 +
|width=yourwidth
 +
|height=yourheight
 +
|border=0
 +
}}
 +
</nowiki>
 +
 
 +
 
 +
 
 +
==== Insert a glyph ====
 +
 
 +
<div class="imgGlyph24 imgIdea"></div>
 +
<div class="imgGlyph24 imgHowTo"></div>
 +
<div class="imgGlyph24 imgConcept"></div>
 +
<div class="imgGlyph24 imgWarning"></div>
 +
<div class="imgGlyph24 imgNote"></div>
 +
<div class="imgGlyph24 imgDisambiguate"></div>
 +
 
 +
<div class="imgGlyph16 imgCellYes"></div>
 +
<div class="imgGlyph16 imgCellNo"></div>
 +
<div class="imgGlyph16 imgCellMaybe"></div>
 +
<div class="imgGlyph24 imgKeyTip"></div>
 +
<div class="imgGlyph16 imgDZDot"></div>
 +
 
 +
<div class="imgGlyph24 imgExport"></div>
 +
<div class="imgGlyph24 imgEmbed"></div>
 +
<div class="imgGlyph24 imgShare"></div>
 +
<div class="imgGlyph24 imgEmail"></div>
 +
<div class="imgGlyph24 imgSMS"></div>
 +
<div class="imgGlyph24 imgMirror"></div>
 +
<div class="imgGlyph24 imgFollow"></div>
 +
<div class="imgGlyph24 imgPrint"></div>
 +
<div class="imgGlyph24 imgSnapshot"></div>
 +
 
 +
<div class="imgGlyph24 imgLock"></div>
 +
<div class="imgGlyph24 imgGlobe"></div>
 +
<div class="imgGlyph24 imgShareable"></div>
 +
<div class="imgGlyph24 imgPeople"></div>
 +
 
 +
 
 +
using:
 +
 
 +
<pre>
 +
<div class="imgGlyph24 imgIdea"></div>
 +
<div class="imgGlyph24 imgHowTo"></div>
 +
<div class="imgGlyph24 imgConcept"></div>
 +
<div class="imgGlyph24 imgWarning"></div>
 +
<div class="imgGlyph24 imgNote"></div>
 +
<div class="imgGlyph24 imgDisambiguate"></div>
 +
<div class="imgGlyph16 imgCellYes"></div>
 +
<div class="imgGlyph16 imgCellNo"></div>
 +
<div class="imgGlyph16 imgCellMaybe"></div>
 +
<div class="imgGlyph24 imgKeyTip"></div>
 +
<div class="imgGlyph16 imgDZDot"></div>
 +
<div class="imgGlyph24 imgExport"></div>
 +
<div class="imgGlyph24 imgEmbed"></div>
 +
<div class="imgGlyph24 imgShare"></div>
 +
<div class="imgGlyph24 imgEmail"></div>
 +
<div class="imgGlyph24 imgSMS"></div>
 +
<div class="imgGlyph24 imgMirror"></div>
 +
<div class="imgGlyph24 imgFollow"></div>
 +
<div class="imgGlyph24 imgPrint"></div>
 +
<div class="imgGlyph24 imgSnapshot"></div>
 +
<div class="imgGlyph24 imgLock"></div>
 +
<div class="imgGlyph24 imgGlobe"></div>
 +
<div class="imgGlyph24 imgShareable"></div>
 +
<div class="imgGlyph24 imgPeople"></div>
 +
</pre>
 +
 
 +
==== Insert a local Image ====
 +
<pre>
 +
[[File:dZBoard_PricingTrends02140.PNG|none|dZBoard Pricing Trends 02140]]
 +
</pre>
 +
==== Insert a foreign image ====
 +
 
 +
This is from dataZoa itself: <div class="imgWholeWrap1"><div class="imgWhole " data-guts="{ url: '/img/Hint.png', title: 'Hint example', xtraStyle: ' min-height: 16px; min-width: 16px;'  }"></div></div>
 +
 
 +
using:
 +
 
 +
<pre><div class="imgWholeWrap1"><div class="imgWhole " data-guts="{ url: '/img/Hint.png', title: 'Hint example', xtraStyle: ' min-height: 16px; min-width: 16px;'  }"></div></div></pre>
 +
 
 +
==== Insert a snippet ====
 +
 
 +
<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>
 +
 
 +
using:
 +
 
 +
<pre><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></pre>
 +
 
 +
 
 +
[https://docwiki.datazoa.com/Special:Version MediaWiki Version]<br />
 +
[https://www.mediawiki.org/wiki/Help:Formatting Formatting Basics]<br />

Latest revision as of 09:41, 10 April 2018

Sitewide CSS   Sitewide Javascript  Edit Sidebar   Image Management
Templates as they are used  All Templates  All Pages  All Categories  Special Pages  

What Links to some Page Wanted Pages  Wanted Templates  Wanted Categories

Handy Templates:

 I am so confused! 
{{Template:Disambiguate|content=I am so confused!}}


How To: Freeze a table display
<div class="imgGlyph24 imgHowTo"></div> How To: [[Freeze_a_Table_Display|Freeze a table display]]


Handy Classes:

Decorations:GfakeTabGroup
GfakeTab
GfakeTab2
  
<div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div>

Structures: GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)
Alignments: GtextForVideo (limited width text) 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

Category: type [[Category: CategoryName]] More on categories
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 imgHowTo"></div>
<div class="imgGlyph24 imgConcept"></div>
<div class="imgGlyph24 imgWarning"></div>
<div class="imgGlyph24 imgNote"></div>
<div class="imgGlyph24 imgDisambiguate"></div>
<div class="imgGlyph16 imgCellYes"></div>
<div class="imgGlyph16 imgCellNo"></div>
<div class="imgGlyph16 imgCellMaybe"></div>
<div class="imgGlyph24 imgKeyTip"></div>
<div class="imgGlyph16 imgDZDot"></div>
<div class="imgGlyph24 imgExport"></div>
<div class="imgGlyph24 imgEmbed"></div>
<div class="imgGlyph24 imgShare"></div>
<div class="imgGlyph24 imgEmail"></div>
<div class="imgGlyph24 imgSMS"></div>
<div class="imgGlyph24 imgMirror"></div>
<div class="imgGlyph24 imgFollow"></div>
<div class="imgGlyph24 imgPrint"></div>
<div class="imgGlyph24 imgSnapshot"></div>
<div class="imgGlyph24 imgLock"></div>
<div class="imgGlyph24 imgGlobe"></div>
<div class="imgGlyph24 imgShareable"></div>
<div class="imgGlyph24 imgPeople"></div>

Insert a local Image

[[File:dZBoard_PricingTrends02140.PNG|none|dZBoard Pricing Trends 02140]]

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