查看“模板:CharCard”的源代码

<div class="char-card-frame" style="padding: 10px; {{#switch:{{{Rarity}}}
|普通|Common = background: linear-gradient(-135deg, rgb(0, 141, 235), rgb(0, 225, 236));
|稀有|Rare = background: linear-gradient(-135deg, rgb(234, 187, 0), rgb(235, 229, 0));
|史诗|Epic = background: linear-gradient(-135deg, rgb(187, 2, 235), rgb(228, 1, 235));
|超级单位|Mega = background: linear-gradient(-135deg, rgb(121 50 255), rgb(107 49 185));
|#default = background: linear-gradient(-135deg, rgb(0, 141, 235), rgb(0, 225, 236));}}">
    <div class="sb-portriat" >[[File:Portrait {{{Level}}} {{{Name}}}.png|x175px|link={{{Name_zh}}}]]</div>
    <div style="position: absolute; height: 2.75em; bottom: 0px;"></div>
    <div style="position: absolute; height: 2.75em; bottom: 2px;">[[File:Portrait-desc-top.png|220px|link=]]</div>
    <div style="position: absolute; height: 1em; width: 220px; bottom: 0px; background-color: black;"></div>
    <div class="char-card-text"><div>[[File:Icon {{{Role}}}.png|25px]]</div><div style="padding-left: 0.2em; margin-bottom: -4px;">[[{{{Name_zh}}}]]</div></div>
    <div style="position: absolute; top: 0.4em; left: 0.7em;">[[File:Icon {{{Level}}} {{{Name}}}.png|30px]]</div>
    <div style="position: absolute; top: 0.4em; right: 0.7em;">[[File:Icon IP {{{IP}}}.png|30px]]</div>
    <div style="position: absolute; bottom: 0.2em; right: 0.7em;">[[File:Icon {{{World}}} World.png|30px]]</div>
</div>