Template:MessageBubble: Difference between revisions

From Imagisphere
Jump to navigation Jump to search
(WIP Template Page)
 
mNo edit summary
Line 1: Line 1:
<includeonly><div style="display: inline-block;">
<includeonly><div style="display: inline-block;">
{| style="border-spacing: 0;"  
{| style="border-spacing: 0;"  
|class="message-bubble-{{{style|round}}}-edge" style="height:100px; width:48px; background-size: 100px; background-color:#000" |
|class="message-bubble-{{{style|round}}}-edge" style="height:{{{height|100px}}}; width:{{{left-offset|48px}}}; background-size:{{{height|100px}}}; background-color:#000" |
|class="message-bubble-{{{style|round}}}-repeat" style="height:100px; background-size: 100px; width:300px; background-color:#000" | <font face="Omnes Regular" color="#000">{{{content|}}}</font>  
|class="message-bubble-{{{style|round}}}-repeat" style="height:{{{height|100px}}}; background-size:{{{height|100px}}}; width:{{{width|300px}}}; background-color:#000" | <font face="Omnes Regular" color="#000">{{{content|}}}</font>  
|class="message-bubble-{{{style|round}}}-edge" style="height:100px; width:46px; background-size: 100px; background-position-x: right; background-color:#000" |
|class="message-bubble-{{{style|round}}}-edge" style="height:{{{height|100px}}}; width:{{{right-offset|46px}}}; background-size:{{{height|100px}}}; background-position-x: right; background-color:#000" |
|}</div>
|}</div>
</includeonly><noinclude>
</includeonly><noinclude>
Line 10: Line 10:
{{MessageBubble|style=cloud|content=Bubble Testing!}}
{{MessageBubble|style=cloud|content=Bubble Testing!}}
{{MessageBubble|style=spike|content=Bubble Testing!}}
{{MessageBubble|style=spike|content=Bubble Testing!}}
{{MessageBubble|style=cloud|height=200px|width=600px|left-offset=98px|right-offset=96px|content=Bubble Testing!}}


Creates a message bubble.
Creates a message bubble.
</noinclude>
</noinclude>

Revision as of 19:14, 28 December 2023


Bubble Testing!
Bubble Testing!
Bubble Testing!
Bubble Testing!


Creates a message bubble.