Template:AbilityCircle - Revision history

Gammaton32: replace image with AbilityIcon

2026-05-05T01:13:47Z

replace image with AbilityIcon

← Older revision		Revision as of 01:13, 5 May 2026
Line 2:		Line 2:
	<div class="abilityImage" style="display:inline-block; width:{{{bgsize\|128}}}px; height:{{{bgsize\|128}}}px;">		<div class="abilityImage" style="display:inline-block; width:{{{bgsize\|128}}}px; height:{{{bgsize\|128}}}px;">
	<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>		<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>
	<div class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; filter: brightness(0);">		<div class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; text-align:center; filter: brightness(0);">
	{{#if:{{{displayicon\|}}}\|~~[[File:~~{{{displayicon}}}\|{{{iconsize\|90}}}~~x{{{iconsize\|90}~~}}~~px\|middle\|center~~\|~~link=~~{{~~{link}}}]]~~\|~~[[File:~~{{{name\|Smoke Bomb}}}~~.png~~\|~~link~~=~~{{{link}}}~~\|{{{iconsize\|90}}}~~x{{{iconsize\|90~~}}~~}px\|middle\|center]]~~}}		{{#if:{{{displayicon\|}}}\|{{AbilityIcon\|{{{displayicon}}}\|icon-only=true\|size={{{iconsize\|90}}}px}}\|{{AbilityIcon\|{{{name\|Smoke Bomb}}}\|icon-only=true\|size={{{iconsize\|90}}}px}}}}
	</div>		</div>
	</div>		</div>

Gammaton32: added "link" variable

2026-05-05T00:55:00Z

added "link" variable

← Older revision		Revision as of 00:55, 5 May 2026
Line 3:		Line 3:
	<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>		<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>
	<div class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; filter: brightness(0);">		<div class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; filter: brightness(0);">
	{{#if:{{{displayicon\|}}}\|[[File:{{{displayicon}}}\|{{{iconsize\|90}}}x{{{iconsize\|90}}}px\|middle\|center\|link=]]\|[[File:{{{name\|Smoke Bomb}}}.png\|link=\|{{{iconsize\|90}}}x{{{iconsize\|90}}}px\|middle\|center]]}}		{{#if:{{{displayicon\|}}}\|[[File:{{{displayicon}}}\|{{{iconsize\|90}}}x{{{iconsize\|90}}}px\|middle\|center\|link={{{link}}}]]\|[[File:{{{name\|Smoke Bomb}}}.png\|link={{{link}}}\|{{{iconsize\|90}}}x{{{iconsize\|90}}}px\|middle\|center]]}}
	</div>		</div>
	</div>		</div>

LVL: Reverted edit by 79.111.36.108 (talk) to last revision by LVL

2026-04-03T19:17:30Z

Reverted edit by 79.111.36.108 (talk) to last revision by LVL

Can't load revision 63920

at 19:14, 3 April 2026

2026-04-03T19:14:04Z

Replaced content with "SEX"

Can't load revision 63915

LVL: Moved doc to its own page.

2025-10-16T17:24:19Z

Moved doc to its own page.

@@ Line 6: / Line 6: @@
 </div>
 </div>
-</onlyinclude>
+</onlyinclude><noinclude>
+{{Documentation}}
 </noinclude>

LVL: Fixed some icons appearing white.

2025-08-27T14:26:40Z

Fixed some icons appearing white.

← Older revision		Revision as of 14:26, 27 August 2025
Line 1:		Line 1:
	<onlyinclude>		<onlyinclude>
	<div class="abilityImage" style="display:inline-block; width:{{{bgsize\|128}}}px; height:{{{bgsize\|128}}}px;">		<div class="abilityImage" style="display:inline-block; width:{{{bgsize\|128}}}px; height:{{{bgsize\|128}}}px;">
	<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>		<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>
	<div class="ability-icon"		<div class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; filter: brightness(0);">
	style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">		{{#if:{{{displayicon\|}}}\|[[File:{{{displayicon}}}\|{{{iconsize\|90}}}x{{{iconsize\|90}}}px\|middle\|center\|link=]]\|[[File:{{{name\|Smoke Bomb}}}.png\|link=\|{{{iconsize\|90}}}x{{{iconsize\|90}}}px\|middle\|center]]}}
	{{#if:{{{displayicon\|}}}\|[[File:{{{displayicon}}}\|{{{iconsize\|90}}}x{{{iconsize\|90}}}px\|middle\|center\|link=]]\|[[File:{{{name\|Smoke Bomb}}}.png\|link=\|{{{iconsize\|90}}}x{{{iconsize\|90}}}px\|middle\|center]]}}		</div>
	</div>		</div>
	</div>
	</onlyinclude>		</onlyinclude>

QuinnBinn at 10:29, 6 September 2024

2024-09-06T10:29:52Z

← Older revision		Revision as of 10:29, 6 September 2024
Line 1:		Line 1:
	<onlyinclude>		<onlyinclude>
	<div class="abilityImage" style="display:inline-block; width:~~128px~~; height:~~128px~~;">		<div class="abilityImage" style="display:inline-block; width:{{{bgsize\|128}}}px; height:{{{bgsize\|128}}}px;">
	<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>		<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>
	<div class="ability-icon"		<div class="ability-icon"

QuinnBinn at 10:28, 6 September 2024

2024-09-06T10:28:47Z

← Older revision		Revision as of 10:28, 6 September 2024
Line 1:		Line 1:
	<onlyinclude>		<onlyinclude>
	<div class="abilityImage" style="display:inline-block; width:128px; height:128px;">		<div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
	<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}~~pxx~~{{{bgsize}}}px\|link=]]</div>		<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}x{{{bgsize\|128}}}px\|link=]]</div>
	<div class="ability-icon"		<div class="ability-icon"
	style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">		style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">

