User:Sharparam: Difference between revisions

Latest 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 my test template and 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 3: / Line 3: @@
 == Icon testing ==
-For some of this to work properly it uses [[User:Sharparam/common.css|custom CSS]].
+For some of this to work properly it uses [[User:Sharparam/Template/IconQuality|my test template]] and [[User:Sharparam/common.css|custom CSS]].
 [[File:Signal-A.png]]
@@ 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.)