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