Difference between revisions of "Template:Infobox conditional data bar"
Jump to navigation
Jump to search
| Line 2: | Line 2: | ||
<tr> | <tr> | ||
<td>{{{1}}}</td> | <td>{{{1}}}</td> | ||
| − | <td style="width:66%"><div style="position:absolute;width:{{{width|190px}}}; background: linear-gradient(45deg,transparent {{#expr:{{{value}}}/ln10}}%,#000000d0 {{#expr:{{{value}}}/ln10}}%),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> | + | <td style="width:66%"><div style="position:absolute;width:{{{width|190px}}}; background: linear-gradient(45deg,transparent {{#expr:ln{{{value}}}/ln10}}%,#000000d0 {{#expr:ln{{{value}}}/ln10}}%),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> | ||
Revision as of 00:08, 12 May 2019
{{{1}}} <div style="position:absolute;width:190px; background: linear-gradient(45deg,transparent Expression error: Unrecognized punctuation character "{".%,#000000d0 Expression error: Unrecognized punctuation character "{".%),linear-gradient(#00000080, transparent 35%,#ffffff80 50%,transparent 65%,#00000080),cyan;clip-path: polygon(0% 20%, 100% 20%, 100% 80%, 0% 80%);">
{{{value}}}
Example use:
<table class="infobox">
{{ Infobox default title | Strong man }}
{{ Infobox conditional data bar | Level | value=43.2|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 | <div style="position:absolute;width:190px; background: linear-gradient(45deg,transparent Invalid argument for ln: <= 0.%,#000000d0 Invalid argument for ln: <= 0.%),linear-gradient(#00000080, transparent 35%,#ffffff80 50%,transparent 65%,#00000080),cyan;clip-path: polygon(0% 20%, 100% 20%, 100% 80%, 0% 80%);"> 0 |