Difference between revisions of "Template:Infobox conditional data bar"
Jump to navigation
Jump to search
| Line 3: | Line 3: | ||
<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% 10%, 100% 10%, 100% 90%, 0% 90%);"><div class="contrasted" style="font-weight:bold;margin:2px">{{{text|{{{value|0}}}}}}</div></div></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% 10%, 100% 10%, 100% 90%, 0% 90%);"><div class="contrasted" style="font-weight:bold;margin:2px">{{{text|{{{value|0}}}}}}</div></div></td> | ||
| − | </tr>}} | + | </tr>| error}} |
</onlyinclude><noinclude> | </onlyinclude><noinclude> | ||
<br/> | <br/> | ||
Revision as of 06:23, 13 June 2019
{{{1}}}
0
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 |