Difference between revisions of "Template:BubbleBox"

From WikiMe @ iroiro.io
Jump to: navigation, search
ink>GuyPerfect
m
ink>GuyPerfect
(Reworking everything)
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; margin: 4px; {{#ifeq:{{{background|}}}|bubbles||background-color: {{{background|#ffffff}}};}} {{{style|}}}"></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({{{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>
 
__NOTOC__
 
__NOTOC__
Produces a site-standard content container. This produces an unterminated <nowiki><div></nowiki> element.
+
Produces a site-standard content container.
=== Usage ===
 
<nowiki>{{</nowiki>BubbleBox
 
  |background=
 
  |color=
 
  |style=
 
}}
 
  
==== Parameters ====
+
=== 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.
+
|<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'' - A CSS property list to apply to the container.
+
|<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.
 +
|- 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.
 +
|- style="vertical-align: top;"
 +
|<code>style</code>||Optional.||A CSS property list to apply to the container.
 +
|}
  
 
=== Example ===
 
=== Example ===
  
 
==== Markup ====
 
==== Markup ====
  <nowiki>{{BubbleBox|background=bubbles|color={{SiteColor|Splatoon 2}}}}
+
  <nowiki>{{BubbleBox|background=rgba({{SiteColor|Splatoon}}, 0.25)|border={{SiteColor|Splatoon}}|Sample text}}
This is some sample content.
+
{{BubbleBox|open|background=bubbles|border={{SiteColor|Splatoon 2}}}}Sample text</div></nowiki>
</div></nowiki>
 
  
 
==== Output ====
 
==== Output ====
{{User:GuyPerfect/BubbleBox|background=bubbles|color={{User:GuyPerfect/SiteColor|Splatoon 2}}}}
+
{{User:GuyPerfect/BubbleBox|background=rgba({{User:GuyPerfect/SiteColor|Splatoon}}, 0.25)|border={{User:GuyPerfect/SiteColor|Splatoon}}|Sample text}}
This is some sample content.
+
{{User:GuyPerfect/BubbleBox|background=bubbles|border={{User:GuyPerfect/SiteColor|Splatoon 2}}|open}}Sample text</div>
</div>
 
 
</noinclude>
 
</noinclude>

Revision as of 06:57, 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   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   An RGB hex 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