Template:Hero Card Nav: Difference between revisions

(11 intermediate revisions by 4 users not shown)

Line 1:

[[File:{{{Hero|Abrams}}} card.png|{{{size|50}}}px|link={{{Hero|Abrams}}}]]

<span>[[File:{{{Hero|{{{1|Abrams}}}}}} card.png|{{{size|{{{2|88}}}}}}px|link={{{Hero|{{{1|Abrams}}}}}}]]</span><p style="position: absolute; bottom: 0px; text-align: center; background-color:rgba(0, 0, 0, 0.35); border-radius: 0px 0px 8px 8px; width: 100%; font-weight: bold; text-shadow: 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black;font-family:'Liberation Serif', serif;font-size: {{{font size|11}}}px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; pointer-events: none;">[[{{{Hero|{{{1|Abrams}}}}}}|<span style="color:#FFEFD7">{{{Alt|{{{Hero|{{{1|Abrams}}}}}}}}}</span>]]</p>

<p style="position: absolute; bottom: ~~4px~~; text-align: center; background-color:rgba(~~255~~, ~~243~~, ~~206~~, 0.5); border-radius: ~~2px~~; width: 100%; font-weight: bold~~; color:#FFEFD7~~; text-shadow: 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black; font-size: {{{font size|10}}}px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; pointer-events: none;">{{{Hero|Abrams}}}</p>

</div></onlyinclude><noinclude>{{Documentation}}</noinclude>

</div></onlyinclude>

~~<templatedata>~~

{

~~"params": {~~

~~"Hero": {~~

~~"description": "Which Hero this is for",~~

~~"example": "Abrams"~~

},

~~"size":~~ {

~~"description": "Image size, adjust if using elsewhere",~~

~~"example": "50",~~

~~"type": "number",~~

~~"default": "50"~~

},

~~"font size":~~ {

~~"description": "Font size, defaults to 10",~~

~~"type": "number",~~

~~"default": "10"~~

}

},

~~"description": "A smaller type of hero card for use primarily in navboxes",~~

~~"paramOrder": [~~

~~"Hero",~~

~~"size",~~

~~"font size"~~

]

}

~~</templatedata>~~

</noinclude>

@@ Line 1: / Line 1: @@
-<onlyinclude><div style="display:inline-block; position:relative">
+<onlyinclude><div class="HeroCard2"; style="display:inline-block; overflow:hidden; border-radius:8px; background-image:linear-gradient(#A69885, #72695A); position:relative; transition:0.1s transform ease-in-out; height:auto; max-width:{{{size|{{{2|88}}}}}}px; width:100%; box-shadow:1px 1px 4px;">
-[[File:{{{Hero|Abrams}}} card.png|{{{size|50}}}px|link={{{Hero|Abrams}}}]]
+<span>[[File:{{{Hero|{{{1|Abrams}}}}}} card.png|{{{size|{{{2|88}}}}}}px|link={{{Hero|{{{1|Abrams}}}}}}]]</span><p style="position: absolute; bottom: 0px; text-align: center; background-color:rgba(0, 0, 0, 0.35); border-radius: 0px 0px 8px 8px; width: 100%; font-weight: bold; text-shadow: 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black;font-family:'Liberation Serif', serif;font-size: {{{font size|11}}}px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; pointer-events: none;">[[{{{Hero|{{{1|Abrams}}}}}}|<span style="color:#FFEFD7">{{{Alt|{{{Hero|{{{1|Abrams}}}}}}}}}</span>]]</p>
-<p style="position: absolute; bottom: 4px; text-align: center; background-color:rgba(255, 243, 206, 0.5); border-radius: 2px; width: 100%; font-weight: bold; color:#FFEFD7; text-shadow: 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black; font-size: {{{font size|10}}}px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; pointer-events: none;">{{{Hero|Abrams}}}</p>
+</div></onlyinclude><noinclude>{{Documentation}}</noinclude>
-</div></onlyinclude>
-<noinclude>
-<templatedata>
-{
-	"params": {
-		"Hero": {
-			"description": "Which Hero this is for",
-			"example": "Abrams"
-		},
-		"size": {
-			"description": "Image size, adjust if using elsewhere",
-			"example": "50",
-			"type": "number",
-			"default": "50"
-		},
-		"font size": {
-			"description": "Font size, defaults to 10",
-			"type": "number",
-			"default": "10"
-		}
-	},
-	"description": "A smaller type of hero card for use primarily in navboxes",
-	"paramOrder": [
-		"Hero",
-		"size",
-		"font size"
-	]
-}
-</templatedata>
-</noinclude>