Modèle:BubbleBox
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. |
border |
Optional. | An RGB triplet to use as the border color of the container. The default color is Erreur de script : le module « SiteColor » n’existe pas., defined in SiteColor as "Generic". |
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 rgba(border , 0.25).
|
style |
Optional. | A CSS property list to apply to the container. |
collapsed |
Optional. | If present, the container becomes collapsible and two nested, unterminated <div> elements. content will appear before the collapsible region. Must be one of the following:
|
tags |
Optional. | If present, the given tag names will be added to the element. This is useful only for back-end JavaScript purposes. |
Example
Markup
{{BubbleBox|background=rgba({{SiteColor|Splatoon}}, 0.25)|border={{SiteColor|Splatoon}}|Sample text 1}} {{BubbleBox|Sample text 2}} {{BubbleBox|border={{SiteColor|Splatoon 2}}|Sample text 3}} {{BubbleBox|open|background=stripes|border={{SiteColor|NIWA}}}}Sample text 4</div> {{BubbleBox|background=bubbles|collapsed=false|border=40,80,120|Static content}}Collapsible content</div></div>
Output
<div class="rgba(Erreur de script : le module « SiteColor » n’existe pas., 0.25) " style="color:box-shadow: 0px 0px 15px #ffffff inset; border-width: 10px 1px 10px 1px; border-style: solid; border-color: rgb(Erreur de script : le module « SiteColor » n’existe pas.); border-radius: 10px; padding: 15px; margin: 4px; background-color: rgba(Erreur de script : le module « SiteColor » n’existe pas., 0.25); ">Sample text 1 <div class="{{{background}}} " style="color:box-shadow: 0px 0px 15px #ffffff inset; border-width: 10px 1px 10px 1px; border-style: solid; border-color: rgb(Erreur de script : le module « SiteColor » n’existe pas.); border-radius: 10px; padding: 15px; margin: 4px; background-color: rgba(Erreur de script : le module « SiteColor » n’existe pas., 0.25); ">Sample text 2 <div class="{{{background}}} " style="color:box-shadow: 0px 0px 15px #ffffff inset; border-width: 10px 1px 10px 1px; border-style: solid; border-color: rgb(Erreur de script : le module « SiteColor » n’existe pas.); border-radius: 10px; padding: 15px; margin: 4px; background-color: rgba(Erreur de script : le module « SiteColor » n’existe pas., 0.25); ">Sample text 3 <div class="stripes " style="color:box-shadow: 0px 0px 15px #ffffff inset; border-width: 10px 1px 10px 1px; border-style: solid; border-color: rgb(Erreur de script : le module « SiteColor » n’existe pas.); border-radius: 10px; padding: 15px; margin: 4px; background-color: stripes; ">Sample text 4