QuinnBinn at 10:28, 6 September 2024

2024-09-06T10:28:12Z

← Older revision		Revision as of 10:28, 6 September 2024
Line 1:		Line 1:
	<onlyinclude>		<onlyinclude>
	<div class="abilityImage" style="display:inline-block; width:128px; height:128px;">		<div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
	<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|~~128x128px~~\|link=]]</div>		<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png\|{{{bgsize\|128}}}pxx{{{bgsize}}}px\|link=]]</div>
	<div class="ability-icon"		<div class="ability-icon"
	style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">		style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">
Line 29:		Line 29:
	"example": "Smoke Bomb",		"example": "Smoke Bomb",
	"required": true		"required": true
			},
			"bgsize": {
			"description": "Size of the background circle. Should almost always be larger than the icon",
			"example": "128"
	}		}
	},		},
Line 34:		Line 38:
	"name",		"name",
	"iconsize",		"iconsize",
			"bgsize",
	"displayicon"		"displayicon"
	]		]

QuinnBinn: Copied and modified the ability circle from Template:Ability card to make building another template easier

2024-09-06T10:25:58Z

Copied and modified the ability circle from Template:Ability card to make building another template easier

New page

<onlyinclude>
<div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|128x128px|link=]]</div>
<div class="ability-icon"
style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">
{{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{{name|Smoke Bomb}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}}
</div>
</div>
</onlyinclude>

Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]].

{{AbilityCircle|name=Siphon Life}} {{AbilityCircle|name=Shoulder Charge}} {{AbilityCircle|name=Infernal Resilience}} {{AbilityCircle|name=Seismic Impact}}
<noinclude>
<templatedata>
{
"params": {
"displayicon": {
"description": "Use if the ability icon has a different name or uses another icon.",
"example": "Smoke Bomb.png"
},
"iconsize": {
"description": "Size of the whole icon. Defaults to 90",
"example": "20",
"default": "90"
},
"name": {
"description": "Name of the ability",
"example": "Smoke Bomb",
"required": true
}
},
"paramOrder": [
"name",
"iconsize",
"displayicon"
]
}
</templatedata>
</noinclude>