Template:Box: Difference between revisions

From KDE UserBase Wiki
No edit summary
No edit summary
Line 1: Line 1:
<div class="alert {{{4}}}">
<div class="alert {{#if: {{{4| }}} | {{{4}}} | alert-warning }} d-flex">
<div style="float:left; valign:top">{{{3}}}</div>
{{#if: {{{3|}}} | <div class="mr-3">{{{3}}}</div> }}
<div style="width:10px; float:left">&nbsp;</div>
<div>
<table><tr><th>{{{2}}}</th></tr><tr><td>{{{1}}}</td></tr></table>
<div class="alert-heading">{{{2}}}</div>
<div class="clearfix"></div>
<div>{{{1}}}</div>
</div>
</div>
</div>
<noinclude>
<noinclude>
Line 12: Line 13:
# The text of the main body of the box
# The text of the main body of the box
# The title of the box
# The title of the box
# An image file to be displayed in the top left of the box - the image size should be 40 x 40
# An image file to be displayed in the top left of the box - the image size should be 40 x 40 (optional)
# The background color (optional): possible values
# The background color (optional): possible values
#* default is yellow
#* default 'alert-warning' is yellow
#* ''alert-info'' gives blue - use with care; it doesn't work well with links
#* ''alert-info'' gives blue - use with care; it doesn't work well with links
#* ''alert-success'' gives green
#* ''alert-success'' gives green
#* ''alert-error'' gives red
#* ''alert-error'' gives red


Example: {{Input|1=<nowiki>{{Box1|2=Example|3=[[Image:Dialog-information.png|left|40px|link=]]|1=This is an example box}}</nowiki>}}
Example: {{Input|1=<nowiki>{{Box|2=Example|3=[[Image:Dialog-information.png|left|40px|link=]]|1=This is an example box}}</nowiki>}}
{{Box1|2=Example|3=[[Image:Dialog-information.png|left|40px|link=]]|1=This is an example box}}
{{Box|2=Example|3=[[Image:Dialog-information.png|40px|link=]]|1=This is an example box}}


Please avoid using this template directly in pages. If you need something that doesn't already exist, consider making a new template based on this template. That way it will be much easier to maintain TechBase, and the risk of introducing unintended effects on your page is reduced considerably.
Please avoid using this template directly in pages. If you need something that doesn't already exist, consider making a new template based on this template. That way it will be much easier to maintain TechBase, and the risk of introducing unintended effects on your page is reduced considerably.

Revision as of 20:45, 12 July 2019

{{{2}}}
{{{1}}}

Use this template for content that needs to be specially emphasized. Syntax:

{{Box1|2=Title|3=Image|4=color|1=text}}

The template takes four arguments:

  1. The text of the main body of the box
  2. The title of the box
  3. An image file to be displayed in the top left of the box - the image size should be 40 x 40 (optional)
  4. The background color (optional): possible values
    • default 'alert-warning' is yellow
    • alert-info gives blue - use with care; it doesn't work well with links
    • alert-success gives green
    • alert-error gives red

Example:

{{Box|2=Example|3=[[Image:Dialog-information.png|left|40px|link=]]|1=This is an example box}}
Example
This is an example box


Please avoid using this template directly in pages. If you need something that doesn't already exist, consider making a new template based on this template. That way it will be much easier to maintain TechBase, and the risk of introducing unintended effects on your page is reduced considerably.

Existing templates based on this template: Template:Info, Template:Note, Template:Tip, Template:Warning, Template:Remember.