Template:Boxcode: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
(Dark skin support) |
||
(88 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<div style="float: | <div style="width:{{{width|auto}}}; float:{{{float|none}}};"> | ||
<div style="margin:5px; padding:3px; background:#e5e5ff; border:3px double #8080b0; box-shadow: 4px 4px 2px 1px rgba(0,0,0,.2);"> | |||
</div> | {{#if:{{{title|}}} | | ||
<div style=" | <div class="nowrap" style="display:block; width:100%; margin-bottom:3px; overflow:auto;"> | ||
<div style="float:left; padding-left:5px; padding-right:5px; line-height:25px; background:#ffffff; outline:1px solid #8080b0; outline-offset:-1px; font-weight:bold; font-style:italic; color:#606090;">{{{title|Custom Title}}}</div><span style="text-align:right; margin-left:3px;">[[image:Edit-copy_purple.svg.png|link=|x25px]]</span> | |||
</div> | | |||
}} | |||
<div style="height:{{{height|auto}}}; border:1px dashed #8080b0; {{#if:{{{height|}}}|overflow-y:scroll;|overflow:auto;}}">{{#tag:pre|{{{code|Code Sample}}}|style="display:inline-block; min-width:100%; margin-bottom:-5px; padding:0px; border:none;"}}</div> | |||
</div> | |||
</div><noinclude> | |||
==Usage== | == Usage == | ||
<nowiki>{{Boxcode|lang|code}}</ | All the parameters in bold are optional, for a good look the "code sample" should start with either a <nowiki><pre> or a <syntaxhighlight></nowiki> | ||
== | |||
{{Boxcode|xml|code | <nowiki>{{</nowiki>Boxcode|'''code='''Code Sample<nowiki>}}</nowiki> | ||
code | <br>...or...<br> | ||
<nowiki>{{</nowiki>Boxcode|'''title='''Custom Title|'''code='''Code Sample<nowiki>}}</nowiki> | |||
<br>...or...<br> | |||
<nowiki>{{</nowiki>Boxcode|'''float='''left|'''title='''Custom Title|'''code='''Code Sample<nowiki>}}</nowiki> | |||
<br>...or...<br> | |||
<nowiki>{{</nowiki>Boxcode|'''float='''left|'''width='''50%|'''title='''Custom Title|'''code='''Code Sample<nowiki>}}</nowiki> | |||
<br>...or...<br> | |||
<nowiki>{{</nowiki>Boxcode|'''float='''right|'''width='''50%|'''height='''500px|'''title='''Custom Title|'''code='''Code Sample<nowiki>}}</nowiki> | |||
== Examples == | |||
{{Boxcode|code=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | |||
<!--here--> | |||
very long lines adds a horizontal scroll bar at bottom of the template to preserve the width of the wiki pages | |||
................................. ........................... ............................................ ....................................... ....................................................... ..................................... ....................... .............................o/sup | |||
</syntaxhighlight>}} | |||
{{clear}} | |||
{{Boxcode|float=left|title=float=left|code=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | |||
<!--here--> | |||
very long lines adds a horizontal scroll bar | |||
</syntaxhighlight>}} | |||
{{Boxcode|float=right|title=float=right|code=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | |||
<!--here--> | |||
very long lines adds a horizontal scroll bar | |||
</syntaxhighlight>}} | |||
{{clear}} | |||
{{Boxcode|float=left|width=50%|title=float=left, width=50%|code=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | |||
<!--here--> | |||
very long lines adds a horizontal scroll bar at bottom of the template to preserve the width of the wiki pages | |||
</syntaxhighlight>}} | |||
{{Boxcode|float=right|width=50%|title=float=right, width=50%|code=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | |||
<!--here--> | |||
very long lines adds a horizontal scroll bar at bottom of the template to preserve the width of the wiki pages | |||
</syntaxhighlight>}} | |||
{{clear}} | |||
{{Boxcode|float=left|title=float=left (with a title longer than the code)|code=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | |||
<!--here--> | |||
</syntaxhighlight>}} | |||
{{Boxcode|float=left|width=200px|title=float=left, width=200px (with a title longer than the code but restricted in width)|code=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | lines | ||
here | <!--here--> | ||
very long lines adds a horizontal scroll bar | </syntaxhighlight>}} | ||
{{Boxcode|float=right|width=700px|title=float=right, width=700px|code=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | |||
<!--here--> | |||
very long lines adds a horizontal scroll bar | |||
</syntaxhighlight>}} | |||
{{clear}} | |||
{{boxcode|float=left|height=300px|title=float=left, height=300px|code=<syntaxhighlight lang=bash> | |||
lv2(2): # Register Info. | |||
lv2(2): # LR: 0xbadadd0010800010 CR:0x24000028 | |||
lv2(2): # CTR: 0x000000000163c62c | |||
lv2(2): # | |||
lv2(2): # GPR 0: 0xbadadd0010800010 GPR 1: 0x00000000d00caf90 | |||
lv2(2): # GPR 2: 0x000000000191ef80 GPR 3: 0xffffffffffffffff | |||
lv2(2): # GPR 4: 0x00000000300e4af0 GPR 5: 0x0000000000000021 | |||
lv2(2): # GPR 6: 0x0000000000010000 GPR 7: 0x0000000000000000 | |||
lv2(2): # GPR 8: 0x00000000d00cad90 GPR 9: 0x0000000000000000 | |||
lv2(2): # GPR10: 0xffffffff80020001 GPR11: 0x0000000000000002 | |||
lv2(2): # GPR12: 0x0000000024000028 GPR13: 0x000000001000cf50 | |||
lv2(2): # GPR14: 0x0000000000000000 GPR15: 0x0000000000000000 | |||
lv2(2): # GPR16: 0x0000000000000000 GPR17: 0x0000000000000000 | |||
lv2(2): # GPR18: 0x0000000000000000 GPR19: 0x0000000000000000 | |||
lv2(2): # GPR20: 0x0000000000000000 GPR21: 0x0000000000000000 | |||
lv2(2): # GPR22: 0x0000000000000000 GPR23: 0x0000000000000000 | |||
lv2(2): # GPR24: 0x0000000000000000 GPR25: 0x0000000000000000 | |||
lv2(2): # GPR26: 0x0000000000000000 GPR27: 0x0000000000000000 | |||
lv2(2): # GPR28: 0x0000000000000000 GPR29: 0x0000000000000000 | |||
lv2(2): # GPR30: 0x0000000000000000 GPR31: 0x0000000000000000 | |||
</syntaxhighlight>}} | |||
{{boxcode|float=left|width=350px|height=300px|title=float=left, width=350px, height=300px|code=<syntaxhighlight lang=bash> | |||
lv2(2): # Register Info. | |||
lv2(2): # LR: 0xbadadd0010800010 CR:0x24000028 | |||
lv2(2): # CTR: 0x000000000163c62c | |||
lv2(2): # | |||
lv2(2): # GPR 0: 0xbadadd0010800010 GPR 1: 0x00000000d00caf90 | |||
lv2(2): # GPR 2: 0x000000000191ef80 GPR 3: 0xffffffffffffffff | |||
lv2(2): # GPR 4: 0x00000000300e4af0 GPR 5: 0x0000000000000021 | |||
lv2(2): # GPR 6: 0x0000000000010000 GPR 7: 0x0000000000000000 | |||
lv2(2): # GPR 8: 0x00000000d00cad90 GPR 9: 0x0000000000000000 | |||
lv2(2): # GPR10: 0xffffffff80020001 GPR11: 0x0000000000000002 | |||
lv2(2): # GPR12: 0x0000000024000028 GPR13: 0x000000001000cf50 | |||
lv2(2): # GPR14: 0x0000000000000000 GPR15: 0x0000000000000000 | |||
lv2(2): # GPR16: 0x0000000000000000 GPR17: 0x0000000000000000 | |||
lv2(2): # GPR18: 0x0000000000000000 GPR19: 0x0000000000000000 | |||
lv2(2): # GPR20: 0x0000000000000000 GPR21: 0x0000000000000000 | |||
lv2(2): # GPR22: 0x0000000000000000 GPR23: 0x0000000000000000 | |||
lv2(2): # GPR24: 0x0000000000000000 GPR25: 0x0000000000000000 | |||
lv2(2): # GPR26: 0x0000000000000000 GPR27: 0x0000000000000000 | |||
lv2(2): # GPR28: 0x0000000000000000 GPR29: 0x0000000000000000 | |||
lv2(2): # GPR30: 0x0000000000000000 GPR31: 0x0000000000000000 | |||
</syntaxhighlight>}} | |||
<pre style="float:left; width:350px; height:300px;> | |||
lv2(2): # Register Info. | |||
lv2(2): # LR: 0xbadadd0010800010 CR:0x24000028 | |||
lv2(2): # CTR: 0x000000000163c62c | |||
lv2(2): # | |||
lv2(2): # GPR 0: 0xbadadd0010800010 GPR 1: 0x00000000d00caf90 | |||
lv2(2): # GPR 2: 0x000000000191ef80 GPR 3: 0xffffffffffffffff | |||
lv2(2): # GPR 4: 0x00000000300e4af0 GPR 5: 0x0000000000000021 | |||
lv2(2): # GPR 6: 0x0000000000010000 GPR 7: 0x0000000000000000 | |||
lv2(2): # GPR 8: 0x00000000d00cad90 GPR 9: 0x0000000000000000 | |||
lv2(2): # GPR10: 0xffffffff80020001 GPR11: 0x0000000000000002 | |||
lv2(2): # GPR12: 0x0000000024000028 GPR13: 0x000000001000cf50 | |||
lv2(2): # GPR14: 0x0000000000000000 GPR15: 0x0000000000000000 | |||
lv2(2): # GPR16: 0x0000000000000000 GPR17: 0x0000000000000000 | |||
lv2(2): # GPR18: 0x0000000000000000 GPR19: 0x0000000000000000 | |||
lv2(2): # GPR20: 0x0000000000000000 GPR21: 0x0000000000000000 | |||
lv2(2): # GPR22: 0x0000000000000000 GPR23: 0x0000000000000000 | |||
lv2(2): # GPR24: 0x0000000000000000 GPR25: 0x0000000000000000 | |||
lv2(2): # GPR26: 0x0000000000000000 GPR27: 0x0000000000000000 | |||
lv2(2): # GPR28: 0x0000000000000000 GPR29: 0x0000000000000000 | |||
lv2(2): # GPR30: 0x0000000000000000 GPR31: 0x0000000000000000 | |||
</pre> | |||
[[Category:templates]]</noinclude> | [[Category:templates]]</noinclude> |
Latest revision as of 20:05, 11 June 2023
Code Sample
Usage[edit source]
All the parameters in bold are optional, for a good look the "code sample" should start with either a <pre> or a <syntaxhighlight>
{{Boxcode|code=Code Sample}}
...or...
{{Boxcode|title=Custom Title|code=Code Sample}}
...or...
{{Boxcode|float=left|title=Custom Title|code=Code Sample}}
...or...
{{Boxcode|float=left|width=50%|title=Custom Title|code=Code Sample}}
...or...
{{Boxcode|float=right|width=50%|height=500px|title=Custom Title|code=Code Sample}}
Examples[edit source]
<code> lines <!--here--> very long lines adds a horizontal scroll bar at bottom of the template to preserve the width of the wiki pages ................................. ........................... ............................................ ....................................... ....................................................... ..................................... ....................... .............................o/sup
float=left
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
<code> lines <!--here--> very long lines adds a horizontal scroll bar
float=right
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
<code> lines <!--here--> very long lines adds a horizontal scroll bar
float=left, width=50%
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
<code> lines <!--here--> very long lines adds a horizontal scroll bar at bottom of the template to preserve the width of the wiki pages
float=right, width=50%
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
<code> lines <!--here--> very long lines adds a horizontal scroll bar at bottom of the template to preserve the width of the wiki pages
float=left (with a title longer than the code)
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
<code> lines <!--here-->
float=left, width=200px (with a title longer than the code but restricted in width)
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
<code> lines <!--here-->
float=right, width=700px
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
<code> lines <!--here--> very long lines adds a horizontal scroll bar
float=left, height=300px
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
lv2(2): # Register Info. lv2(2): # LR: 0xbadadd0010800010 CR:0x24000028 lv2(2): # CTR: 0x000000000163c62c lv2(2): # lv2(2): # GPR 0: 0xbadadd0010800010 GPR 1: 0x00000000d00caf90 lv2(2): # GPR 2: 0x000000000191ef80 GPR 3: 0xffffffffffffffff lv2(2): # GPR 4: 0x00000000300e4af0 GPR 5: 0x0000000000000021 lv2(2): # GPR 6: 0x0000000000010000 GPR 7: 0x0000000000000000 lv2(2): # GPR 8: 0x00000000d00cad90 GPR 9: 0x0000000000000000 lv2(2): # GPR10: 0xffffffff80020001 GPR11: 0x0000000000000002 lv2(2): # GPR12: 0x0000000024000028 GPR13: 0x000000001000cf50 lv2(2): # GPR14: 0x0000000000000000 GPR15: 0x0000000000000000 lv2(2): # GPR16: 0x0000000000000000 GPR17: 0x0000000000000000 lv2(2): # GPR18: 0x0000000000000000 GPR19: 0x0000000000000000 lv2(2): # GPR20: 0x0000000000000000 GPR21: 0x0000000000000000 lv2(2): # GPR22: 0x0000000000000000 GPR23: 0x0000000000000000 lv2(2): # GPR24: 0x0000000000000000 GPR25: 0x0000000000000000 lv2(2): # GPR26: 0x0000000000000000 GPR27: 0x0000000000000000 lv2(2): # GPR28: 0x0000000000000000 GPR29: 0x0000000000000000 lv2(2): # GPR30: 0x0000000000000000 GPR31: 0x0000000000000000
float=left, width=350px, height=300px
![Edit-copy purple.svg.png](/ps3/images/thumb/0/03/Edit-copy_purple.svg.png/25px-Edit-copy_purple.svg.png)
lv2(2): # Register Info. lv2(2): # LR: 0xbadadd0010800010 CR:0x24000028 lv2(2): # CTR: 0x000000000163c62c lv2(2): # lv2(2): # GPR 0: 0xbadadd0010800010 GPR 1: 0x00000000d00caf90 lv2(2): # GPR 2: 0x000000000191ef80 GPR 3: 0xffffffffffffffff lv2(2): # GPR 4: 0x00000000300e4af0 GPR 5: 0x0000000000000021 lv2(2): # GPR 6: 0x0000000000010000 GPR 7: 0x0000000000000000 lv2(2): # GPR 8: 0x00000000d00cad90 GPR 9: 0x0000000000000000 lv2(2): # GPR10: 0xffffffff80020001 GPR11: 0x0000000000000002 lv2(2): # GPR12: 0x0000000024000028 GPR13: 0x000000001000cf50 lv2(2): # GPR14: 0x0000000000000000 GPR15: 0x0000000000000000 lv2(2): # GPR16: 0x0000000000000000 GPR17: 0x0000000000000000 lv2(2): # GPR18: 0x0000000000000000 GPR19: 0x0000000000000000 lv2(2): # GPR20: 0x0000000000000000 GPR21: 0x0000000000000000 lv2(2): # GPR22: 0x0000000000000000 GPR23: 0x0000000000000000 lv2(2): # GPR24: 0x0000000000000000 GPR25: 0x0000000000000000 lv2(2): # GPR26: 0x0000000000000000 GPR27: 0x0000000000000000 lv2(2): # GPR28: 0x0000000000000000 GPR29: 0x0000000000000000 lv2(2): # GPR30: 0x0000000000000000 GPR31: 0x0000000000000000
lv2(2): # Register Info. lv2(2): # LR: 0xbadadd0010800010 CR:0x24000028 lv2(2): # CTR: 0x000000000163c62c lv2(2): # lv2(2): # GPR 0: 0xbadadd0010800010 GPR 1: 0x00000000d00caf90 lv2(2): # GPR 2: 0x000000000191ef80 GPR 3: 0xffffffffffffffff lv2(2): # GPR 4: 0x00000000300e4af0 GPR 5: 0x0000000000000021 lv2(2): # GPR 6: 0x0000000000010000 GPR 7: 0x0000000000000000 lv2(2): # GPR 8: 0x00000000d00cad90 GPR 9: 0x0000000000000000 lv2(2): # GPR10: 0xffffffff80020001 GPR11: 0x0000000000000002 lv2(2): # GPR12: 0x0000000024000028 GPR13: 0x000000001000cf50 lv2(2): # GPR14: 0x0000000000000000 GPR15: 0x0000000000000000 lv2(2): # GPR16: 0x0000000000000000 GPR17: 0x0000000000000000 lv2(2): # GPR18: 0x0000000000000000 GPR19: 0x0000000000000000 lv2(2): # GPR20: 0x0000000000000000 GPR21: 0x0000000000000000 lv2(2): # GPR22: 0x0000000000000000 GPR23: 0x0000000000000000 lv2(2): # GPR24: 0x0000000000000000 GPR25: 0x0000000000000000 lv2(2): # GPR26: 0x0000000000000000 GPR27: 0x0000000000000000 lv2(2): # GPR28: 0x0000000000000000 GPR29: 0x0000000000000000 lv2(2): # GPR30: 0x0000000000000000 GPR31: 0x0000000000000000