Template:Chat: Difference between revisions
From VNDev Wiki
m bit of spacing around the PFP, trying to make long lists of messages look a bit better |
slightly smaller margins, implementing ordered parameters |
||
| Line 1: | Line 1: | ||
<div style="display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;"> | <div style="display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;"> | ||
<div style="flex-grow: 0; flex-wrap: wrap;"><p style="margin: | <div style="flex-grow: 0; flex-wrap: wrap;"><p style="margin:2px;"> | ||
{{#switch: {{{name}}} | {{#switch: {{{name|{{{1|}}}}}} | ||
| Plum = [[File:Plum PFP 2024.png|60px|alt=""]] | | Plum = [[File:Plum PFP 2024.png|60px|alt=""]] | ||
| Lemon = [[File:Lemon PFP 2024.png|60px|alt=""]] | | Lemon = [[File:Lemon PFP 2024.png|60px|alt=""]] | ||
| Line 11: | Line 11: | ||
<div style="flex-shrink: 0; flex-grow: 1; flex-wrap: wrap; padding-left: 1em; padding-right: 1em; padding-bottom: 1ex; max-width: 70%;"> | <div style="flex-shrink: 0; flex-grow: 1; flex-wrap: wrap; padding-left: 1em; padding-right: 1em; padding-bottom: 1ex; max-width: 70%;"> | ||
<div><p style="margin:0;"> | <div><p style="margin:0;"> | ||
{{#switch: {{{name}}} | {{#switch: {{{name|{{{1|}}}}}} | ||
| Plum = <span style="color:purple"> | | Plum = <span style="color:purple"> | ||
| Lemon = <span style="color:gold"> | | Lemon = <span style="color:gold"> | ||
| Line 17: | Line 17: | ||
| Lime = <span style="color:lightgreen"> | | Lime = <span style="color:lightgreen"> | ||
| #default = <span style="color:{{{color|}}}"> | | #default = <span style="color:{{{color|}}}"> | ||
}}<strong>{{{name|Unknown User}}}</strong></span></p> | }}<strong>{{{name|{{{1|Unknown User}}}}}}</strong></span></p> | ||
</div> | </div> | ||
<div>{{{message|}}}<noinclude>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt consectetur dolor non sodales. Sed egestas varius posuere. Aenean id accumsan risus, in aliquam odio. Praesent id nisl mi. Pellentesque eu tellus at diam suscipit accumsan.</noinclude></div> | <div>{{{message|{{{2|}}}}}}<noinclude>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt consectetur dolor non sodales. Sed egestas varius posuere. Aenean id accumsan risus, in aliquam odio. Praesent id nisl mi. Pellentesque eu tellus at diam suscipit accumsan.</noinclude></div> | ||
</div> | </div> | ||
</div><noinclude>Probably add some template documentation here</noinclude> | </div><noinclude>Probably add some template documentation here</noinclude> | ||
Revision as of 18:37, 4 December 2024
Unknown User
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt consectetur dolor non sodales. Sed egestas varius posuere. Aenean id accumsan risus, in aliquam odio. Praesent id nisl mi. Pellentesque eu tellus at diam suscipit accumsan.
Probably add some template documentation here
