Template:Box: Difference between revisions

From KDE Community Wiki
(Make the same as userbase with working image)
(Fix Box)
 
Line 1: Line 1:
<div class="alert {{#if: {{{4| }}} | {{{4}}} | alert-warning }} d-flex">
<div class="alert {{#if: {{{4| }}} | mw-message-box-{{{4}}} | mw-message-box }} mw-message-box">
{{#if: {{{3|}}} | <div class="mr-3">{{{3}}}</div> }}
{{#if: {{{3|}}} | {{{3}}} }}
<div>
<div>
<div class="alert-heading">{{{2}}}</div>
<strong>{{{2}}}</strong>
<div>{{{1}}}</div>
<div>{{{1}}}</div>
</div>
</div>
Line 14: Line 14:
# 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 (optional)
# 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 color:
#* default 'alert-warning' is yellow
#* the default gives gray
#* ''alert-info'' gives blue - use with care; it doesn't work well with links
#* 'warning' gives yellow
#* ''alert-success'' gives green
#* 'error' gives red
#* ''alert-error'' gives red


Example: {{Input|1=<nowiki>{{Box|2=Example|3=[[File:Flag-Red.png|left|40px|link=]]|1=This is an example box}}</nowiki>}}
Example:
{{Box|2=Example|3=[[Image:Dialog-information.png|40px|link=]]|1=This is an example box}}
<tt><nowiki>{{Box|1=This is an example box|2=Example|3=[[Image:Note-box-icon.png|left|40px|link=]]|4=warning}}</nowiki></tt>
{{Box|1=This is an example box|2=Example|3=[[Image:Note-box-icon.png|left|40px|link=]]|4=warning}}


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.

Latest revision as of 14:57, 26 August 2023

{{{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 color:
    • the default gives gray
    • 'warning' gives yellow
    • 'error' gives red

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

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.