Difference between revisions of "Template:ModalBox"
From sureai
(Justified description & quote) |
(Properly justify text) |
||
Line 1: | Line 1: | ||
{| 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="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; width: 60px;" | [[{{{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|}}} | | + | | style="padding: 10px; line-height: 1.7; text-align: justify;" | <span style="font-size: 150%">'''{{{title}}}''' </span> <br/> {{#if: {{{quote|}}} | ''"{{{quote}}}"'' <br/> |}}{{{description}}} |
|} | |} | ||
<noinclude> | <noinclude> |
Revision as of 21:05, 26 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=Giganticly gigantic Modal Box, be wary. |quote=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis tincidunt nulla et dapibus. Phasellus nec arcu elit. Sed vitae ipsum augue. Nam non porttitor tortor. Vestibulum sed nulla fringilla, varius sem vitae, consectetur odio. |description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis tincidunt nulla et dapibus. Phasellus nec arcu elit. Sed vitae ipsum augue. Nam non porttitor tortor. Vestibulum sed nulla fringilla, varius sem vitae, consectetur odio.}}
Giganticly gigantic Modal Box, be wary. | |
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis tincidunt nulla et dapibus. Phasellus nec arcu elit. Sed vitae ipsum augue. Nam non porttitor tortor. Vestibulum sed nulla fringilla, varius sem vitae, consectetur odio.” | |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis tincidunt nulla et dapibus. Phasellus nec arcu elit. Sed vitae ipsum augue. Nam non porttitor tortor. Vestibulum sed nulla fringilla, varius sem vitae, consectetur odio. |
{{ModalBox |title=Attention! |description=Thank you for the attention.}}
Attention! | |
Thank you for the attention. |