Template:Miragebox/doc: Difference between revisions
m (Tvwillia moved page Template:Mirage/doc to Template:Miragebox/doc: To avoid confusion with a same page name) |
No edit summary |
||
Line 3: | Line 3: | ||
The box below shows the most common parameters that are accepted by <code><nowiki>{{Mirage}}</nowiki></code> template. The purpose of each is described below. | The box below shows the most common parameters that are accepted by <code><nowiki>{{Mirage}}</nowiki></code> template. The purpose of each is described below. | ||
<pre> | <pre> | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| image = none/blank/[[Image:Some image.svg|40px]] | | image = none/blank/[[Image:Some image.svg|40px]] | ||
Line 15: | Line 15: | ||
=== ''style'' === | === ''style'' === | ||
Default Mirage template <code><nowiki>{{ | Default Mirage template <code><nowiki>{{Miragebox}}</nowiki></code> | ||
:results in | :results in | ||
{{ | {{Miragebox}} | ||
Use CSS3 to customize the style of this template. | Use CSS3 to customize the style of this template. | ||
<pre> | <pre> | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
}} | }} | ||
</pre> | </pre> | ||
:results in | :results in | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
}} | }} | ||
Line 33: | Line 33: | ||
Add your custom message using parameters ''header'' and ''detail''. | Add your custom message using parameters ''header'' and ''detail''. | ||
<pre> | <pre> | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| header = Mirage headline | | header = Mirage headline | ||
Line 40: | Line 40: | ||
</pre> | </pre> | ||
:results in | :results in | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| header = Mirage headline | | header = Mirage headline | ||
Line 51: | Line 51: | ||
<pre> | <pre> | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| image = [[Image:Info non-talk.png|40px]] | | image = [[Image:Info non-talk.png|40px]] | ||
Line 59: | Line 59: | ||
</pre> | </pre> | ||
:results in | :results in | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| image = [[Image:Info non-talk.png|40px]] | | image = [[Image:Info non-talk.png|40px]] | ||
Line 72: | Line 72: | ||
*'''none''' = means that no image is used. <code><nowiki>image = none</nowiki></code> | *'''none''' = means that no image is used. <code><nowiki>image = none</nowiki></code> | ||
:results in | :results in | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| image = none | | image = none | ||
Line 81: | Line 81: | ||
*'''blank''' = means that no image is used but an empty area the same size as a default image is used, which means that text in the message box gets aligned well with other article message boxes. <code><nowiki>image = </nowiki></code> | *'''blank''' = means that no image is used but an empty area the same size as a default image is used, which means that text in the message box gets aligned well with other article message boxes. <code><nowiki>image = </nowiki></code> | ||
<pre> | <pre> | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| image = | | image = | ||
Line 89: | Line 89: | ||
</pre> | </pre> | ||
:results in | :results in | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| image = | | image = | ||
Line 99: | Line 99: | ||
To display image at the right parameter ''imageright'' can be used <code><nowiki>imageright = [[Image:Some image.svg|40px]]</nowiki></code> | To display image at the right parameter ''imageright'' can be used <code><nowiki>imageright = [[Image:Some image.svg|40px]]</nowiki></code> | ||
<pre> | <pre> | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| imageright = [[File:Glycoprotein.png|50px]] | | imageright = [[File:Glycoprotein.png|50px]] | ||
Line 108: | Line 108: | ||
:results in | :results in | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| imageright = [[File:Glycoprotein.png|50px]] | | imageright = [[File:Glycoprotein.png|50px]] | ||
Line 117: | Line 117: | ||
=== ''signature'' === | === ''signature'' === | ||
<pre> | <pre> | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| header = Mirage headline | | header = Mirage headline | ||
Line 125: | Line 125: | ||
</pre> | </pre> | ||
:results in | :results in | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| header = Mirage headline | | header = Mirage headline | ||
Line 134: | Line 134: | ||
=== ''date'' === | === ''date'' === | ||
<pre> | <pre> | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| header = Mirage headline | | header = Mirage headline | ||
Line 143: | Line 143: | ||
</pre> | </pre> | ||
:results in | :results in | ||
{{ | {{Miragebox | ||
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | ||
| header = Mirage headline | | header = Mirage headline |
Revision as of 17:36, 22 November 2019
Common parameters
The box below shows the most common parameters that are accepted by {{Mirage}}
template. The purpose of each is described below.
{{Miragebox | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | image = none/blank/[[Image:Some image.svg|40px]] | imageright = [[Image:Some image.svg|40px]] | header = Mirage headline | text = This is your custom text | signature = Your signature | date = {{CURRENTMONTHNAME}} {{CURRENTYEAR}} }}
style
Default Mirage template {{Miragebox}}
- results in
. |
Use CSS3 to customize the style of this template.
{{Miragebox | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; }}
- results in
. |
message
Add your custom message using parameters header and detail.
{{Miragebox | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | header = Mirage headline | text = This is your custom text. This template will automatically add comma at the end of your last sentence }}
- results in
Mirage headline This is your custom text. This template will automatically add comma at the end of your last sentence. |
image
You can choose a specific image to use for the template by using the image parameter.
| image = none/blank/[[Image:Some image.svg|40px]]
{{Miragebox | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | image = [[Image:Info non-talk.png|40px]] | header = Mirage headline | text = This is your custom text }}
- results in
Mirage headline This is your custom text. |
- No parameter = means that no image parameter is given and the template uses a default Mirage image.
- An image = usual width of an image is 40px - 50px.
- none = means that no image is used.
image = none
- results in
Mirage headline This is your custom text. |
- blank = means that no image is used but an empty area the same size as a default image is used, which means that text in the message box gets aligned well with other article message boxes.
image =
{{Miragebox | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | image = | header = Mirage headline | text = This is your custom text }}
- results in
|
Mirage headline This is your custom text. |
imageright
To display image at the right parameter imageright can be used imageright = [[Image:Some image.svg|40px]]
{{Miragebox | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | imageright = [[File:Glycoprotein.png|50px]] | header = Mirage headline | text = This is your custom text }}
- results in
Mirage headline This is your custom text. |
signature
{{Miragebox | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | header = Mirage headline | text = This is your custom text | signature = Your signature }}
- results in
Mirage headline This is your custom text. Me |
date
{{Miragebox | style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px; | header = Mirage headline | text = This is your custom text | signature = Your signature | date = {{CURRENTMONTHNAME}} {{CURRENTYEAR}} }}
- results in
Mirage headline This is your custom text. Tatiana (July 2024) |