File talk:xkcd favicon.png - Revision history

Yfmcpxpj: /* Image dimensions for xkcd external links */

2020-09-29T05:41:21Z

‎Image dimensions for xkcd external links

Sqrt-1 at 04:41, 28 September 2020

2020-09-28T04:41:25Z

Yfmcpxpj: Image dimensions for xkcd external links

2020-09-27T23:14:52Z

Image dimensions for xkcd external links

New page

= Image dimensions for xkcd external links =

Hi folks; I see that this [[:File:xkcd favicon.png]] has recently been updated from a shrunken 16x16 pixel image to the full 32x32 pixel favicon image from [https://xkcd.com/favicon.ico xkcd]. Not sure about this, but from [[explain xkcd talk:Community portal/Proposals#styling of xkcd links|this discussion]], it looks like the purpose of this file was only for custom styling of hyperlinks in the wiki that link to the xkcd.com site (rather than, say, for the purpose of documenting/explaining the favicon)? If so, with the current CSS, this 32x32 image is too large to display correctly with the hyperlinks: it overlaps the link text, and the image is cut off at the top and bottom because it's too tall to fit in a line of text. I can think of the following two options to fix it:

1. Replace/revert the image to one that is 16x16 pixels.

2. Edit the CSS to specify an explicit size for the image to fit within the xkcd hyperlinks. Not sure if this is the right place, but there's a [[MediaWiki:Common.css]] file, with a section called <code>External link tweaks</code> in the CSS that defines the style for these links. One way to fix it is, in the [https://www.w3schools.com/cssref/css3_pr_background.asp background] property's shorthand syntax, add a [https://www.w3schools.com/cssref/css3_pr_background-size.asp background-size] property of <code>/16px</code> immediately following the [https://www.w3schools.com/cssref/pr_background-position.asp background-position] property of <code>center</code>, as in '''<font color="red">bold red</font>''' below.

/**********************************************************************
* External link tweaks *
**********************************************************************/

/* Custom icon for links to xkcd.com */
a.external[href*="xkcd.com"] {
background: url("//www.explainxkcd.com/wiki/images/1/1f/xkcd_favicon.png") no-repeat scroll right center'''<font color="red">/16px</font>''' transparent !important;
padding-right: 18px !important;
}

I don't have permissions to edit the CSS, so is there someone around who still has permission for this? Or any other thoughts on the best way to fix it? FWIW, I do think there is some value in having an actual full-size copy of xkcd's 32x32 favicon here (perhaps with an explanation page for it?), but maybe it ought to be a separate file, as this one seems to be more of a ''meta'' file for the purpose of styling the site. – [[User:Yfmcpxpj|Yfmcpxpj]] ([[User talk:Yfmcpxpj|talk]]) 23:14, 27 September 2020 (UTC)

← Older revision		Revision as of 05:41, 29 September 2020
Line 19:		Line 19:
	I don't have permissions to edit the CSS, so is there someone around who still has permission for this? Or any other thoughts on the best way to fix it? FWIW, I do think there is some value in having an actual full-size copy of xkcd's 32x32 favicon here (perhaps with an explanation page for it?), but maybe it ought to be a separate file, as this one seems to be more of a ''meta'' file for the purpose of styling the site. – [[User:Yfmcpxpj\|Yfmcpxpj]] ([[User talk:Yfmcpxpj\|talk]]) 23:14, 27 September 2020 (UTC)		I don't have permissions to edit the CSS, so is there someone around who still has permission for this? Or any other thoughts on the best way to fix it? FWIW, I do think there is some value in having an actual full-size copy of xkcd's 32x32 favicon here (perhaps with an explanation page for it?), but maybe it ought to be a separate file, as this one seems to be more of a ''meta'' file for the purpose of styling the site. – [[User:Yfmcpxpj\|Yfmcpxpj]] ([[User talk:Yfmcpxpj\|talk]]) 23:14, 27 September 2020 (UTC)
	:Holy shit I messed that up, big time. Really sorry about that. I had no idea what would had happened. This page should be protected to keep away newbies like me messing stuff up. I have undone my higher quality favicon upload for now, but I would like to see the higher quality image come back sometime (with the correct code of course).<span> — [[User:Sqrt-1\|The <b>𝗦𝗾𝗿𝘁-𝟭</b>]] <sup>[[User talk:Sqrt-1\|<span style="color: blue">talk</span>]] [[Special:Contributions/Sqrt-1\|<span style="color: blue">stalk</span>]]</sup></span> 04:41, 28 September 2020 (UTC)		:Holy shit I messed that up, big time. Really sorry about that. I had no idea what would had happened. This page should be protected to keep away newbies like me messing stuff up. I have undone my higher quality favicon upload for now, but I would like to see the higher quality image come back sometime (with the correct code of course).<span> — [[User:Sqrt-1\|The <b>𝗦𝗾𝗿𝘁-𝟭</b>]] <sup>[[User talk:Sqrt-1\|<span style="color: blue">talk</span>]] [[Special:Contributions/Sqrt-1\|<span style="color: blue">stalk</span>]]</sup></span> 04:41, 28 September 2020 (UTC)
		+	::Hehe, no worries – I don't think it was too serious of a problem; but thanks for reverting it in the meantime anyway. This file for link-styling could arguably use a better name, to make its purpose more obvious...but of course to rename it would mean the CSS would also need to be edited, so not really sure what the best solution is. – [[User:Yfmcpxpj\|Yfmcpxpj]] ([[User talk:Yfmcpxpj\|talk]]) 05:41, 29 September 2020 (UTC)

← Older revision		Revision as of 04:41, 28 September 2020
Line 18:		Line 18:

	I don't have permissions to edit the CSS, so is there someone around who still has permission for this? Or any other thoughts on the best way to fix it? FWIW, I do think there is some value in having an actual full-size copy of xkcd's 32x32 favicon here (perhaps with an explanation page for it?), but maybe it ought to be a separate file, as this one seems to be more of a ''meta'' file for the purpose of styling the site. – [[User:Yfmcpxpj\|Yfmcpxpj]] ([[User talk:Yfmcpxpj\|talk]]) 23:14, 27 September 2020 (UTC)		I don't have permissions to edit the CSS, so is there someone around who still has permission for this? Or any other thoughts on the best way to fix it? FWIW, I do think there is some value in having an actual full-size copy of xkcd's 32x32 favicon here (perhaps with an explanation page for it?), but maybe it ought to be a separate file, as this one seems to be more of a ''meta'' file for the purpose of styling the site. – [[User:Yfmcpxpj\|Yfmcpxpj]] ([[User talk:Yfmcpxpj\|talk]]) 23:14, 27 September 2020 (UTC)
		+	:Holy shit I messed that up, big time. Really sorry about that. I had no idea what would had happened. This page should be protected to keep away newbies like me messing stuff up. I have undone my higher quality favicon upload for now, but I would like to see the higher quality image come back sometime (with the correct code of course).<span> — [[User:Sqrt-1\|The <b>𝗦𝗾𝗿𝘁-𝟭</b>]] <sup>[[User talk:Sqrt-1\|<span style="color: blue">talk</span>]] [[Special:Contributions/Sqrt-1\|<span style="color: blue">stalk</span>]]</sup></span> 04:41, 28 September 2020 (UTC)