Difference between revisions of "Template:BubbleBox"

From WikiMe @ iroiro.io
Jump to: navigation, search
ink>GuyPerfect
(Reworking everything)
ink>GuyPerfect
m (Reworking color parameters)
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({{{border|192, 192, 192}}}); border-radius: 10px; padding: 15px; margin: 4px; {{#ifeq:{{{background|}}}|bubbles||background-color: {{{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.
Line 8: Line 8:
 
|<code>content</code>||Unnamed.||The content of the container, or "open" to leave the container as an unterminated <nowiki><div></nowiki> element.
 
|<code>content</code>||Unnamed.||The content of the container, or "open" to leave the container as an unterminated <nowiki><div></nowiki> element.
 
|- style="vertical-align: top;"
 
|- style="vertical-align: top;"
|<code>background</code>||&nbsp;||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.
+
|<code>background</code>||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.
 
|- style="vertical-align: top;"
 
|- style="vertical-align: top;"
|<code>border</code>||&nbsp;||An RGB hex triplet to use as the border color of the container. The default color is 192, 192, 192.
+
|<code>border</code>||Optional.||An RGB triplet to use as the border color of the container. The default color is 192, 192, 192.
 
|- style="vertical-align: top;"
 
|- style="vertical-align: top;"
 
|<code>style</code>||Optional.||A CSS property list to apply to the container.
 
|<code>style</code>||Optional.||A CSS property list to apply to the container.

Revision as of 07:12, 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/BubbleBox

User:GuyPerfect/BubbleBoxSample text