Template:Fmbox/doc: Difference between revisions
meta>Edokter Undo; this template never appears on VE-enabled pages. |
meta>Edokter Revert to revision 585315874 dated 2013-12-09 18:53:39 by Wbm1058 using popups |
||
Line 1: | Line 1: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
{{ | {{used in system| in many system messages }} | ||
{{ | {{lua|Module:Message box}} | ||
<!-- PLEASE ADD CATEGORIES | <!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE --> | ||
This is the {{tl| | {{mbox templates}} | ||
This is the {{tl|fmbox}} or '''footer & header message box''' template. | |||
It can be used to build message boxes for system messages such as [[MediaWiki:Sp-contributions-footer-anon]]. It can also be used for footer and header boxes on user pages and for [[Wikipedia:Editnotice|editnotices]]. | It can be used to build message boxes for system messages such as [[MediaWiki:Sp-contributions-footer-anon]]. It can also be used for footer and header boxes on user pages and for [[Wikipedia:Editnotice|editnotices]]. | ||
This template works similarly to {{tl| | This template works similarly to {{tl|ambox}} and mostly uses the same parameters. The main differences are that this box is 100% wide and has different colour styles. | ||
===Usage=== | === Usage === | ||
Simple usage example: | |||
<pre> | <pre> | ||
{{ | {{fmbox | text = Some text.}} | ||
</pre> | </pre> | ||
{{ | |||
{{fmbox | text = Some text.}} | |||
Complex example: | |||
<pre> | <pre> | ||
{{ | {{fmbox | ||
| type = editnotice | |||
| image = [[Image:Emblem-question-yellow.svg|40px]] | |||
| style = border: 1px solid #f4c430; | |||
| textstyle = color: red; font-weight: bold; font-style: italic; | |||
| text = The message body text. | |||
}} | }} | ||
</pre> | </pre> | ||
{{ | |||
{{fmbox | |||
| type = editnotice | |||
| image = [[Image:Emblem-question-yellow.svg|40px]] | |||
| style = border: 1px solid #f4c430; | |||
| textstyle = color: red; font-weight: bold; font-style: italic; | |||
| text = The message body text. | |||
}} | }} | ||
===Footer and header message box types=== | === Footer and header message box types === | ||
The following examples use different '''type''' parameters but use no image parameters thus they use the default images for each type. | |||
{{fmbox | |||
| type = warning | |||
| text = type=<u>warning</u> – System warning notices such as [[MediaWiki:Revision-info]] and [[MediaWiki:Protectedpagewarning]]. | |||
}} | |||
{{ | {{fmbox | ||
{{ | | type = editnotice | ||
{{ | | text = type=<u>editnotice</u> – Transparent background for [[Wikipedia:Editnotice|editnotices]]. | ||
}} | |||
{{fmbox | |||
| type = system | |||
| text = type=<u>system</u> – Light grey system message background (default). | |||
}} | |||
=== Other images === | |||
The default images shown above are mostly for testing and demonstration. In most cases it is more appropriate to use a more specific image or no image at all. These examples use the '''image''' parameter to specify an image other than the default image. | |||
{{fmbox | |||
| image = [[Image:User-info.svg|40px]] | |||
| text = image = <nowiki>[[Image:User-info.svg|40px]]</nowiki> <br> This image is used for [[MediaWiki:Sp-contributions-footer]]. | |||
}} | |||
{{fmbox | |||
| image = [[Image:Commons-logo.svg|40x40px]] | |||
| text = image = <nowiki>[[Image:Commons-logo.svg|40x40px]]</nowiki> <br> Note the use of "40x40px" to also limit the height of the image. This image is used for [[MediaWiki:Sharedupload-desc-here]]. | |||
}} | |||
=== | === Special === | ||
Some other parameter combinations. | |||
{{ | {{fmbox | ||
| text = Default image given (no '''image=''' specified) | |||
}} | |||
{{fmbox | |||
| image = none | |||
| text = '''image=none''' – No image is used and the '''text''' uses the whole message box area. | |||
}} | |||
{{fmbox | |||
| image = [[Image:User-info.svg|40px]] | |||
| imageright = [[Image:Nuvola apps bookcase.svg|40px]] | |||
| text = image = <nowiki>[[Image:User-info.svg|40px]]</nowiki> <br> imageright = <nowiki>[[Image:Nuvola apps bookcase.svg|40px]]</nowiki> | |||
}} | |||
=== | === Parameters === | ||
List of all parameters: | |||
<pre> | |||
{{ | {{fmbox | ||
| | | type = system / editnotice / warning | ||
| image = none / [[Image:Some image.svg|40px]] | |||
| imageright = [[Image:Some image.svg|40px]] | |||
| id = CSS id | |||
| image | | class = CSS class names | ||
| imageright | | style = CSS values | ||
| id | | textstyle = CSS values | ||
| class | | text = The message body text. | ||
| style | |||
| textstyle | |||
}} | }} | ||
</pre> | |||
===Technical details=== | '''type''' | ||
:If no '''type''' parameter is given the template defaults to type '''system'''. That means it gets a light grey background. | |||
'''image''' | |||
:'''No parameter''' = If no '''image''' parameter is given the template uses a default image. Which default image it uses depends on the '''type''' parameter. | |||
:'''An image''' = Should be an image with usual wiki notation. 40px - 50px width are usually about right depending on the image height to width ratio. (But the message box can handle images of any size.) For example: | |||
::<code><nowiki>image = [[Image:User-info.svg|40px]]</nowiki></code> | |||
:'''none''' = Means that no image is used. | |||
'''imageright''' | |||
:'''No parameter''' = If no '''imageright''' parameter is given then no image is shown on the right side. | |||
:'''An image''' = Should be an image with usual wiki notation. 40px - 50px width are usually about right depending on the image height to width ratio. (But the message box can handle images of any size.) For example: | |||
::<code><nowiki>imageright = [[Image:Nuvola apps bookcase.png|40px]]</nowiki></code> | |||
:'''Anything''' = Any other object that you want to show on the right side. | |||
'''id''' | |||
:Optional [[Cascading Style Sheets|CSS]] id used by the entire message box table. Without quotation marks <code>" "</code>. Mostly meant to be used to tag a message box with its name, to make it easy to detect the presence of the message from javascript. For instance [[MediaWiki:Sp-contributions-footer]] would use: | |||
::<code>id = sp-contributions-footer</code> | |||
'''class''' | |||
:Optional [[Cascading Style Sheets|CSS]] class names used by the entire message box table. Without quotation marks <code>" "</code>. Mostly meant to be used to tag a message box with its name so it can be individually skinned. For instance [[MediaWiki:Sp-contributions-footer]] would use: | |||
::<code>class = sp-contributions-footer</code> | |||
'''style''' | |||
:Optional [[Cascading Style Sheets|CSS]] values used by the entire message box table. Without quotation marks <code>" "</code> but with the ending semicolons <code>;</code>. For example: | |||
::<code>style = margin-top: 1em;</code> | |||
'''textstyle''' | |||
:Optional [[Cascading Style Sheets|CSS]] values used by the text cell. For example: | |||
::<code>textstyle = font-size: 90%; text-align: center;</code> | |||
'''text''' | |||
:The message body text. | |||
=== Technical details === | |||
This template currently uses hard coded styles and class names. Later it will only use CSS classes making it easier to skin. (In the meantime it can be skinned by using the "<code>!important</code>" keyword.) | This template currently uses hard coded styles and class names. Later it will only use CSS classes making it easier to skin. (In the meantime it can be skinned by using the "<code>!important</code>" keyword.) | ||
If you need to make a box that is less than 100% wide, then do ''not'' use this box | If you need to make a box that is less than 100% wide, then do ''not'' use this box, instead use the {{tl|ombox}}. Since this box doesn't have the "1px empty image cell" code that makes it so the other mboxes get proper box flow in all browsers when less than 100% wide. | ||
If you need to use special characters in the text parameter then you need to escape them like this: | |||
<pre> | <pre> | ||
{{ | {{fmbox | ||
| text = <div> | | text = <div> | ||
Equal sign = and a start and end brace { } work fine as they are. | Equal sign = and a start and end brace { } work fine as they are. | ||
But here is a pipe {{!}} and two end braces <nowiki>}}</nowiki | But here is a pipe {{!}} and two end braces <nowiki>}}</nowiki>. | ||
And now a pipe and end braces <nowiki>|}}</nowiki | And now a pipe and end braces <nowiki>|}}</nowiki>. | ||
</div> | </div> | ||
}} | }} | ||
</pre> | </pre> | ||
{{ | {{fmbox | ||
| text = <div> | | text = <div> | ||
Equal sign = and a start and end brace { } work fine as they are. | Equal sign = and a start and end brace { } work fine as they are. | ||
But here is a pipe {{!}} and two end braces <nowiki>}}</nowiki>. | But here is a pipe {{!}} and two end braces <nowiki>}}</nowiki>. | ||
Line 100: | Line 168: | ||
}} | }} | ||
Internally this meta-template uses HTML wikimarkup instead of wikimarkup for the table code. That is the usual way we make meta-templates since wikimarkup has several drawbacks. For instance it makes it harder to use [[m:Help:ParserFunctions|parser functions]] and some special characters in parameters. | |||
The default images for this meta-template are in png format instead of svg format. The main reason is that some older web browsers have trouble with the transparent background that MediaWiki renders for svg images. The png images here have hand optimised transparent background colour so they look good in all browsers. Note that svg icons only look somewhat bad in the old browsers, thus such hand optimisation is only worth the trouble for very widely used icons. | |||
''' | '''Note to admins:''' MediaWiki does not parse and convert HTML wikimarkup in system messages the same way as it does for normal pages. This means for instance that <code><br></code> is not automatically converted to <code><br /></code> and missing <code></td></code> and <code></tr></code> tags are not automatically added. Thus see to that any HTML code you use in system messages are valid XHTML. That is, close all tags that you begin. However, regular wikimarkup works fine in most system messages. | ||
For more details | For more technical details see the [[Template talk:Fmbox|talk page]]. Since this template works almost exactly like {{tl|ambox}}, {{tl|tmbox}}, {{tl|imbox}}, {{tl|cmbox}} and {{tl|ombox}} their talk pages and related pages might also contain more details. | ||
===See also=== | === See also === | ||
* {{tl| | * {{tl|fmbox warning ruler}} – A horizontal ruler in the same colour as the red border for the warning type. Used inside some system warning notices. | ||
{{Mbox templates see also}} | {{Mbox templates see also}} | ||
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox | | |||
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox|| | |||
[[Category: | <!-- CATEGORIES AND INTERWIKIS HERE, THANKS --> | ||
[[Category:Wikipedia metatemplates|{{PAGENAME}}]] | |||
}}</includeonly> | }}</includeonly> |
Revision as of 21:51, 28 December 2014
This is a documentation subpage for Template:Fmbox. It may contain usage information, categories and other content that is not part of the original template page. |
This template is used in many system messages. Changes to it can cause immediate changes to the Wikipedia user interface. To avoid large-scale disruption, any changes should first be tested in this template's /sandbox or /testcases subpage, or in your own user space. The tested changes can then be added in one single edit to this template. Please discuss any changes on the talk page before implementing them. |
This template uses Lua: |
Template:Mbox templates This is the {{fmbox}} or footer & header message box template.
It can be used to build message boxes for system messages such as MediaWiki:Sp-contributions-footer-anon. It can also be used for footer and header boxes on user pages and for editnotices.
This template works similarly to {{ambox}} and mostly uses the same parameters. The main differences are that this box is 100% wide and has different colour styles.
Usage
Simple usage example:
{{fmbox | text = Some text.}}
Page Module:Message box/fmbox.css has no content.
Some text. |
Complex example:
{{fmbox | type = editnotice | image = [[Image:Emblem-question-yellow.svg|40px]] | style = border: 1px solid #f4c430; | textstyle = color: red; font-weight: bold; font-style: italic; | text = The message body text. }}
Page Module:Message box/fmbox.css has no content.
The message body text. |
The following examples use different type parameters but use no image parameters thus they use the default images for each type.
Page Module:Message box/fmbox.css has no content.
type=warning – System warning notices such as MediaWiki:Revision-info and MediaWiki:Protectedpagewarning. |
Page Module:Message box/fmbox.css has no content.
type=editnotice – Transparent background for editnotices. |
Page Module:Message box/fmbox.css has no content.
type=system – Light grey system message background (default). |
Other images
The default images shown above are mostly for testing and demonstration. In most cases it is more appropriate to use a more specific image or no image at all. These examples use the image parameter to specify an image other than the default image.
Page Module:Message box/fmbox.css has no content.
image = [[Image:User-info.svg|40px]] This image is used for MediaWiki:Sp-contributions-footer. |
Page Module:Message box/fmbox.css has no content.
File:Commons-logo.svg | image = [[Image:Commons-logo.svg|40x40px]] Note the use of "40x40px" to also limit the height of the image. This image is used for MediaWiki:Sharedupload-desc-here. |
Special
Some other parameter combinations.
Page Module:Message box/fmbox.css has no content.
Default image given (no image= specified) |
Page Module:Message box/fmbox.css has no content.
image=none – No image is used and the text uses the whole message box area. |
Page Module:Message box/fmbox.css has no content.
image = [[Image:User-info.svg|40px]] imageright = [[Image:Nuvola apps bookcase.svg|40px]] |
Parameters
List of all parameters:
{{fmbox | type = system / editnotice / warning | image = none / [[Image:Some image.svg|40px]] | imageright = [[Image:Some image.svg|40px]] | id = CSS id | class = CSS class names | style = CSS values | textstyle = CSS values | text = The message body text. }}
type
- If no type parameter is given the template defaults to type system. That means it gets a light grey background.
image
- No parameter = If no image parameter is given the template uses a default image. Which default image it uses depends on the type parameter.
- An image = Should be an image with usual wiki notation. 40px - 50px width are usually about right depending on the image height to width ratio. (But the message box can handle images of any size.) For example:
image = [[Image:User-info.svg|40px]]
- none = Means that no image is used.
imageright
- No parameter = If no imageright parameter is given then no image is shown on the right side.
- An image = Should be an image with usual wiki notation. 40px - 50px width are usually about right depending on the image height to width ratio. (But the message box can handle images of any size.) For example:
imageright = [[Image:Nuvola apps bookcase.png|40px]]
- Anything = Any other object that you want to show on the right side.
id
- Optional CSS id used by the entire message box table. Without quotation marks
" "
. Mostly meant to be used to tag a message box with its name, to make it easy to detect the presence of the message from javascript. For instance MediaWiki:Sp-contributions-footer would use:id = sp-contributions-footer
class
- Optional CSS class names used by the entire message box table. Without quotation marks
" "
. Mostly meant to be used to tag a message box with its name so it can be individually skinned. For instance MediaWiki:Sp-contributions-footer would use:class = sp-contributions-footer
style
- Optional CSS values used by the entire message box table. Without quotation marks
" "
but with the ending semicolons;
. For example:style = margin-top: 1em;
textstyle
- Optional CSS values used by the text cell. For example:
textstyle = font-size: 90%; text-align: center;
text
- The message body text.
Technical details
This template currently uses hard coded styles and class names. Later it will only use CSS classes making it easier to skin. (In the meantime it can be skinned by using the "!important
" keyword.)
If you need to make a box that is less than 100% wide, then do not use this box, instead use the {{ombox}}. Since this box doesn't have the "1px empty image cell" code that makes it so the other mboxes get proper box flow in all browsers when less than 100% wide.
If you need to use special characters in the text parameter then you need to escape them like this:
{{fmbox | text = <div> Equal sign = and a start and end brace { } work fine as they are. But here is a pipe {{!}} and two end braces <nowiki>}}</nowiki>. And now a pipe and end braces <nowiki>|}}</nowiki>. </div> }}
Page Module:Message box/fmbox.css has no content.
Equal sign = and a start and end brace { } work fine as they are. But here is a pipe | and two end braces }}. And now a pipe and end braces |}}. |
Internally this meta-template uses HTML wikimarkup instead of wikimarkup for the table code. That is the usual way we make meta-templates since wikimarkup has several drawbacks. For instance it makes it harder to use parser functions and some special characters in parameters.
The default images for this meta-template are in png format instead of svg format. The main reason is that some older web browsers have trouble with the transparent background that MediaWiki renders for svg images. The png images here have hand optimised transparent background colour so they look good in all browsers. Note that svg icons only look somewhat bad in the old browsers, thus such hand optimisation is only worth the trouble for very widely used icons.
Note to admins: MediaWiki does not parse and convert HTML wikimarkup in system messages the same way as it does for normal pages. This means for instance that <br>
is not automatically converted to <br />
and missing </td>
and </tr>
tags are not automatically added. Thus see to that any HTML code you use in system messages are valid XHTML. That is, close all tags that you begin. However, regular wikimarkup works fine in most system messages.
For more technical details see the talk page. Since this template works almost exactly like {{ambox}}, {{tmbox}}, {{imbox}}, {{cmbox}} and {{ombox}} their talk pages and related pages might also contain more details.
See also
- {{fmbox warning ruler}} – A horizontal ruler in the same colour as the red border for the warning type. Used inside some system warning notices.
- {{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.
Templates intended to be used in conjunction with Mboxes:
- {{Ombox/shortcut}}, an alternative to {{Shortcut}} for use in Mbox templates