Template:Boxcode: Difference between revisions
Jump to navigation
Jump to search
m (Added <pre> fallback using the same trick than {{keyboard}}) |
(Dark skin support) |
||
(18 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<div style="width:{{{width|auto}}}; float:{{{float|none}}};"> | <div style="width:{{{width|auto}}}; float:{{{float|none}}};"> | ||
<div style="margin:5px; padding: | <div style="margin:5px; padding:3px; background:#e5e5ff; border:3px double #8080b0; box-shadow: 4px 4px 2px 1px rgba(0,0,0,.2);"> | ||
{{#if:{{{title|}}} | | {{#if:{{{title|}}} | | ||
<div class="nowrap" style="margin-bottom: | <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; | <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> | | ||
}} | }} | ||
<div style="height:{{{height|auto}}}; border:1px dashed #8080b0;">{{#tag:pre|{{{code|Code Sample}}}|style="padding:0px; border:none;"}}</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> | ||
</div><noinclude> | </div><noinclude> | ||
Line 64: | Line 64: | ||
{{clear}} | {{clear}} | ||
{{Boxcode|float=left | {{Boxcode|float=left|title=float=left (with a title longer than the code)|code=<syntaxhighlight lang="xml"> | ||
<code> | <code> | ||
lines | lines | ||
<!--here--> | <!--here--> | ||
</syntaxhighlight>}} | </syntaxhighlight>}} | ||
{{Boxcode|float= | |||
{{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> | <code> | ||
lines | lines | ||
<!--here--> | <!--here--> | ||
</syntaxhighlight>}} | |||
< | |||
{{Boxcode|float=right|width=700px|title=float=right, width=700px|code=<syntaxhighlight lang="xml"> | |||
< | |||
<code> | <code> | ||
lines | lines | ||
Line 87: | Line 85: | ||
{{clear}} | {{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>}} | </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>}} | </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 19: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
<code> lines <!--here--> very long lines adds a horizontal scroll bar
float=right
<code> lines <!--here--> very long lines adds a horizontal scroll bar
float=left, width=50%
<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%
<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)
<code> lines <!--here-->
float=left, width=200px (with a title longer than the code but restricted in width)
<code> lines <!--here-->
float=right, width=700px
<code> lines <!--here--> very long lines adds a horizontal scroll bar
float=left, 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
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
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