Template:Chat/sandbox: Difference between revisions

From VNDev Wiki
testing a cleaner way to add multi-line messages, especially with varied sizes
 
i think this is final!
 
(4 intermediate revisions by the same user not shown)
Line 13: Line 13:
<div style="flex-shrink: 0; flex-grow: 1; flex-wrap: wrap; padding-left: 0.5em; padding-right: 1em; padding-bottom: 1ex; max-width: 80%;">
<div style="flex-shrink: 0; flex-grow: 1; flex-wrap: wrap; padding-left: 0.5em; padding-right: 1em; padding-bottom: 1ex; max-width: 80%;">
<div><p style="margin:0;">{{#switch: {{{name|{{{1|}}}}}}
<div><p style="margin:0;">{{#switch: {{{name|{{{1|}}}}}}
| P
| P | PD | Pd | Plum = <span style="color:purple">
| PD
| S | Stella
| Pd
| Le | Lemon = <span style="color:goldenrod">
| Plum = <span style="color:purple">
| C | Cherry = <span style="color:crimson">
| S
| Li | Lime = <span style="color:forestgreen">
| Stella
| Le
| Lemon = <span style="color:goldenrod">
| C
| Cherry = <span style="color:crimson">
| Li
| Lime = <span style="color:forestgreen">
| #default = <span style="color:{{{color|}}}">
| #default = <span style="color:{{{color|}}}">
}}
}}
<strong>{{#switch: {{{name|{{{1|}}}}}}
<strong>{{#switch: {{{name|{{{1|}}}}}}
| P
| P | PD | Pd = Plum
| PD
| Pd = Plum
| Le = Lemon
| Le = Lemon
| C = Cherry
| C = Cherry
Line 40: Line 31:
<div><span style="font-size:  
<div><span style="font-size:  
{{#switch: {{{size|{{{size1|}}}}}}
{{#switch: {{{size|{{{size1|}}}}}}
| l
| l | L | large = 170%;
| L
| s | S | small = 80%;
| large = 170%;
}}">{{{message|{{{message1|{{{2|<noinclude>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt consectetur dolor non sodales. Sed egestas varius posuere.</noinclude>}}}}}}}}}</span><!--
| s
| S
| small = 80%;
}}">{{{message|{{{2|}}}}}}</span><--


-->{{#if:{{{message2|{{{3|}}}}}}
-->{{#if:{{{message2|{{{3|}}}}}}
|<br /><span style="font-size:  
|<br /><span style="font-size:  
{{#switch: {{{size2|}}}
{{#switch: {{{size2|}}}
| l
| l | L | large = 170%;
| L
| s | S | small = 80%;
| large = 170%;
}}">{{{message2|{{{3|}}}}}}</span>
| s
|}} <!--
| S
| small = 80%;
}}">{{{message2|{{{3|}}}}</span>
|}}<--


-->{{#if:{{{message3|{{{4|}}}}}}
-->{{#if:{{{message3|{{{4|}}}}}}
|<br /><span style="font-size:  
|<br /><span style="font-size:  
{{#switch: {{{size3|}}}
{{#switch: {{{size3|}}}
| l
| l | L | large = 170%;
| L
| s | S | small = 80%;
| large = 170%;
}}">{{{message3|{{{4|}}}}}}</span>
| s
|}} <!--
| S
| small = 80%;
}}">{{{message3|{{{4|}}}}</span>
|}}<--


--><noinclude>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt consectetur dolor non sodales. Sed egestas varius posuere.</noinclude></div>
-->{{#if:{{{message4|{{{5|}}}}}}
|<br /><span style="font-size:
{{#switch: {{{size4|}}}
| l | L | large = 170%;
| s | S | small = 80%;
}}">{{{message4|{{{5|}}}}}}</span>
|}} <!--
 
-->{{#if:{{{message5|{{{6|}}}}}}
|<br /><span style="font-size:
{{#switch: {{{size5|}}}
| l | L | large = 170%;
| s | S | small = 80%;
}}">{{{message5|{{{6|}}}}}}</span>
|}} <!--
 
-->{{#if:{{{message6|{{{7|}}}}}}
|<br /><span style="font-size:
{{#switch: {{{size6|}}}
| l | L | large = 170%;
| s | S | small = 80%;
}}">{{{message6|{{{7|}}}}}}</span>
|}} <!--
 
-->{{#if:{{{message7|{{{8|}}}}}}
|<br /><span style="font-size:
{{#switch: {{{size7|}}}
| l | L | large = 170%;
| s | S | small = 80%;
}}">{{{message7|{{{8|}}}}}}</span>
|}} <!--
 
-->{{#if:{{{message8|{{{9|}}}}}}
|<br /><span style="font-size:
{{#switch: {{{size8|}}}
| l | L | large = 170%;
| s | S | small = 80%;
}}">{{{message8|{{{9|}}}}}}</span>
|}}</div>
</div>
</div>
</div><noinclude>{{documentation}}</noinclude>
</div><noinclude>{{documentation}}</noinclude>

Latest revision as of 09:17, 19 December 2024

""

Unknown User

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt consectetur dolor non sodales. Sed egestas varius posuere.

Template:Template sandbox notice

Documentation icon Template documentation [view] [edit] [purge]