Template:Boxcode: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
m (Width reservation for the vertical scrollbar only IF the height parameter is passed to the template... else both scrollbars shows/hides automatically)
(Dark skin support)
 
(3 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: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="width:100%; display:inline-block; overflow:auto;">
   <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; 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 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; {{#if:{{{height|}}}|overflow:scroll;|overflow:auto;}}">{{#tag:pre|{{{code|Code Sample}}}|style="min-width:100%; margin-bottom:-5px; display:inline-block; 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>

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"