Template:Boxcode: Difference between revisions
Jump to navigation
Jump to search
m (Top and bottom margins inside <pre> tags removed globally since 2021/09/15) |
mNo edit summary |
||
(7 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:5px; background:#e5e5ff; border:3px double #8080b0; box-shadow: 4px 4px 2px 1px #e0e0e0 | <div style="margin:5px; padding:5px; background:#e5e5ff; border:3px double #8080b0; box-shadow: 4px 4px 2px 1px #e0e0e0;"> | ||
{{#if:{{{title|}}} | <div class="nowrap" style=" | {{#if:{{{title|}}} | | ||
<div class="nowrap" style="width:100%; display:inline-block; overflow:auto;"> | |||
<div style="float:left; padding-left:5px; padding-right:5px; line-height:25px; background:#ffffff; border:1px solid #8080b0; font-weight:bold; font-style:italic; color:#606090;">{{{title|Custom Title}}}</div><span style="text-align:right; margin-left:5px;">[[image:Edit-copy_purple.svg.png|link=|x25px]]</span> | |||
</div> | | |||
}} | |||
{{#tag:pre|{{{code|Code Sample}}}|style="width:100%; height:{{{height|auto}}}; padding:0px; border:1px dashed #8080b0; overflow-y:scroll;"}} | |||
</div> | </div> | ||
</div><noinclude> | </div><noinclude> | ||
Line 62: | 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=150px|title=float=left, width=150px (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 | ||
<!--here--> | <!--here--> | ||
very long lines adds a horizontal scroll bar | 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=right|width=350px|height=200px|title=float=right, width=350px, height=200px|code=<syntaxhighlight lang="xml"> | |||
<code> | <code> | ||
lines | lines | ||
<!--here--> | <!--here--> | ||
very long lines adds a horizontal scroll bar | very long lines adds a horizontal scroll bar | ||
<code> | <code> | ||
lines | lines | ||
<!--here--> | <!--here--> | ||
very long lines adds a horizontal scroll bar | |||
<code> | <code> | ||
lines | lines | ||
<!--here--> | <!--here--> | ||
very long lines adds a horizontal scroll bar | |||
</syntaxhighlight>}} | </syntaxhighlight>}} | ||
[[Category:templates]]</noinclude> | [[Category:templates]]</noinclude> |
Revision as of 09:26, 23 September 2021
Code Sample
Usage
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
<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=150px (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=right, width=350px, height=200px
<code> lines <!--here--> very long lines adds a horizontal scroll bar <code> lines <!--here--> very long lines adds a horizontal scroll bar <code> lines <!--here--> very long lines adds a horizontal scroll bar