Template:Miragebox/doc: Difference between revisions

From GlyGen Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
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;
| boxcolor    = #F79646;  
| image     = none/blank/[[Image:Some image.svg|40px]]
| bordercolor = #B66D31;
| imageright = [[Image:Some image.svg|40px]]
| image       = none/blank/[[Image:Some image.svg|40px]]
| header     = Mirage headline
| imageright = [[Image:Some image.svg|40px]]
| text       = This is your custom text
| header     = Mirage headline
| signature = Your signature
| text       = This is your custom text
| date       = {{CURRENTMONTHNAME}} {{CURRENTYEAR}}
| signature   = Your signature
| date       = {{CURRENTMONTHNAME}} {{CURRENTYEAR}}
}}
}}
</pre>
</pre>


=== ''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;
| boxcolor    = #F79646;  
| bordercolor = #B66D31;
}}
}}
</pre>
</pre>
:results in  
:results in  
{{Mirage
{{Miragebox
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| bordercolor = #B66D31;
}}
}}


Line 33: Line 36:
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;
| boxcolor    = #F79646;  
| header = Mirage headline
| bordercolor = #B66D31;
| text = This is your custom text. This template will automatically add comma at the end of your last sentence
| header     = Mirage headline
| text       = This is your custom text. This template will automatically add comma at the end of your last sentence
}}
}}
</pre>
</pre>
:results in  
:results in  
{{Mirage
{{Miragebox
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| header = Mirage headline
| bordercolor = #B66D31;
| text = This is your custom text. This template will automatically add comma at the end of your last sentence
| header     = Mirage headline
| text       = This is your custom text. This template will automatically add comma at the end of your last sentence
}}
}}


Line 51: Line 56:


<pre>
<pre>
{{Mirage
{{Miragebox
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| image = [[Image:Info non-talk.png|40px]]
| bordercolor = #B66D31;
| header = Mirage headline
| image       = [[Image:Info non-talk.png|40px]]
| text = This is your custom text
| header     = Mirage headline
| text       = This is your custom text
}}
}}
</pre>
</pre>
:results in  
:results in  
{{Mirage
{{Miragebox
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| image = [[Image:Info non-talk.png|40px]]
| bordercolor = #B66D31;
| header = Mirage headline
| image       = [[Image:Info non-talk.png|40px]]
| text = This is your custom text
| header     = Mirage headline
| text       = This is your custom text
}}
}}


Line 72: Line 79:
*'''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;
| boxcolor    = #F79646;  
| image = none
| bordercolor = #B66D31;
| header = Mirage headline
| image       = none
| text = This is your custom text
| header     = Mirage headline
| text       = 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. <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;
| boxcolor    = #F79646;  
| image =  
| bordercolor = #B66D31;
| header = Mirage headline
| image       =  
| text = This is your custom text
| header     = Mirage headline
| text       = This is your custom text
}}
}}
</pre>
</pre>
:results in
:results in
{{Mirage
{{Miragebox
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| image =  
| bordercolor = #B66D31;
| header = Mirage headline
| image       =  
| text = This is your custom text
| header     = Mirage headline
| text       = This is your custom text
}}
}}


Line 99: Line 109:
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;
| boxcolor    = #F79646;  
| imageright = [[File:Glycoprotein.png|50px]]
| bordercolor = #B66D31;
| header = Mirage headline
| imageright = [[File:Glycoprotein.png|50px]]
| text = This is your custom text
| header     = Mirage headline
| text       = This is your custom text
}}
}}
</pre>
</pre>


:results in
:results in
{{Mirage
{{Miragebox
| style = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| imageright = [[File:Glycoprotein.png|50px]]
| bordercolor = #B66D31;
| header = Mirage headline
| imageright = [[File:Glycoprotein.png|50px]]
| text = This is your custom text
| header     = Mirage headline
| text       = This is your custom text
}}
}}


=== ''signature'' ===
=== ''signature'' ===
<pre>
<pre>
{{Mirage
{{Miragebox
| style      = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| header     = Mirage headline
| bordercolor = #B66D31;
| text       = This is your custom text
| header     = Mirage headline
| signature = Your signature
| text       = This is your custom text
| signature   = Your signature
}}
}}
</pre>
</pre>
:results in
:results in
{{Mirage
{{Miragebox
| style      = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| header     = Mirage headline
| bordercolor = #B66D31;
| text       = This is your custom text
| header     = Mirage headline
| signature = Me
| text       = This is your custom text
| signature   = Me
}}
}}


=== ''date'' ===
=== ''date'' ===
<pre>
<pre>
{{Mirage
{{Miragebox
| style      = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| header     = Mirage headline
| bordercolor = #B66D31;
| text       = This is your custom text
| header     = Mirage headline
| signature = Your signature
| text       = This is your custom text
| date       = {{CURRENTMONTHNAME}} {{CURRENTYEAR}}
| signature   = Your signature
| date       = {{CURRENTMONTHNAME}} {{CURRENTYEAR}}
}}
}}
</pre>
</pre>
:results in
:results in
{{Mirage
{{Miragebox
| style      = background-color: #F79646; border:2px solid #B66D31; border-radius: 15px;
| boxcolor    = #F79646;  
| header     = Mirage headline
| bordercolor = #B66D31;
| text       = This is your custom text
| header     = Mirage headline
| signature = Tatiana
| text       = This is your custom text
| date       = {{CURRENTMONTHNAME}} {{CURRENTYEAR}}
| signature   = Tatiana
| date       = {{CURRENTMONTHNAME}} {{CURRENTYEAR}}
}}
}}
[[Category:Glygen templates]]

Latest revision as of 20:44, 4 December 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
| boxcolor    = #F79646; 
| bordercolor = #B66D31;
| 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
| boxcolor    = #F79646; 
| bordercolor = #B66D31;
}}
results in

message

Add your custom message using parameters header and detail.

{{Miragebox
| boxcolor    = #F79646; 
| bordercolor = #B66D31;
| 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
| boxcolor    = #F79646; 
| bordercolor = #B66D31;
| 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
| boxcolor    = #F79646; 
| bordercolor = #B66D31;
| 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
| boxcolor    = #F79646; 
| bordercolor = #B66D31;
| imageright  = [[File:Glycoprotein.png|50px]]
| header      = Mirage headline
| text        = This is your custom text
}}
results in

signature

{{Miragebox
| boxcolor    = #F79646; 
| bordercolor = #B66D31;
| header      = Mirage headline
| text        = This is your custom text
| signature   = Your signature
}}
results in

date

{{Miragebox
| boxcolor    = #F79646; 
| bordercolor = #B66D31;
| header      = Mirage headline
| text        = This is your custom text
| signature   = Your signature
| date        = {{CURRENTMONTHNAME}} {{CURRENTYEAR}}
}}
results in