Template:Box: Difference between revisions

Revision as of 20:34, 20 January 2025

{{{title}}}

{{{content}}}

The box template allows you to highlight something with a coloured box.

Template parameters[Edit template data]
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
Title	`title`	Title of the box. Example Selection	String	required
Content	`content`	Content of the box. Example {{clr}}{{Template:Box/Sample}}	Content	required
Link	`link`	Wikipedia page title for editing the content. Example Template:Box/Sample	Page name	suggested
Title background color	`background-title-color`	Hexadecimal color code of the title bar background. Default #339966 Example #447FF5	String	suggested
Icon	`icon`	Name of an icon file. Example Circle-icons-chat.svg	File	optional
Title color	`title-color`	Hexadecimal color code of the title text. Default #FFFFFF Example #339966	String	optional
Style	`style`	Additional CSS style for the container.	String	optional
Link color	`link-color`	Hexadecimal color code of the 'Edit' link. Default #999999 Example #339966	String	optional
Content background color	`background-content-color`	Hexadecimal color code of the box content background. Default #F8F9FA Example #339966	String	optional
Link-text	`Link-text`	Default title: edit, can be changed Default edit	Unknown	optional
background-color	`background-color`	no description	Unknown	optional
Title background color on hover	`background-title-color-hover`	When hovering with the mouse, changes the background color of the title. Default {{{background-title-color}}}	Unknown	optional
title-color-hover	`title-color-hover`	no description	Unknown	optional
Flex	`flex`	Integration into the dynamic column/row grid. The first number indicates the proportion at which the box can expand, the second indicates the proportion at which it can shrink, the third indicates the minimum width in px/em of the box Default 0 1 auto	String	optional
Center title	`center`	If specified, it allows centering the title.	Unknown	optional

@@ Line 3: / Line 3: @@
    <div style="background: {{{background-title-color|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;; display: flex; align-items: center;">
      {{#if:{{{icon|}}}|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}|50px|left|link=|alt=]]</span>&#32;}}
-     <div style="color: {{{title-color|#000000}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>
+     <div style="color: {{{title-color|#000000}}}; font-weight: bold; line-height: 50px; {{#if:{{{center}}}|text-align: center;}}"><big>{{{title}}}</big></div>
      <!-- Link div -->
      {{#if:{{{link|}}}|<div style="float: right; font-size: 0.7em;">[[{{{link}}}|<span style="color: {{{link-color|{{{title-color|#000000}}}}}};">{{{Link-text|{{{link-text|Link}}}}}}</span>]]</div>}}