Template:Miragebox/doc: Difference between revisions

From GlyGen Wiki
Jump to navigation Jump to search
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>
{{Mirage
{{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>{{Mirage}}</nowiki></code>
Default Mirage template <code><nowiki>{{Miragebox}}</nowiki></code>
:results in  
:results in  
{{Mirage}}
{{Miragebox}}


Use CSS3 to customize the style of this template.
Use CSS3 to customize the style of this template.
<pre>
<pre>
{{Mirage
{{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  
{{Mirage
{{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>
{{Mirage
{{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  
{{Mirage
{{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>
{{Mirage
{{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  
{{Mirage
{{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
{{Mirage
{{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>
{{Mirage
{{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
{{Mirage
{{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>
{{Mirage
{{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
{{Mirage
{{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>
{{Mirage
{{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
{{Mirage
{{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>
{{Mirage
{{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
{{Mirage
{{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

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

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

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

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