User:Sharparam: Difference between revisions

From Official Factorio Wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 15: Line 15:
<div style="position: relative; width: 64px; line-height: 1;"><!--
<div style="position: relative; width: 64px; line-height: 1;"><!--
--><div style="position: absolute; width: 50%; left: 0; bottom: 0;"><!--
--><div style="position: absolute; width: 50%; left: 0; bottom: 0;"><!--
-->[[File:Quality rare.png|class=sharparam-icon-full]]<!--
-->[[File:Quality rare.png|class=sharparam-icon-full|link=]]<!--
--></div><!--
--></div><!--
-->[[File:Signal-A.png|class=sharparam-icon-full]]<!--
-->[[File:Signal-A.png|class=sharparam-icon-full|link=]]<!--
--></div>
--></div>


Line 24: Line 24:
<div style="position: relative; width: 28px; line-height: 1;"><!--
<div style="position: relative; width: 28px; line-height: 1;"><!--
--><div style="position: absolute; width: 50%; left: 0; bottom: 0;"><!--
--><div style="position: absolute; width: 50%; left: 0; bottom: 0;"><!--
-->[[File:Quality rare.png|class=sharparam-icon-full]]<!--
-->[[File:Quality rare.png|class=sharparam-icon-full|link=]]<!--
--></div><!--
--></div><!--
-->[[File:Signal-A.png|class=sharparam-icon-full]]<!--
-->[[File:Signal-A.png|class=sharparam-icon-full|link=]]<!--
--></div>
--></div>


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

Revision as of 17:56, 23 October 2024

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

Icon testing

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

Signal-A.png Quality rare.png


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

Quality rare.png
Signal-A.png

28 pixels:

Quality rare.png
Signal-A.png

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