Template:Divbox/doc
This is a documentation subpage for Template:Divbox. It contains usage information, categories and other content that is not part of the original template page. |
This template is used on approximately 140,000 pages. To avoid large-scale disruption and unnecessary server load, any changes to it should first be tested in the template's /sandbox or /testcases subpages, or in your own user subpage. The tested changes can then be added to this page in a single edit. Please consider discussing changes on the talk page before implementing them. |
This template uses TemplateStyles: |
This template can be used to create simple, flexible coloured text background.
Please note that this is intended to be a decorative template and not for use on the general encyclopedia. It will not display on articles.
Purpose
Wikipedia abounds in boxed templates, such as:
Boxes may not always be appropriate; they can be obtrusive. But when boxes are used, they are generally formatted ad hoc. This leads to inconsistencies.
{{Divbox}} provides a straightforward method of presenting any text within a box. Colors are selected using a private style keyword, which sets both box border and background, already chosen to work together, in a visual sense.
The keyword none
puts your content inside an invisible box. This is available to offer the identical box model for your content, without a visible box.
This template may be used within another template; or as part of another page.
Usage
Template general syntax is as follows:
{{divbox|1=style|2=title|3=content|radius=}}
Parameters
- 1 (Style)
- Mandatory. Use any of the following (or any others in styles.css)
<templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" /> <templatestyles src="Divbox/styles.css" />
- You can forgo "1=", as long as this is the first unnamed parameter in the list.
- 2 (Title)
- Optional. Plain text; appears strong and centered at top. You can forgo "2=", as long as this is the second unnamed parameter in the list.
- 3 (Content)
- Mandatory. Any text, including markup, that is to form the body of the message. You can forgo "3=", as long as this is the third unnamed parameter in the list, and the content does not contain an equals sign (=).
- radius
- Radius of the rounded edges, along with a valid unit, such as px, pt or em. The parameter works on styles that innately have both sharp or round edges, overriding their default edge roundness. You can forgo this entire parameter and its value; but if used, you cannot omit "radius=", which is case sensitive. However, like any named parameter, it may appear in any position (i.e. it does not need to be the last parameter).
Examples
What you see | What you type |
---|---|
gray: <templatestyles src="Divbox/styles.css" /> | {{divbox|gray|Lorem ipsum|Lorem ipsum dolor...}}
|
red: <templatestyles src="Divbox/styles.css" /> | {{divbox|radius=5px|red|Lorem ipsum|Lorem ipsum dolor...}}
|
navy: <templatestyles src="Divbox/styles.css" /> | {{divbox|radius=10px|navy|Lorem ipsum|Lorem ipsum dolor...}}
|
amber: <templatestyles src="Divbox/styles.css" /> | {{divbox|radius=15px|amber|Lorem ipsum|Lorem ipsum dolor...}}
|
Without a border or background: <templatestyles src="Divbox/styles.css" /> | {{divbox|none|Lorem ipsum|Lorem ipsum dolor...}}
|
Without title <templatestyles src="Divbox/styles.css" /> | {{divbox|navy||Lorem ipsum dolor...}}
|
Content contains '=': <templatestyles src="Divbox/styles.css" /> | {{divbox|lavender|Lorem ipsum|3=Lorem <span style="color:#F00;">ipsum</span> dolor...}}
|
Using subst: with this template
The subst:
atom may be used with {{divbox}}. This may be highly desirable. Note that subst:
does not take effect in preview, but only after saving a page. The template's inclusion is replaced by the code of the template itself, which will continue to write the box as before, but without an additional server call.
Since {{divbox}} itself calls a template based on your choice of style keyword, you will find that even after saving an instance of use with subst:
there remains a "live" call to the underlying style template. This means that viewing the page risks a server call to the style template, but also means that changes to the style template automatically propagate to all pages where it is used. This way, all {{divbox}}-type boxes, wherever they are in the project, keep the same consistent look.
Just paste in your content and, when you're finished, be sure to close the template call with }}
.
Since the contents are given in the form of two parameter values, for the content you may place within {{divbox}}, the restrictions on parameter values apply. For example, if you put content that includes template calls, {{divbox}} cannot tell where its last parameter ends.
If the contents do not satisfy the restrictions, insert this code in your page first:
{{subst:divbox|keyword|title|DUMMYCONTENT}}
That is, choose your style and title as usual (or omit the title with two pipes), but instead of actual content, write "DUMMYCONTENT". Then, save the page and reopen it for editing. You'll see the box code in all its gory detail, and the placeholder DUMMYCONTENT, followed by the HTML division closing tag. Now, you may simply replace DUMMYCONTENT with your content, save, and move on. Since almost anything may be placed within division tags, this should not break no matter what you do.
See also
There are seven metatemplates in the Module:Message box family:
- {{Ambox}}, for messageboxes on article pages.
- {{Cmbox}}, for messageboxes on category pages.
- {{Imbox}}, for messageboxes on file (image) pages.
- {{Tmbox}}, for messageboxes on talk pages.
- {{Fmbox}}, for header and footer messageboxes.
- {{Ombox}}, for messageboxes on other types of page.
- {{Mbox}}, for messageboxes that are used in different namespaces and change their presentation accordingly.
Closely related metatemplates:
- {{Asbox}}, for messageboxes in article stubs.
- {{Dmbox}}, for messageboxes on disambiguation or set-index pages.
- {{Ivmbox}}, a simple full-width box with default ivory background intended to frame important messages or notices.