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}}};}} {{{style|}}}">{{{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|}}}"></includeonly><noinclude>
 
__NOTOC__
 
__NOTOC__
Produces a site-standard content container.
+
Produces a site-standard content container. This produces an unterminated <nowiki><div></nowiki> element.
 
=== Usage ===
 
=== Usage ===
 
  <nowiki>{{</nowiki>BubbleBox
 
  <nowiki>{{</nowiki>BubbleBox
 
   |background=
 
   |background=
 
   |color=
 
   |color=
  |content=
 
 
   |style=
 
   |style=
 
  }}
 
  }}
Line 14: Line 13:
  
 
''color'' - An RGB hex triplet to use as the border color of the container. The default color is #999999.
 
''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.
 
''style'' - A CSS property list to apply to the container.
Line 22: Line 19:
  
 
==== Markup ====
 
==== Markup ====
  <nowiki>{{BubbleBox|background=bubbles|color={{SiteColor|Splatoon 2}}|content=This is some sample content.}}</nowiki>
+
  <nowiki>{{BubbleBox|background=bubbles|color={{SiteColor|Splatoon 2}}|content=This is some sample content.}}
 +
</div></nowiki>
  
 
==== Output ====
 
==== Output ====
 
{{User:GuyPerfect/BubbleBox|background=bubbles|color={{User:GuyPerfect/SiteColor|Splatoon 2}}|content=This is some sample content.}}
 
{{User:GuyPerfect/BubbleBox|background=bubbles|color={{User:GuyPerfect/SiteColor|Splatoon 2}}|content=This is some sample content.}}
 +
</div>
 
</noinclude>
 
</noinclude>

Revision as of 03:03, 17 January 2017


Produces a site-standard content container. This produces an unterminated <div> element.

Usage

{{BubbleBox
  |background=
  |color=
  |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.

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.}}
 </div>

Output

User:GuyPerfect/BubbleBox