Template:Cmbox/doc: Difference between revisions

From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
Content added Content deleted
(Updated and extended the doc. Added category. Changed name "cambox" -> "cmbox" since it has been moved. This doc might need a work over from a native English speaker.)
m (Text replacement - "\[\[Category:([^|]+)\|{{PAGENAME}}\]\]" to "Category:$1")
 
(43 intermediate revisions by 18 users not shown)
Line 1: Line 1:
{{Documentation subpage}}
{{Documentation subpage}}
{{high-use| 30,000+ }}
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->
{{mbox templates}}
__NOTOC__
This is the {{tl|cmbox}} or '''category message box''' meta-template.
This is the {{tl|cmbox}} or '''category message box''' meta-template.


It is used to create message box templates for category pages, such as {{tl|CatDiffuse}} etc.
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 exactly like {{tl|ambox}} and uses the same parameters, see full documentation there.
This template works almost exactly like {{tl|ambox}} and uses the same parameters.


=== Suggested style standard ===
=== We are deploying! ===


After long discussion on the [[Template talk:Cmbox|talk page]] of this template and at other places we are finally deploying this template. Feel free to convert any message boxes used on category pages to use this meta-template. If you find any tricky cases then list them on the talk page of this template and you'll get help.
The styles of category space message boxes and the usage of this template is currently being standardised and discussed on the [[{{TALKPAGENAME}}|talk page]] of this template. Thus don't use this meta-template for real category message boxes yet, but feel free to use it for testing.


When this template is used to build category message boxes those boxes should contain explanatory texts just like before. (The same texts as before or new improved texts.) If there are more specific images in the boxes or you know a better image, then use them instead of the default images shown here.
=== Examples ===


=== Usage ===
These examples show the colours and styles that this meta-template currently produces. When this template is used to build actual category message boxes they should contain the same (long) texts as before, with links to explanations and they can use more specific images than the default images shown here.


Simple usage example:
{{cambox

<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
| type = speedy
| text = type=<u>speedy</u> – Speedy deletion templates such as {{tl|db-catempty}}.
| text = speedy
}}
}}
{{cambox
{{cmbox
| type = delete
| type = delete
| text = delete
| text = type=<u>delete</u> – Deletion templates such as {{tl|cfd}}.
}}
}}
{{cambox
{{cmbox
| type = content
| type = content
| text = type=<u>content</u> – Major warnings and problems, such as {{tl|Categorisation of people disputed}}.
| text = content
}}
}}
{{cambox
{{cmbox
| type = style
| type = style
| text = type=<u>style</u> – Minor warnings and problems, such as {{tl|popcat}}.
| text = style
}}
}}
{{cambox
{{cmbox
| type = notice
| type = notice
| text = type=<u>notice</u> – Notices and messages of any kind, both permanent and temporary.
| text = notice
}}
}}
{{cambox
{{cmbox
| type = move
| type = move
| text = type=<u>move</u> – Move, merge and split messages and proposals, such as {{tl|categoryredirect}}.
| text = move
}}
}}
{{cambox
{{cmbox
| type = protection
| type = protection
| text = type=<u>protection</u> – Protection templates such as {{tl|pp-semi-protected}} when shown on a category page.
| text = protection
}}
}}


=== 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.
To discuss these boxes and to see or make more examples go to the [[{{TALKPAGENAME}}|talk page]].

{{cmbox
| type = style
| image = [[Image:Sub-arrows.svg|40px]]
| text = type = style <br> image = <nowiki>[[Image:Sub-arrows.svg|40px]]</nowiki> <br> This image is used for {{tl|verylarge}} and {{tl|CatDiffuse}}.
}}
{{cmbox
| type = move
| image = [[Image:Redirect arrow.svg|52px]]
| text = type = move <br> image = <nowiki>[[Image:Redirect arrow.svg|52px]]</nowiki> <br> This image is used for {{tl|categoryredirect}}.
}}

=== 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>
}}

{{cmbox
| image = [[Image:Gnome globe current event.svg|42px]]
| imageright = [[Image:Shuttle.svg|20px]]
| text = '''This category lists articles about current and recent [[spaceflight]]s.'''
<br>It is populated by the {{tl|current spaceflight}} template.
}}

=== 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 [[Cascading Style Sheets|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 [[Cascading Style Sheets|CSS]] value used by the text cell. For example:
::<code>textstyle = text-align: center;</code>

'''text'''
:The message body text.


=== Technical details ===
=== Technical details ===


If you need to use special characters in the text parameter then you need to escape them like this:
This template currently uses hard coded styles. Later it will use CSS classes enabling it to be skinned.

<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 &lt;nowiki>}}&lt;/nowiki>.
And now a pipe and end braces &lt;nowiki>|}}&lt;/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 ===
=== See also ===


{{Mbox templates see also}}
* {{tl|ambox}} – The meta-template for article message boxes.
* {{tl|imbox}} – The meta-template for image space message boxes.


<includeonly>
<includeonly>
<!-- CATEGORIES AND INTERWIKIS HERE, THANKS -->
<!-- CATEGORIES AND INTERWIKIS HERE, THANKS -->
[[Category:Wikipedia metatemplates|{{PAGENAME}}]]
[[Category:Wikipedia metatemplates]]
[[Category:Category namespace templates| ]]


[[ca:Plantilla:Metacaixa d'avís categoria]]
[[hsb:Předłoha:Ombox]]
[[ja:Template:Cmbox]]
[[no:mal:Cmbox]]
[[mk:Шаблон:Cmbox]]
[[mn:Загвар:Cmbox]]
[[ka:თარგი:Cmbox]]
[[pt:Predefinição:Cmbox]]
[[ro:Format:Meta-casetămc]]
[[uk:Шаблон:Cmbox]]
[[vi:Bản mẫu:Cmbox]]
[[zh:Template:Cmbox]]
</includeonly>
</includeonly>

Latest revision as of 16:21, July 15, 2022

Template:Mbox templates This is the {{cmbox}} or category message box meta-template.

It is used to build message box templates for category pages, such as {{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 {{ambox}} and uses the same parameters.

We are deploying!

After long discussion on the talk page of this template and at other places we are finally deploying this template. Feel free to convert any message boxes used on category pages to use this meta-template. If you find any tricky cases then list them on the talk page of this template and you'll get help.

When this template is used to build category message boxes those boxes should contain explanatory texts just like before. (The same texts as before or new improved texts.) If there are more specific images in the boxes or you know a better image, then use them instead of the default images shown here.

Usage

Simple usage example:

{{cmbox | text = Some text.}}

Page Module:Message box/cmbox.css has no content.


Complex example:

{{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.
}}

Page Module:Message box/cmbox.css has no content.

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.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

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.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Special

Some other parameter combinations.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Page Module:Message box/cmbox.css has no content.

Parameters

List of all parameters:

{{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. 
}}

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:
image = [[Image:Sub-arrows.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.

style

An optional CSS value used by the entire message box table. Without quotation marks " ". For example:
style = margin-bottom: 0.5em;

textstyle

An optional CSS value used by the text cell. For example:
textstyle = text-align: center;

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:

{{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>
}}

Page Module:Message box/cmbox.css has no content.


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 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 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

Template:Mbox templates see also