Template:Boxcode: Difference between revisions
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="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 style="background:#e5e5ff; border:3px double #8080b0; margin:5px; padding:5px; box-shadow: 4px 4px 2px 1px #e0e0e0; overflow:auto;"> | ||
<div class="nowrap" style="display:inline-block; margin-bottom:5px;"> | <div class="nowrap" style="display:inline-block; margin-bottom:5px;"> | ||
<div style="float:left; background:#ffffff; 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}}}</div><span style="text-align:right; margin-left:5px;">[[image:Edit-copy_purple.svg.png|link=|x25px]]</span> | <div style="float:left; background:#ffffff; 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}}}</div><span style="text-align:right; margin-left:5px;">[[image:Edit-copy_purple.svg.png|link=|x25px]]</span> | ||
| Line 62: | Line 62: | ||
very long lines adds a horizontal scroll bar | very long lines adds a horizontal scroll bar | ||
</syntaxhighlight>}} | </syntaxhighlight>}} | ||
{{Boxcode|width= | {{Boxcode|width=350px|height=200px|float=left|title=width=350px height=200px float=left|content=<syntaxhighlight lang="xml"> | ||
<code> | <code> | ||
lines | lines | ||
| Line 76: | Line 76: | ||
very long lines adds a horizontal scroll bar | very long lines adds a horizontal scroll bar | ||
############################################### | ############################################### | ||
</syntaxhighlight>}} | |||
{{Boxcode|width=150px|height=auto|float=left|title=width=150px height=auto float=left|content=<syntaxhighlight lang="xml"> | |||
<code> | |||
lines | |||
<!--here--> | |||
</syntaxhighlight>}} | </syntaxhighlight>}} | ||
[[Category:templates]]</noinclude> | [[Category:templates]]</noinclude> | ||
Revision as of 07:13, 28 August 2021
Code Sample
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
<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
<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
<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
<code>
lines
<!--here-->
very long lines adds a horizontal scroll bar
width=auto float=right
<code>
lines
<!--here-->
very long lines adds a horizontal scroll bar
width=auto float=right
<code>
lines
<!--here-->
very long lines adds a horizontal scroll bar
width=350px height=200px float=left
<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
###############################################
width=150px height=auto float=left
<code>
lines
<!--here-->