Template:Hero card2: Difference between revisionsGive feedback
Created page with "<div class="HeroCard2" style="display:inline-block; border-radius: 2px; overflow:hidden; position: relative; background-image: linear-gradient(#A69885, #72695A); width: 132px; height: 179px; box-shadow: 0px 0px 20px #00000090; transform: 0.2 all ease-in-out;"> <span>[[File:{{{Image|{{{1|Abrams}}}}}} card.png|132px|link={{{1|Abrams}}}]]</span> <p style="position: absolute; bottom: 5px; text-align: center; width: 100%; font-family: 'Mineko'; font-weight: bold; color: whit..." |
hero card redesign |
||
| (46 intermediate revisions by 15 users not shown) | |||
| Line 1: | Line 1: | ||
< | <templatestyles src="Template:Hero card2/styles.css" /><includeonly><!-- | ||
< | |||
vars: | |||
heroName (1) / default Abrams | |||
cardSize | |||
textSize | |||
isHeroLabs | |||
overrideDisplayName | |||
overrideLinkTooltip | |||
overrideLinkImage | |||
overrideLinkClick | |||
< | -->{{#vardefine:heroName|{{{heroName|{{{1|Abrams}}}|}}}}}<!-- | ||
-->{{#vardefine:cardSize|{{{cardSize|130}}}}}<!-- | |||
-->{{#vardefine:imageSize|{{#expr: ({{#var:cardSize}} * 0.923) round 0 }}}}<!-- | |||
-->{{#vardefine:textSize|{{{textSize|24}}}}}<!-- | |||
-->{{#vardefine:isHeroLabs|{{#ifeq:{{{isHeroLabs|false}}}|true|HeroLabs}}}}<!-- | |||
-->{{#vardefine:displayName|{{#invoke:Lang|get_string|{{#invoke:HeroData|get_hero_key|{{#var:heroName}}}}}}}}<!-- | |||
-->{{#vardefine:displayName|{{#if:{{#var:displayName}}|{{#var:displayName}}|{{#var:heroName}}}}}}<!-- | |||
-->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:displayName}}}}}}}<!-- | |||
-->{{#vardefine:linkTooltip|{{{overrideLinkTooltip|{{#var:heroName}}}}}}}<!-- | |||
-->{{#vardefine:linkImage|{{{overrideLinkImage|{{#var:heroName}}}}}}}<!-- | |||
-->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:heroName}}{{If lang}}}}}}}<!-- | |||
--> | |||
<div class="HeroCard {{#var:isHeroLabs}}" style="width:{{#var:cardSize}}px;"> | |||
<div class="CardBacker"></div> | |||
<div class="HeroImage">[[File:{{#var:linkImage}}_vertical.png|{{#var:imageSize}}px|link=]]</div> | |||
<div class="HeroLabsSticker"></div> | |||
<div class="CardShape"></div> | |||
<div class="GradiantOverlay"></div> | |||
<p class="HeroLabsText">{{#invoke:Lang|get_string|MyRosterHeroLabsHero|fallback_str=en}}</p> | |||
<p class="HeroName" style="--text-size:{{#var:textSize}}px;">{{#var:displayName}}</p> | |||
<div class="hero-link-wrapper" data-hero-name="{{#var:linkTooltip}}">[[{{#var:linkClick}}|<span></span>]]</div> | |||
</div></includeonly><noinclude>{{Documentation}}</noinclude> | |||