Difference between revisions of "Template:BubbleBox"
ink>GuyPerfect m (Reworking color parameters) |
ink>GuyPerfect m (Removing extra newline) |
||
| Line 1: | Line 1: | ||
| − | <includeonly><div {{#ifeq:{{{background|}}}|bubbles|class="bubbleboxbg"}} style="box-shadow: 0px 0px 15px #ffffff inset; border-width: 10px 1px 10px 1px; border-style: solid; border-color: rgb({{#if:{{{border|}}}|{{{border}}}|192, 192, 192}}); border-radius: 10px; padding: 15px; margin: 4px; {{#ifeq:{{{background|}}}|bubbles||background-color: {{#if:{{{background|}}}|{{{background}}}|white}};}} {{{style|}}}">{{#ifeq:{{{1|}}}|open||{{{1|}}}</div>}}</includeonly><noinclude> | + | <includeonly><div {{#ifeq:{{{background|}}}|bubbles|class="bubbleboxbg"}} style="box-shadow: 0px 0px 15px #ffffff inset; border-width: 10px 1px 10px 1px; border-style: solid; border-color: rgb({{#if:{{{border|}}}|{{{border}}}|192, 192, 192}}); border-radius: 10px; padding: 15px; margin: 4px; {{#ifeq:{{{background|}}}|bubbles||background-color: {{#if:{{{background|}}}|{{{background}}}|white}};}} {{{style|}}}">{{#ifeq:{{{1|}}}|open||{{{1|}}}</div>}}</includeonly><noinclude>__NOTOC__ |
| − | __NOTOC__ | ||
Produces a site-standard content container. | Produces a site-standard content container. | ||
Revision as of 07:47, 18 January 2017
Produces a site-standard content container.
Parameters
content |
Unnamed. | The content of the container, or "open" to leave the container as an unterminated <div> element. |
background |
Optional. | A CSS color value to use as the background for the content portion of the container, or "bubbles" for the site-standard bubble background. The default color is white. |
border |
Optional. | An RGB triplet to use as the border color of the container. The default color is 192, 192, 192. |
style |
Optional. | A CSS property list to apply to the container. |
Example
Markup
{{BubbleBox|background=rgba({{SiteColor|Splatoon}}, 0.25)|border={{SiteColor|Splatoon}}|Sample text}}
{{BubbleBox|open|background=bubbles|border={{SiteColor|Splatoon 2}}}}Sample text</div>
Output
User:GuyPerfect/BubbleBoxSample text
