Difference between revisions of "Template:ModalBox"
From sureai
(Made some parameters optional) |
(Add optional width parameter) |
||
Line 1: | Line 1: | ||
− | {| style="margin: | + | {| style="width:{{{width|500px}}}; padding: 0; margin: 5px 0; 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|File:SureaiLogo2016.png}}}|50px|center]] | + | | style="padding: 10px; width: 60px;" | [[{{{image|File:SureaiLogo2016.png}}}|50px|center]] |
| style="padding: 10px; line-height: 1.7" | <span style="font-size: 150%">'''{{{title}}}''' </span> <br/> {{#if: {{{quote|}}} | ''"{{{quote}}}"'' <br/> |}} {{{description}}} | | style="padding: 10px; line-height: 1.7" | <span style="font-size: 150%">'''{{{title}}}''' </span> <br/> {{#if: {{{quote|}}} | ''"{{{quote}}}"'' <br/> |}} {{{description}}} | ||
|} | |} | ||
Line 11: | Line 11: | ||
* '''description:''' Description of the box. | * '''description:''' Description of the box. | ||
* '''quote:''' Descriptive quote of the box. | * '''quote:''' Descriptive quote of the box. | ||
− | * '''image (Optional):''' Name of the ''File:'' containing the image shown in the box. | + | * '''width (Optional):''' The CSS width of the box. Defaults to <code>500px</code> |
− | * '''color (Optional):''' The CSS color to be used for the background of the box. | + | * '''image (Optional):''' Name of the ''File:'' containing the image shown in the box. Defaults to <code>File:SureaiLogo2016.png</code>. |
+ | * '''color (Optional):''' The CSS color to be used for the background of the box. Defaults to <code>RGB(200, 200, 200)</code>. | ||
===Examples=== | ===Examples=== | ||
<nowiki>{{ModalBox | <nowiki>{{ModalBox | ||
|image=File:Ico_enderal_s.png | |image=File:Ico_enderal_s.png | ||
+ | |width=800px | ||
|color=RGB(200, 150, 150) | |color=RGB(200, 150, 150) | ||
|title=Spoiler | |title=Spoiler | ||
Line 25: | Line 27: | ||
{{ModalBox | {{ModalBox | ||
|image=File:Ico_enderal_s.png | |image=File:Ico_enderal_s.png | ||
+ | |width=800px | ||
|color=RGB(200, 150, 150) | |color=RGB(200, 150, 150) | ||
|title=Spoiler | |title=Spoiler | ||
|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 | <nowiki>{{ModalBox |
Revision as of 17:45, 23 August 2016
{{{title}}} {{{description}}} |
Usage
Parameters
- title: Title of the box.
- description: Description of the box.
- quote: Descriptive quote of the box.
- width (Optional): The CSS width of the box. Defaults to
500px
- image (Optional): Name of the File: containing the image shown in the box. Defaults to
File:SureaiLogo2016.png
. - color (Optional): The CSS color to be used for the background of the box. Defaults to
RGB(200, 200, 200)
.
Examples
{{ModalBox |image=File:Ico_enderal_s.png |width=800px |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. |