Jump to content

Template:Box: Difference between revisions

From KDE Community Wiki
Jackmio (talk | contribs)
Undo vandalism by Kpzeta (talk)
Tags: Replaced Undo
Nvrwhere (talk | contribs)
Make the same as userbase with working image
Line 1: Line 1:
<div class="alert {{#if: {{{4| }}} | {{{4}}} | alert-warning }} d-flex">
<div class="alert {{#if: {{{4| }}} | {{{4}}} | alert-warning }} d-flex">
{{#if: {{{3|}}} | <div class="mr-3">{{{3}}}</div> }}
<div>
<div>
<div class="alert-heading">{{{2}}}</div>
<div class="alert-heading">{{{2}}}</div>
Line 19: Line 20:
#* ''alert-error'' gives red
#* ''alert-error'' gives red


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



Revision as of 18:37, 23 July 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 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=[[File:Flag-Red.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.