View source for EUSwiki:Manual of Style/Article message boxes

{{historical}}
{{Nutshell|Article message boxes have a standard design and colours. They use CSS and a meta template to achieve this.}}
{{style}}

There is a standard and consistent design for '''article message boxes''' — templates which are inserted into articles/sections, and identify problems or issues with the article.  The design was standardized and implemented in September 2007.

== Scope  ==
The scope of this effort is the design of '''article message boxes''' ("amboxes").  Article message boxes are template messages, in a rectangular frame (box), which are placed in articles, and are also ''about'' articles.  They identify issues or important information about the article, but are not part of the article content itself.

The following are presently ''outside'' the scope of this effort:

* The ''wording'' (text) inside article message boxes (present focus is on appearance/formatting)
* Other kinds of ''article templates'', such as [[Template:Navbox|navigation boxes]] and [[Help:Infobox|infoboxes]]
* ''Talk page templates'', which were standardised in 2005 by [[Wikipedia:Talk page templates]]
* ''Project namespace templates'', used in the [[Wikipedia:Project namespace|''Wikipedia:'' namespace]]

=== Terminology ===

* '''Template''': A page which is [[WP:Transclusion|transcluded]] into other pages, typically to re-use the same content in multiple pages.  See [[Help:Template]].
* '''Message box''': Any template that looks like a box and contains a specific message about a specific issue with a page, section, or other thing on Wikipedia.
** This is in contrast to templates which are used for info boxes, to automate processes, or any of the other myriad things templates are used for.
* '''Article message box''': Message boxes about articles
** Info boxes, nav boxes, and such are ''part'' of an article, not ''about'' the article
* '''ambox''': Short for "article message box"

== Design ==
[[Image:NewbieTags.PNG|thumb|200px|What amboxes looked like before they were standardized…]]
[[Image:NewbieTagsAfter.png|thumb|200px|…and after.]]

The ambox tags that we use to notify people of problems within an article are on thousands of our pages.  Our readers see them and judgements are made not only about the article at hand, but about the project itself.  In the past, we had a myriad of templates that often shared some level of consistency, but still looked very mismatched.

This effort aims to address these issues.  Design principles include:

* Colour-coding is good, but avoid excess
** Coloured/shaded backgrounds can make text hard to read for some people, especially those with [[Color blindness|color-vision deficiencies]]
* Consistent widths make multiple adjacent amboxes easier to read
* This is a deliberate design effort, while the old templates evolved organically over time
* Easily implemented
* The use of CSS allows appearance customization/override on a per-user or per-skin basis

=== Categories and colours ===
Amboxes are divided into various categories.  Each category has a corresponding colour code.  The colour-coding helps to inform of the severity of the issues at a glance.

{| class="wikitable" style="margin: 0 0 0 10%; background: #fbfbfb;"
|-
! style="background: #000000;" | &nbsp;
! style="padding: 0.25em 0.5em;" | Code
! Name
! Description
! Example Templates
|- style="background: #FEE;"
| style="background: #b22222;" | &nbsp;
| style="padding: 0.25em 0.5em;" | #b22222
| '''Speedy'''
| [[WP:SPEEDY|Immediate deletion]]
| {{tl|db-meta}}
|-
| style="background: #b22222;" | &nbsp;
| style="padding: 0.25em 0.5em;" | #b22222
| '''Deletion'''
| [[WP:AFD|Full-discussion deletion]]; [[WP:PROD|proposed deletion]]
| {{tl|afd}}, {{tl|prod}}
|-
| style="background: #f28500;" | &nbsp;
| style="padding: 0.25em 0.5em;" | #f28500
| '''Content'''
| Problems with the content of an article, i.e., what the article actually says
| {{tl|POV}}, {{tl|globalize}}
|-
| style="background: #f4c430;" | &nbsp;
| style="padding: 0.25em 0.5em;" | #f4c430
| '''Style'''
| Problems not with the content, but how it is [[WP:STYLE|formatted/presented]]
| {{tl|cleanup}}, {{tl|underlinked}}
|-
| style="background: #1e90ff;" | &nbsp;
| style="padding: 0.25em 0.5em;" | #1e90ff
| '''Notice'''
| Information readers/editors should be aware of
| {{tl|current}}, {{tl|recent death}}
|-
| style="background: #9932cc;" | &nbsp;
| style="padding: 0.25em 0.5em;" | #9932cc
| '''Move'''
| [[WP:MERGE|Merge]], [[WP:SPLIT|split]] and [[Help:Transwiki|transwiki]] proposals
| {{tl|split}}, {{tl|copy to wiktionary}}
|-
| style="background: #bbbbaa;" | &nbsp;
| style="padding: 0.25em 0.5em;" | #bba
| '''Protection'''
| Page is [[WP:PROTECT|locked]] against edits
| {{tl|pp-protected}}
|}

