Difference between revisions of "Template:ModalBox"
From sureai
(Fix example code) |
(Made some parameters optional) |
||
Line 1: | Line 1: | ||
− | {| style="margin: 0px, 5px; border-style: solid; border-radius: 5px; border-width: 2px; border-color: RGB(50, 50, 50); background-color: {{{color}}};" | + | {| style="margin: 0px, 5px; border-style: solid; border-radius: 5px; border-width: 2px; border-color: RGB(50, 50, 50); background-color: {{{color|RGB(200, 200, 200)}}};" |
− | | style="padding: 10px" | [[{{{image}}}|50px|center]] | + | | style="padding: 10px" | [[{{{image|File:SureaiLogo2016.png}}}|50px|center]] |
− | | style="padding: 10px; line-height: 1.7" | <span style="font-size: 150%">'''{{{title}}}''' </span> <br/> ''{{{quote}}}'' <br/> {{{description}}} | + | | style="padding: 10px; line-height: 1.7" | <span style="font-size: 150%">'''{{{title}}}''' </span> <br/> {{#if: {{{quote|}}} | ''"{{{quote}}}"'' <br/> |}} {{{description}}} |
|} | |} | ||
<noinclude> | <noinclude> | ||
==Usage== | ==Usage== | ||
+ | |||
+ | ===Parameters=== | ||
+ | * '''title:''' Title of the box. | ||
+ | * '''description:''' Description of the box. | ||
+ | * '''quote:''' Descriptive quote of the box. | ||
+ | * '''image (Optional):''' Name of the ''File:'' containing the image shown in the box. (e.g. <code>File:SureaiLogo2016.png</code>) | ||
+ | * '''color (Optional):''' The CSS color to be used for the background of the box. (e.g. <code>RGB(200, 200, 200)</code> or <code>#C8C8C8</code>) | ||
+ | |||
+ | ===Examples=== | ||
<nowiki>{{ModalBox | <nowiki>{{ModalBox | ||
|image=File:Ico_enderal_s.png | |image=File:Ico_enderal_s.png | ||
Line 20: | Line 29: | ||
|quote=You see the past, and therefore, the future. | |quote=You see the past, and therefore, the future. | ||
|description=The following page or section contains major plot points in Enderal's main story. Thread carefully.}} | |description=The following page or section contains major plot points in Enderal's main story. Thread carefully.}} | ||
+ | |||
+ | ---- | ||
+ | |||
+ | <nowiki>{{ModalBox | ||
+ | |title=Attention! | ||
+ | |description=Thank you for the attention.}} | ||
+ | </nowiki> | ||
+ | |||
+ | {{ModalBox | ||
+ | |title=Attention! | ||
+ | |description=Thank you for the attention.}} | ||
+ | |||
[[Category:Templates]] | [[Category:Templates]] | ||
</noinclude> | </noinclude> |
Revision as of 17:17, 23 August 2016
{{{title}}} {{{description}}} |
Usage
Parameters
- title: Title of the box.
- description: Description of the box.
- quote: Descriptive quote of the box.
- image (Optional): Name of the File: containing the image shown in the box. (e.g.
File:SureaiLogo2016.png
) - color (Optional): The CSS color to be used for the background of the box. (e.g.
RGB(200, 200, 200)
or#C8C8C8
)
Examples
{{ModalBox |image=File:Ico_enderal_s.png |color=RGB(200, 150, 150) |title=Spoiler |quote=You see the past, and therefore, the future. |description=The following page or section contains major plot points in Enderal's main story. Thread carefully.}}
Spoiler | |
“You see the past, and therefore, the future.” | |
The following page or section contains major plot points in Enderal's main story. Thread carefully. |
{{ModalBox |title=Attention! |description=Thank you for the attention.}}
Attention! | |
Thank you for the attention. |