User:Sharparam: Difference between revisions

Revision as of 18:29, 23 October 2024

Visit my website or GitHub profile to learn more about me!

For some of this to work properly it uses custom CSS.

64 pixel size test (native size of most icons):

28 pixels:

(Note that with the custom CSS, overlaid quality icon resizes automatically.)

@@ Line 12: / Line 12: @@
 pixel size test (native size of most icons):
-<!-- It seems line height has to be overridden otherwise the overlaid quality icon looks weird at smaller sizes -->
+{{User:Sharparam/Template/IconQuality|Signal-A|quality=rare}}
-<div style="position: relative; width: 64px; line-height: 1;"><!--
---><div style="position: absolute; width: 50%; left: 0; bottom: 0;"><!--
--->[[File:Quality rare.png|class=sharparam-icon-full|link=]]<!--
---></div><!--
--->[[File:Signal-A.png|class=sharparam-icon-full|link=]]<!--
---></div>
 pixels:
-<div style="position: relative; width: 28px; line-height: 1;"><!--
+{{User:Sharparam/Template/IconQuality|Signal-A|size=28px|quality=rare}}
---><div style="position: absolute; width: 50%; left: 0; bottom: 0;"><!--
--->[[File:Quality rare.png|class=sharparam-icon-full|link=]]<!--
---></div><!--
--->[[File:Signal-A.png|class=sharparam-icon-full|link=]]<!--
---></div>
 (Note that with the custom CSS, overlaid quality icon resizes automatically.)