The choice of colour is partly inspired by the [[American National Standards Institute|ANSI]] standard safety "Signal Words" and their corresponding colors: Danger (Red), Warning (Orange), Caution (Yellow), and Notice (Blue).

Most amboxes have a background colour of #fbfbfb (slightly off white), which is intended to contrast slightly with the full white (#ffffff) used for articles, while still being easy to read.  The exception is the Speedy category, which uses a pink background (#fee) to highlight the immediate nature of the problem.

== Implementation ==

Most [[Wikipedia:Template messages#Article-related namespace|article message boxes]] use this design.

The design of these article message boxes is controlled by the [[Wikipedia:Ambox CSS classes|Ambox classes]], which are styled by [[MediaWiki:Common.css]].

The meta template {{tl|ambox}} makes it easy to create article message boxes in the new design. It has usage documentation and examples. Note that {{tnull|ambox}} is just a thin wrapper for the classes.

The classes can also be used directly within a [[Help:Table|wikitable]] or [[HTML element#Tables|HTML table]], especially when special functionality is needed.  [[Wikipedia:Ambox CSS classes]] describes how.

===Alternate skins===

It is possible to customize the appearance of ambox templates on a per-user basis.  To do this, you need a [[WP:WHY|named account]].  Then add to or alter the code in [[Special:Mypage/monobook.css|your monobook.css page]].  There are several pre-made "skins" available for this at [[Wikipedia:Ambox CSS classes/Skins]].

== Examples ==

Please note:
* The ''wording'' (text) of these message boxes is outside the scope of this effort.  The wording in the examples below is for illustration purposes only.
* The following box has a white background to mimic article pages.

<div id="colorcode" style="background-color: white; width: 100%; padding-bottom: 2em; border: 1px solid #aaa;">

=== Speedy deletion===

{{db-a3|nocat=true}}

=== Deletion ===

{{Article for deletion/dated|page=Manual of Style (article message boxes)|timestamp=20110131184129|year=2011|month=January|day=31|substed=yes|category=}}

=== Content ===

{{POV|nocat=true}}


{{advert|nocat=true}}

=== Style ===

{{cleanup|nocat=true}}


{{underlinked|nocat=true}}

=== Notice ===

{{current|nocat=true}}

=== Move ===

{{merge|Example|nocat=true}}

=== Stacking demo ===

{{POV|nocat=true}}
{{underlinked|nocat=true}}
{{current|nocat=true}}

</div> <!-- end of fake white background -->

== See also ==
* [[Wikipedia:Template messages]] – For a complete list of amboxes
* [[Wikipedia talk:Article message boxes]] – For discussion about these matters.
* [[Template:Ambox]] – The meta template that makes it easy to create article message box templates in this new style. It has usage documentation and examples.
* [[Wikipedia:Ambox CSS classes]] – Describes how to use the ambox classes directly in [[Help:Table|wikitable]]s and [[HTML element#Tables|HTML tables]].
* [[Wikipedia:Ambox CSS classes/Skins]] – Several article message box skins for your Wikipedia account.
* [[Wikipedia:Talk page templates]] – For [[User:ClockworkSoul/Templates|ClockworkSoul's Coffee Roll]] standard used in talk page templates.
* [[Wikipedia:Template standardisation]] – For standardisation efforts across the template namespace.
* [[Wikipedia:Ambox CSS classes/Admins]] – For CSS to be placed in [[MediaWiki:Monobook.css]] or [[MediaWiki:Monaco.css]] on a [http://www.wikia.com Wikia] site.
* [[Wikipedia:Huge message boxes]]


[[Category:Wikipedia template management]]
[[Category:Wikipedia Manual of Style (Wikipedia content)]]