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