User:DarkShadow/box examples

Works with <pre> too. If using <div> then syntaxhighlight must be used if you don't want the box contents to be parsed.

Although <source> is used for these examples, please use syntaxhighlight in the wiki.

On some pages depending on the code that is put into these boxes, __NOMATHJAX__ might have to be used to get the code to display properly. Once I can figure out how to compile the proper files I will use <math> and uninstall mathjax altogether.

Textbox

<syntaxhighlight lang="text" style="border: solid thin gray; font-size:90%;">
Put Script code here
</syntaxhighlight>

gives

Put Text code here

Bashbox

<syntaxhighlight lang="bash" style="border: solid thin gray; font-size:90%;">
Put Script code here
</syntaxhighlight>

gives

Put Script code here

or

{| class="mw-collapsible mw-collapsed wikitable"
|-
! '''Test''' Box
|-
|<syntaxhighlight lang="bash" style="border: solid thin gray;">
Put Script code here
</syntaxhighlight>
|}

gives

Test Box
Put Script code here

Prebox

<pre style="border: solid thin gray; font-size:90%; width:200px; overflow:auto;">
Put code here
</pre>

gives

Put code here

div box

<div style="border: solid thin gray; background-color: #EDEDED; overflow:auto; width:480px;"><small>
:• '''4620Mbps''' - 1-stream 802.11ad device (MCS12/16-QAM (3/4)),
:• '''1733Mbps''' - 4-stream 802.11ac device (433Mbps per stream),
:• '''800Mbps''' - max. PHY rate for the 40MHz wide 2.4GHz channel = '''''7200 Mbps'' class'''
</small></div>

• 4620Mbps - 1-stream 802.11ad device (MCS12/16-QAM (3/4)),

• 1733Mbps - 4-stream 802.11ac device (433Mbps per stream),

• 800Mbps - max. PHY rate for the 40MHz wide 2.4GHz channel = 7200 Mbps class

div box, aligned center, constant height and width by px, with scroll bars and outline control

<div style="border: solid thin gray; overflow:auto; height:100px; width:600px; margin:0 auto;"><syntaxhighlight lang="html4strict">
{{WikiaInfobox
|Box title    = DarkShadow/Sandbox
|image        = File:File.JPG
|imagewidth   = 100px
|caption      = 
|Row 1 title  = Homepage<br>Support
|Row 1 info   = ?
|Row 2 title  = Wikipedia
|Row 2 info   = http://www.wikipedia.com
|Row 3 title  = WikiDevi
|Row 3 info   = [[wikidevi:Main_Page|www.wikidevi.com]]
|Row 4 title  = 
|Row 4 info   = 
|Row 5 title  = 
|Row 5 info   = 
|Row 6 title  = 
|Row 6 info   = 
|Row 7 title  = 
|Row 7 info   = 
|Row 8 title  = 
|Row 8 info   = 
|Row 9 title  = 
|Row 9 info   = 
|Row 10 title = 
|Row 10 info  = 
}}
</syntaxhighlight></div>

gives

{{WikiaInfobox
|Box title    = DarkShadow/Sandbox
|image        = File:File.JPG
|imagewidth   = 100px
|caption      = 
|Row 1 title  = Homepage<br>Support
|Row 1 info   = ?
|Row 2 title  = Wikipedia
|Row 2 info   = http://www.wikipedia.com
|Row 3 title  = WikiDevi
|Row 3 info   = [[wikidevi:Main_Page|www.wikidevi.com]]
|Row 4 title  = 
|Row 4 info   = 
|Row 5 title  = 
|Row 5 info   = 
|Row 6 title  = 
|Row 6 info   = 
|Row 7 title  = 
|Row 7 info   = 
|Row 8 title  = 
|Row 8 info   = 
|Row 9 title  = 
|Row 9 info   = 
|Row 10 title = 
|Row 10 info  = 
}}

div box, aligned center,auto height, constant width by precent, with scroll bars and outline control

<div style="border: solid thin gray; overflow:auto; width:30%; margin: 0 auto;"><syntaxhighlight lang="html4strict">
{{WikiaInfobox
|Box title    = DarkShadow/Sandbox
|image        = File:File.JPG
|imagewidth   = 100px
|caption      = 
|Row 1 title  = Homepage<br>Support
|Row 1 info   = ?
|Row 2 title  = Wikipedia
|Row 2 info   = http://www.wikipedia.com
|Row 3 title  = WikiDevi
|Row 3 info   = [[wikidevi:Main_Page|www.wikidevi.com]]
|Row 4 title  = 
|Row 4 info   = 
|Row 5 title  = 
|Row 5 info   = 
|Row 6 title  = 
|Row 6 info   = 
|Row 7 title  = 
|Row 7 info   = 
|Row 8 title  = 
|Row 8 info   = 
|Row 9 title  = 
|Row 9 info   = 
|Row 10 title = 
|Row 10 info  = 
}}
</syntaxhighlight></div>

Gives

{{WikiaInfobox
|Box title    = DarkShadow/Sandbox
|image        = File:File.JPG
|imagewidth   = 100px
|caption      = 
|Row 1 title  = Homepage<br>Support
|Row 1 info   = ?
|Row 2 title  = Wikipedia
|Row 2 info   = http://www.wikipedia.com
|Row 3 title  = WikiDevi
|Row 3 info   = [[wikidevi:Main_Page|www.wikidevi.com]]
|Row 4 title  = 
|Row 4 info   = 
|Row 5 title  = 
|Row 5 info   = 
|Row 6 title  = 
|Row 6 info   = 
|Row 7 title  = 
|Row 7 info   = 
|Row 8 title  = 
|Row 8 info   = 
|Row 9 title  = 
|Row 9 info   = 
|Row 10 title = 
|Row 10 info  = 
}}

Ambox Templete common parameters box

{| class="wikitable" style="background:transparent; width=40%; float:right;" 
!Common parameters
|-
|<pre style="font-size:90%; width=40%";;>
{{Ambox
| name  = 
| subst = <includeonly>{{subst:substcheck}}</includeonly>
| small = {{{small|}}}
| type  = 
| image = 
| sect  = {{{1|}}}
| issue = 
| talk  = {{{talk|}}}
| fix   = 
| date  = {{{date|}}}
| cat   = 
| all   = 
}}</pre>
|}

gives

Common parameters
{{Ambox | name = | subst = <includeonly>{{subst:substcheck}}</includeonly> | small = {{{small|}}} | type = | image = | sect = {{{1|}}} | issue = | talk = {{{talk|}}} | fix = | date = {{{date|}}} | cat = | all = }}

TechInfoDepot MultiIssue

{{Multiple issues|
* [[#JTAG|JTAG]] and [[#Serial|Serial]] Information needed
* Retail/User [[#Pictures|Photos]] needed
* More [[#Specs|Specifications]] needed
* [[#Flashing|Flashing]]/[[#Upgrading|Upgrading]]/[[#Reverting|Reverting]] Instructions needed
{{Stub}}
}}

gives