Difference between revisions of "Template:ModalBox"
From sureai
(Properly justify text) |
m (Use smart quotes) |
||
(3 intermediate revisions by the same user not shown) | |||
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)}}}; color: {{{text color|inherit}}}" |
− | | style="padding: 10px; width: 60px;" | [[{{{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> | ||
Line 13: | Line 17: | ||
* '''image (Optional):''' Name of the ''File:'' containing the image shown in the box. Defaults to <code>File:SureaiLogo2016.png</code>. | * '''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>. | * '''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=== | ||
Line 31: | Line 36: | ||
|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 = 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 | <nowiki>{{ModalBox |
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. |