Difference between revisions of "Template:ModalBox"
From sureai
(Made some parameters optional) |
m (Use smart quotes) |
||
(7 intermediate revisions by the same user not shown) | |||
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)}}}; color: {{{text color|inherit}}}" |
− | | style="padding: 10px" | [[{{{image|File:SureaiLogo2016.png}}}|50px|center]] | + | | style="padding: 10px; width: 60px;" rowspan="3" | [[{{{image|File:SureaiLogo2016.png}}}|50px|center]] |
− | | style="padding: 10px; line-height: 1.7 | + | | style="padding: 10px 10px 0 0; line-height: 1.7; font-size: 150%" | '''{{{title}}}''' |
+ | |- | ||
+ | | style="line-height: 1.7; text-align: justify; height: auto;" | {{#if: {{{quote|}}} | ''“{{{quote}}}”'' |}} | ||
+ | |- | ||
+ | | style="padding: 0 10px 10px 0; line-height: 1.7; text-align: justify;" | {{{description}}} | ||
|} | |} | ||
− | |||
<noinclude> | <noinclude> | ||
==Usage== | ==Usage== | ||
Line 11: | Line 14: | ||
* '''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>. | ||
+ | * '''text color (Optional):''' The CSS color to be used by the text in the box. Defaults to the page's normal text color. | ||
===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 31: | ||
{{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 | ||
Line 30: | Line 37: | ||
|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 = VERY Red. | ||
+ | |quote = Nothing can ever contain my redness! | ||
+ | |color = RGB(255, 0, 0) | ||
+ | |text color = RGB(255, 255, 255) | ||
+ | |description = But you can still read me, thanks to the magical 'text color' parameter!}} | ||
+ | </nowiki> | ||
+ | |||
+ | {{ModalBox | ||
+ | |title = VERY Red. | ||
+ | |quote = Nothing can ever contain my redness! | ||
+ | |color = RGB(255, 0, 0) | ||
+ | |text color = RGB(255, 255, 255) | ||
+ | |description = But you can still read me, thanks to the magical 'text color' parameter!}} | ||
+ | |||
+ | <nowiki>{{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.}} | ||
+ | </nowiki> | ||
+ | |||
+ | {{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.}} | ||
<nowiki>{{ModalBox | <nowiki>{{ModalBox | ||
Line 40: | Line 71: | ||
|title=Attention! | |title=Attention! | ||
|description=Thank you for the attention.}} | |description=Thank you for the attention.}} | ||
− | |||
[[Category:Templates]] | [[Category:Templates]] | ||
</noinclude> | </noinclude> |
Latest revision as of 17:04, 17 December 2017
{{{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)
. - text color (Optional): The CSS color to be used by the text in the box. Defaults to the page's normal text color.
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 = VERY Red. |quote = Nothing can ever contain my redness! |color = RGB(255, 0, 0) |text color = RGB(255, 255, 255) |description = But you can still read me, thanks to the magical 'text color' parameter!}}
VERY Red. | |
“Nothing can ever contain my redness!” | |
But you can still read me, thanks to the magical 'text color' parameter! |
{{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. |