User:Sharparam - Revision history

Sharparam at 18:29, 23 October 2024

2024-10-23T18:29:50Z

← Older revision		Revision as of 18:29, 23 October 2024
Line 3:		Line 3:
	== Icon testing ==		== 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]]		[[File:Signal-A.png]]

2024-10-23T18:29:09Z

← Older revision		Revision as of 18:29, 23 October 2024
Line 12:		Line 12:
	64 pixel size test (native size of most icons):		64 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>~~

	28 pixels:		28 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.)		(Note that with the custom CSS, overlaid quality icon resizes automatically.)

2024-10-23T17:56:20Z

← Older revision		Revision as of 17:56, 23 October 2024
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.)

2024-10-23T17:54:46Z

@@ Line 9: / Line 9: @@
 <br>
 <!-- It seems line height has to be overridden otherwise the overlaid quality icon looks weird at smaller sizes -->
@@ Line 16: / Line 18: @@
 --></div><!--
 -->[[File:Signal-A.png|class=sharparam-icon-full]]<!--
---></diV>
+--></div>

2024-10-23T17:50:37Z

← Older revision		Revision as of 17:50, 23 October 2024
Line 2:		Line 2:

	== Icon testing ==		== Icon testing ==

			For some of this to work properly it uses [[User:Sharparam/common.css\|custom CSS]].

	[[File:Signal-A.png]]		[[File:Signal-A.png]]

2024-10-23T17:49:12Z

← Older revision		Revision as of 17:49, 23 October 2024
Line 8:		Line 8:
	<br>		<br>

	<div style="position: relative; width: 64px;"><!--		<!-- It seems line height has to be overridden otherwise the overlaid quality icon looks weird at smaller sizes -->
			<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]]<!--
	--></div><!--		--></div><!--
	-->[[File:Signal-A.png]]<!--		-->[[File:Signal-A.png\|class=sharparam-icon-full]]<!--
	--></diV>		--></diV>

2024-10-23T17:47:15Z

More icon testing with custom CSS

← Older revision		Revision as of 17:47, 23 October 2024
Line 9:		Line 9:

	<div style="position: relative; width: 64px;"><!--		<div style="position: relative; width: 64px;"><!--
	--><div style="position: absolute; width: ~~28px~~; left: 0; bottom: 0;"><!--		--><div style="position: absolute; width: 50%; left: 0; bottom: 0;"><!--
	-->[[File:Quality rare.png\|~~28px~~]]<!--		-->[[File:Quality rare.png\|class=sharparam-icon-full]]<!--
	--></div><!--		--></div><!--
	-->[[File:Signal-A.png~~\|64px~~]]<!--		-->[[File:Signal-A.png]]<!--
	--></diV>		--></diV>

2024-10-23T16:57:09Z

Do some icon testing

← Older revision		Revision as of 16:57, 23 October 2024
Line 1:		Line 1:
	Visit my [https://sharparam.com website] or [https://github.com/Sharparam GitHub profile] to learn more about me!		Visit my [https://sharparam.com website] or [https://github.com/Sharparam GitHub profile] to learn more about me!

			== Icon testing ==

			[[File:Signal-A.png]]
			[[File:Quality rare.png]]

			<br>

			<div style="position: relative; width: 64px;"><!--
			--><div style="position: absolute; width: 28px; left: 0; bottom: 0;"><!--
			-->[[File:Quality rare.png\|28px]]<!--
			--></div><!--
			-->[[File:Signal-A.png\|64px]]<!--
			--></diV>

2023-08-13T09:14:51Z

Created page with "Visit my [https://sharparam.com website] or [https://github.com/Sharparam GitHub profile] to learn more about me!"

New page

Visit my [https://sharparam.com website] or [https://github.com/Sharparam GitHub profile] to learn more about me!