Template:Boxcode: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
mNo edit summary
(Dark skin support)
 
(61 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="width:100%; background:#e5e5ff; border:2px ridge #505080; padding:5px;"><span style="background:#f7f7ff; display:inline-block; line-height:1.6em; border:1px solid #c0c0f0; font-family:Arial; font-weight:bold; font-style:italic; color:#505080; vertical-align:-1px;">&nbsp;{{{title|Code Sample}}}&nbsp;</span>&nbsp;[[image:Edit-copy_purple.svg.png|link=|20x20px]]<div style="margin-top:5px; border:1px solid #c0c0f0; overflow:auto;"><div style="margin-top:-14px; margin-bottom:-14px;">{{{content|content}}}</div></div></div>{{clear}}<noinclude>
<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);">
  {{#if:{{{title|}}} |
  <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|content=Code Sample}}</nowiki>
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>
 
<nowiki>{{</nowiki>Boxcode|'''code='''Code Sample<nowiki>}}</nowiki>
<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>
<br>...or...<br>
<nowiki>{{Boxcode|title=Custom Title|content=Code Sample}}</nowiki>
<nowiki>{{</nowiki>Boxcode|'''float='''left|'''width='''50%|'''title='''Custom Title|'''code='''Code Sample<nowiki>}}</nowiki>
<br>...or...<br>
<br>...or...<br>
<strike><nowiki>{{Boxcode|content=Code Sample|title=Custom Title}}</nowiki></strike>. In this order works too, but is not convenient, better avoid it
<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}}


==Example==
{{Boxcode|float=left|title=float=left|code=<syntaxhighlight lang="xml">
{{Boxcode|title=Custom Title|content=<syntaxhighlight lang="xml">
<code>
<code>
lines
lines
<!--here-->
<!--here-->
very long lines adds a horizontal scroll bar at bottom of the template to preserve the width of the wiki pages ...............................................................................................................................................................................................................................................................................................o/sup
very long lines adds a horizontal scroll bar
</syntaxhighlight>}}
</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
<!--here-->
</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 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
Edit-copy purple.svg.png 
<code>
lines
<!--here-->
very long lines adds a horizontal scroll bar
float=right
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 
<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 
<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 
<code>
lines
<!--here-->
float=left, width=200px (with a title longer than the code but restricted in width)
Edit-copy purple.svg.png 
<code>
lines
<!--here-->
float=right, width=700px
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 
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 
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
Retrieved from "http://www.psdevwiki.com/ps3/index.php?title=Template:Boxcode&oldid=72168"