Template:Boxcode: Difference between revisions
Jump to navigation
Jump to search
m (Cleanup) |
mNo edit summary |
||
| Line 2: | Line 2: | ||
<div style="margin:5px; padding:5px; background:#e5e5ff; border:3px double #8080b0; box-shadow: 4px 4px 2px 1px #e0e0e0; overflow:auto;"> | <div style="margin:5px; padding:5px; background:#e5e5ff; border:3px double #8080b0; box-shadow: 4px 4px 2px 1px #e0e0e0; overflow:auto;"> | ||
<div class="nowrap" style="margin-bottom:5px; display:inline-block;"> | <div class="nowrap" style="margin-bottom:5px; display:inline-block;"> | ||
<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| | <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> | </div> | ||
<div style="height:{{{height|auto}}}; border:1px dashed #8080b0; overflow:auto;"> | <div style="height:{{{height|auto}}}; border:1px dashed #8080b0; overflow:auto;"> | ||
<div style="margin-top:-14px; margin-bottom:-14px;">{{{code| | <div style="margin-top:-14px; margin-bottom:-14px;">{{{code|Code Sample}}}</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 24: | Line 24: | ||
== Examples == | == Examples == | ||
{{Boxcode | {{Boxcode|code=<syntaxhighlight lang="xml"> | ||
<code> | <code> | ||
lines | lines | ||
Revision as of 12:39, 9 September 2021
Custom Title
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
Custom Title
<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, width=700px
<code>
lines
<!--here-->
very long lines adds a horizontal scroll bar
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
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-->