85
edits
Changes
Jump to navigation
Jump to search
Created page with "{{Documentation subpage}} <!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE --> {{mbox templates}} This is the {{tl|cmbox}} or '''category message box''' meta-..."
{{Documentation subpage}}
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->
{{mbox templates}}
This is the {{tl|cmbox}} or '''category message box''' meta-template.
It is used to build message box templates for category pages, such as {{tl|CatDiffuse}} etc. It offers several different colours, uses default images if no image parameter is given and it has some other features.
This template works almost exactly like {{tl|ambox}} and uses the same parameters.
=== Usage ===
Simple usage example:
<pre>
{{cmbox | text = Some text.}}
</pre>
{{cmbox | text = Some text.}}
Complex example:
<pre>
{{cmbox
| type = style
| image = [[Image:Emblem-question-yellow.svg|40px]]
| style = width: 400px;
| textstyle = color: red; font-weight: bold; font-style: italic;
| text = The message body text.
}}
</pre>
{{cmbox
| type = style
| image = [[Image:Emblem-question-yellow.svg|40px]]
| style = width: 400px;
| textstyle = color: red; font-weight: bold; font-style: italic;
| text = The message body text.
}}
=== Category message box types ===
The following examples use different '''type''' parameters but use no image parameters thus they use the default images for each type.
{{cmbox
| type = speedy
| text = type=<u>speedy</u> – Speedy deletion templates.
}}
{{cmbox
| type = delete
| text = type=<u>delete</u> – Deletion templates.
}}
{{cmbox
| type = content
| text = type=<u>content</u> – Major warnings and problems.
}}
{{cmbox
| type = style
| text = type=<u>style</u> – Minor warnings and problems.
}}
{{cmbox
| type = notice
| text = type=<u>notice</u> – Notices and messages of any kind, both permanent and temporary.
}}
{{cmbox
| type = move
| text = type=<u>move</u> – Move, merge and split messages and proposals.
}}
{{cmbox
| type = protection
| text = type=<u>protection</u> – Protection templates.
}}
=== Other images ===
The default images shown above are mostly for convenience. In many cases it is more appropriate to use more specific images. These examples use the '''image''' parameter to specify an image other than the default images.
{{cmbox
| type = style
| image = [[Image:Sub-arrows.svg|40px]]
| text = type = style <br> image = <nowiki>[[Image:Sub-arrows.svg|40px]]</nowiki>
}}
{{cmbox
| type = move
| image = [[Image:Redirect arrow.svg|52px]]
| text = type = move <br> image = <nowiki>[[Image:Redirect arrow.svg|52px]]</nowiki>
}}
=== Special ===
Some other parameter combinations.
{{cmbox
| text = No type and no image given ('''default''')
}}
{{cmbox
| image = none
| text = No type and '''image=none''' – No image is used and the '''text''' uses the whole message box area.
}}
{{cmbox
| image = [[Image:Gnome globe current event.svg|42px]]
| imageright = [[Image:Nuvola apps bookcase.svg|40px]]
| text = image = <nowiki>[[Image:Gnome globe current event.svg|42px]]</nowiki> <br> imageright = <nowiki>[[Image:Nuvola apps bookcase.svg|40px]]</nowiki>
}}
=== Parameters ===
List of all parameters:
<pre>
{{cmbox
| type = speedy / delete / content / style / notice / move / protection
| image = none / [[Image:Some image.svg|40px]]
| imageright = [[Image:Some image.svg|40px]]
| style = CSS values
| textstyle = CSS values
| text = The message body text.
}}
</pre>
'''type'''
:If no '''type''' parameter is given the template defaults to type '''notice'''. That means it gets a blue 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:Sub-arrows.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.
'''style'''
:An optional CSS value used by the entire message box table. Without quotation marks <code>" "</code>. For example:
::<code>style = margin-bottom: 0.5em;</code>
'''textstyle'''
:An optional CSS value used by the text cell. For example:
::<code>textstyle = text-align: center;</code>
'''text'''
:The message body text.
=== Technical details ===
If you need to use special characters in the text parameter then you need to escape them like this:
<pre>
{{cmbox
| 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>
}}
</pre>
{{cmbox
| 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>
}}
This template uses the cmbox CSS classes in [[MediaWiki:Common.css]] for most of its looks, thus it is fully skinnable.
Internally this meta-template uses HTML markup instead of wiki markup for the table code. That is the usual way we make meta-templates since wiki markup has several drawbacks. For instance it makes it harder to use [[m:Help:ParserFunctions|parser functions]] and 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.
For more technical details see the [[Template talk:Cmbox|talk page]]. Since this template works almost exactly like the other mboxes their talk pages and related pages might also contain more details, see the "See also" section below.
=== See also ===
There are several meta-templates in the mbox family:
* {{tl|ambox}} – For article message boxes.
* {{tl|tmbox}} – For talk page message boxes.
* {{tl|imbox}} – For image page message boxes.
* {{tl|cmbox}} – For category message boxes.
* {{tl|ombox}} – For other pages message boxes.
* {{tl|mbox}} – Has namespace detection, for message boxes that are used on several types of pages and thus need to change style depending on what page they are used on.
Closely related meta-templates:
* {{tl|fmbox}} – For header and footer message boxes.
* {{tl|dmbox}} – For disambiguation and set index message boxes.
<includeonly>
<!-- CATEGORIES AND INTERWIKIS HERE, THANKS -->
[[Category:{{SITENAME}} metatemplates|{{PAGENAME}}]]
[[Category:Category namespace templates| ]]
</includeonly>
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->
{{mbox templates}}
This is the {{tl|cmbox}} or '''category message box''' meta-template.
It is used to build message box templates for category pages, such as {{tl|CatDiffuse}} etc. It offers several different colours, uses default images if no image parameter is given and it has some other features.
This template works almost exactly like {{tl|ambox}} and uses the same parameters.
=== Usage ===
Simple usage example:
<pre>
{{cmbox | text = Some text.}}
</pre>
{{cmbox | text = Some text.}}
Complex example:
<pre>
{{cmbox
| type = style
| image = [[Image:Emblem-question-yellow.svg|40px]]
| style = width: 400px;
| textstyle = color: red; font-weight: bold; font-style: italic;
| text = The message body text.
}}
</pre>
{{cmbox
| type = style
| image = [[Image:Emblem-question-yellow.svg|40px]]
| style = width: 400px;
| textstyle = color: red; font-weight: bold; font-style: italic;
| text = The message body text.
}}
=== Category message box types ===
The following examples use different '''type''' parameters but use no image parameters thus they use the default images for each type.
{{cmbox
| type = speedy
| text = type=<u>speedy</u> – Speedy deletion templates.
}}
{{cmbox
| type = delete
| text = type=<u>delete</u> – Deletion templates.
}}
{{cmbox
| type = content
| text = type=<u>content</u> – Major warnings and problems.
}}
{{cmbox
| type = style
| text = type=<u>style</u> – Minor warnings and problems.
}}
{{cmbox
| type = notice
| text = type=<u>notice</u> – Notices and messages of any kind, both permanent and temporary.
}}
{{cmbox
| type = move
| text = type=<u>move</u> – Move, merge and split messages and proposals.
}}
{{cmbox
| type = protection
| text = type=<u>protection</u> – Protection templates.
}}
=== Other images ===
The default images shown above are mostly for convenience. In many cases it is more appropriate to use more specific images. These examples use the '''image''' parameter to specify an image other than the default images.
{{cmbox
| type = style
| image = [[Image:Sub-arrows.svg|40px]]
| text = type = style <br> image = <nowiki>[[Image:Sub-arrows.svg|40px]]</nowiki>
}}
{{cmbox
| type = move
| image = [[Image:Redirect arrow.svg|52px]]
| text = type = move <br> image = <nowiki>[[Image:Redirect arrow.svg|52px]]</nowiki>
}}
=== Special ===
Some other parameter combinations.
{{cmbox
| text = No type and no image given ('''default''')
}}
{{cmbox
| image = none
| text = No type and '''image=none''' – No image is used and the '''text''' uses the whole message box area.
}}
{{cmbox
| image = [[Image:Gnome globe current event.svg|42px]]
| imageright = [[Image:Nuvola apps bookcase.svg|40px]]
| text = image = <nowiki>[[Image:Gnome globe current event.svg|42px]]</nowiki> <br> imageright = <nowiki>[[Image:Nuvola apps bookcase.svg|40px]]</nowiki>
}}
=== Parameters ===
List of all parameters:
<pre>
{{cmbox
| type = speedy / delete / content / style / notice / move / protection
| image = none / [[Image:Some image.svg|40px]]
| imageright = [[Image:Some image.svg|40px]]
| style = CSS values
| textstyle = CSS values
| text = The message body text.
}}
</pre>
'''type'''
:If no '''type''' parameter is given the template defaults to type '''notice'''. That means it gets a blue 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:Sub-arrows.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.
'''style'''
:An optional CSS value used by the entire message box table. Without quotation marks <code>" "</code>. For example:
::<code>style = margin-bottom: 0.5em;</code>
'''textstyle'''
:An optional CSS value used by the text cell. For example:
::<code>textstyle = text-align: center;</code>
'''text'''
:The message body text.
=== Technical details ===
If you need to use special characters in the text parameter then you need to escape them like this:
<pre>
{{cmbox
| 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>
}}
</pre>
{{cmbox
| 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>
}}
This template uses the cmbox CSS classes in [[MediaWiki:Common.css]] for most of its looks, thus it is fully skinnable.
Internally this meta-template uses HTML markup instead of wiki markup for the table code. That is the usual way we make meta-templates since wiki markup has several drawbacks. For instance it makes it harder to use [[m:Help:ParserFunctions|parser functions]] and 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.
For more technical details see the [[Template talk:Cmbox|talk page]]. Since this template works almost exactly like the other mboxes their talk pages and related pages might also contain more details, see the "See also" section below.
=== See also ===
There are several meta-templates in the mbox family:
* {{tl|ambox}} – For article message boxes.
* {{tl|tmbox}} – For talk page message boxes.
* {{tl|imbox}} – For image page message boxes.
* {{tl|cmbox}} – For category message boxes.
* {{tl|ombox}} – For other pages message boxes.
* {{tl|mbox}} – Has namespace detection, for message boxes that are used on several types of pages and thus need to change style depending on what page they are used on.
Closely related meta-templates:
* {{tl|fmbox}} – For header and footer message boxes.
* {{tl|dmbox}} – For disambiguation and set index message boxes.
<includeonly>
<!-- CATEGORIES AND INTERWIKIS HERE, THANKS -->
[[Category:{{SITENAME}} metatemplates|{{PAGENAME}}]]
[[Category:Category namespace templates| ]]
</includeonly>