Difference between revisions of "Template:Infobox conditional data bar"
Jump to navigation
Jump to search
(10 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | <onlyinclude> | + | <onlyinclude>{{#if:{{{value|}}}| |
<tr> | <tr> | ||
<td>{{{1}}}</td> | <td>{{{1}}}</td> | ||
− | <td style="width:66%"><div style="position:absolute;width:{{{width|190px}}}; background: linear-gradient(45deg,transparent {{Scaled number|{{{value}}}}}%,#000000d0 {{Scaled number|{{{value}}}}}%),linear-gradient(#00000080, transparent 35%,#ffffff80 50%,transparent 65%,#00000080),{{{color|cyan}}};clip-path: polygon(0% | + | <td style="width:66%"><div style="position:absolute;width:{{{width|190px}}}; background: linear-gradient(45deg,transparent {{Scaled number|{{{value}}}}}%,#000000d0 {{Scaled number|{{{value}}}}}%),linear-gradient(#00000080, transparent 35%,#ffffff80 50%,transparent 65%,#00000080),{{{color|cyan}}};clip-path: polygon(0% 20%, 100% 20%, 100% 80%, 0% 80%);"><div style="mix-blend-mode: exclusion;">{{{text|{{{value}}}}}}</div></div></td> |
</tr> | </tr> | ||
− | </onlyinclude><noinclude> | + | |}}</onlyinclude><noinclude> |
<br/> | <br/> | ||
Example use: | Example use: |
Latest revision as of 21:21, 13 June 2019
Example use:
<table class="infobox"> {{ Infobox default title | Strong man }} {{ Infobox conditional data bar | Level | value=101|color=yellow|text=storng|width=5000px}} {{ Infobox conditional data bar | Strongthness | value=75}} {{ Infobox conditional data bar | Sped | value=23}} {{ Infobox conditional data bar | Intelligonce | value=0}} </table>
becomes:
Strong man | |
---|---|
Level | storng |
Srongthness | 75 |
Sped | 23 |
Intelligonce | 0 |