Difference between revisions of "Template:BubbleBox"

From WikiMe @ iroiro.io
Jump to: navigation, search
ink>GuyPerfect
m
ink>GuyPerfect
m
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({{{color|192, 192, 192}}}); border-radius: 10px; padding: 15px; {{#ifeq:{{{background|}}}|bubbles||background-color: {{{background|#ffffff}}};}}">{{{content|}}}</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({{{color|192, 192, 192}}}); border-radius: 10px; padding: 15px; {{#ifeq:{{{background|}}}|bubbles||background-color: {{{background|#ffffff}}};}} {{{style|}}}">{{{content|}}}</div></includeonly><noinclude>
 
__NOTOC__
 
__NOTOC__
 
Produces a site-standard content container.
 
Produces a site-standard content container.
 
=== Usage ===
 
=== Usage ===
  <nowiki>{{</nowiki>BubbleBox|background=''background''|color=''color''|content=''content''}}
+
  <nowiki>{{</nowiki>BubbleBox
 +
  |background=
 +
  |color=
 +
  |content=
 +
  |style=
 +
}}
  
 
==== Parameters ====
 
==== Parameters ====
Line 11: Line 16:
  
 
''content'' - The document markup for the contents of the container.
 
''content'' - The document markup for the contents of the container.
 +
 +
''style'' - A CSS property list to apply to the container.
  
 
=== Example ===
 
=== Example ===

Revision as of 03:01, 17 January 2017


Produces a site-standard content container.

Usage

{{BubbleBox
  |background=
  |color=
  |content=
  |style=
}}

Parameters

background - 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.

color - An RGB hex triplet to use as the border color of the container. The default color is #999999.

content - The document markup for the contents of the container.

style - A CSS property list to apply to the container.

Example

Markup

{{BubbleBox|background=bubbles|color={{SiteColor|Splatoon 2}}|content=This is some sample content.}}

Output

User:GuyPerfect/BubbleBox