Template:Boxcode: Difference between revisions

From PS3 Developer wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 1: Line 1:
<div style="width:{{{width|100%}}}; float:{{{float|none}}};"><div style="background:#e5e5ff; border:3px double #8080b0; margin:5px; padding:5px; box-shadow: 4px 4px 2px 1px #e0e0e0;"><div class="nowrap"><span style="float:left; background:#ffffff; display:inline-block; line-height:25px; border:1px solid #8080b0; font-family:Arial; font-weight:bold; font-style:italic; color:#606090; padding-left:5px; padding-right:5px;">{{{title|Code Sample}}}</span>[[image:Edit-copy_purple.svg.png|right|link=|x25px]]</div>{{clear}}<div style="border:1px dashed #8080b0; height:{{{height|auto}}}; overflow:auto;"><div style="margin-top:-14px; margin-bottom:-14px;">{{{content|content}}}</div></div></div></div><noinclude>
<div style="width:{{{width|100%}}}; float:{{{float|none}}};">
<div style="background:#e5e5ff; border:3px double #8080b0; margin:5px; padding:5px; box-shadow: 4px 4px 2px 1px #e0e0e0;">
  <div class="nowrap">
  <span style="float:left; background:#ffffff; display:inline-block; line-height:25px; border:1px solid #8080b0; font-family:Arial; font-weight:bold; font-style:italic; color:#606090; padding-left:5px; padding-right:5px;">{{{title|Code Sample}}}</span>[[image:Edit-copy_purple.svg.png|right|link=|x25px]]
  </div>
  {{clear}}
  <div style="border:1px dashed #8080b0; height:{{{height|auto}}}; overflow:auto;">
  <div style="margin-top:-14px; margin-bottom:-14px;">{{{content|content}}}</div>
  </div>
</div>
</div><noinclude>


<br><br>{{clear}}
<br><br>{{clear}}
Line 10: Line 20:
<br>...or...<br>
<br>...or...<br>
<nowiki>{{Boxcode|width=50%|float=right|title=Custom Title|content=Code Sample}}</nowiki>
<nowiki>{{Boxcode|width=50%|float=right|title=Custom Title|content=Code Sample}}</nowiki>
<br>...or...<br>
<nowiki>{{Boxcode|width=500px|height=500px|float=center|title=Custom Title|content=Code Sample}}</nowiki>


== Examples ==
== Examples ==
Line 32: Line 44:
</syntaxhighlight>}}
</syntaxhighlight>}}


{{Boxcode|width=600px|float=left|title=width=600px float=left|content=<syntaxhighlight lang="xml">
{{Boxcode|width=700px|float=left|title=width=700px float=left|content=<syntaxhighlight lang="xml">
<code>
<code>
lines
lines

Revision as of 05:11, 28 August 2021

Code Sample
Edit-copy purple.svg.png
content



Usage

{{Boxcode|content=Code Sample}}
...or...
{{Boxcode|title=Custom Title|content=Code Sample}}
...or...
{{Boxcode|width=50%|title=Custom Title|content=Code Sample}}
...or...
{{Boxcode|width=50%|float=right|title=Custom Title|content=Code Sample}}
...or...
{{Boxcode|width=500px|height=500px|float=center|title=Custom Title|content=Code Sample}}

Examples

Custom Title
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 ...............................................................................................................................................................................................................................................................................................o/sup
width=50% float=left
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
width=50% float=right
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
width=700px float=left
Edit-copy purple.svg.png
<code>
lines
<!--here-->
very long lines adds a horizontal scroll bar
width=auto float=right
Edit-copy purple.svg.png
<code>
lines
<!--here-->
very long lines adds a horizontal scroll bar
width=auto float=right
Edit-copy purple.svg.png
<code>
lines
<!--here-->
very long lines adds a horizontal scroll bar
width=200px height=200px float=left
Edit-copy purple.svg.png
<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
###############################################