Help:Infobox/user style: Difference between revisions

Latest revision as of 16:39, 4 May 2021

Infoboxes and user style

Users can have user CSS that hides any infoboxes in their own browsers.

To hide all infoboxes, add the following to Special:MyPage/common.css (for all skins, or Special:MyPage/skin.css for just the current skin), on a line by itself:

.infobox { display: none; }

Alternatively, you can add the following code to your common.js or into a browser user script that is executed by an extension like Greasemonkey:

$('.infobox').hide();

Be aware that although, per WP:Manual_of_Style/Infoboxes, all information in an infobox ideally should also be found in the main body of an article, there isn't perfect compliance with this guideline. The infobox is also often the location of the most significant, even only, image in an article.

@@ Line 2: / Line 2: @@
 ==Infoboxes and user style ==
 }}}
-Users can have [[WP:User style|user CSS]] that hides<!--, moves, or makes collapsible--> any infoboxes in their own browsers.
+Users can have {{WP|ref=no|text=user CSS|WP:User_style}} that hides<!--, moves, or makes collapsible--> any infoboxes in their own browsers.
-To hide all infoboxes, add the following to [[Special:MyPage/common.css]] (for all [[WP:Skin|skins]], or [[Special:MyPage/skin.css]] for just the current skin), on a line by itself:
+To hide all infoboxes, add the following to [[Special:MyPage/common.css]] (for all {{WP|ref=no|text=skins|WP:Skin}}, or [[Special:MyPage/skin.css]] for just the current skin), on a line by itself:
-<source lang="css">.infobox { display: none; }</source>
+<syntaxhighlight lang="css">.infobox { display: none; }</syntaxhighlight>
-Alternatively, you can add the following code to [[Special:MyPage/common.js|your common.js]] or into a browser user script that is executed by an extension like [[Greasemonkey]]:
+Alternatively, you can add the following code to [[Special:MyPage/common.js|your common.js]] or into a browser user script that is executed by an extension like {{WP|ref=no|Greasemonkey}}:
-<source lang="js">$('.infobox').hide();</source>
+<syntaxhighlight lang="js">$('.infobox').hide();</syntaxhighlight>
-Be aware that although, per [[WP:Manual of Style/Infoboxes]], all information in an infobox ideally should also be found in the main body of an article, there isn't perfect compliance with this guideline. For example, the full taxonomic hierarchy in {{tl|Taxobox}}, and the OMIM and other medical database codes of {{tl|Infobox disease}} are often not found in the main article content. The infobox is also often the location of the most significant, even only, image in an article.<!--
+Be aware that although, per {{WP|ref=no|WP:Manual_of_Style/Infoboxes}}, all information in an infobox ideally should also be found in the main body of an article, there isn't perfect compliance with this guideline. The infobox is also often the location of the most significant, even only, image in an article.<!--
 Needs Special:Mypage/common.js options for:
@@ Line 18: / Line 18: @@
 * Moving infoboxes to bottom of page
---><noinclude>
+-->
-{{Documentation|content=
-This documentation snippet is transcluded at [[Help:Infobox]], [[Template:Infobox/doc]], [[WP:Customisation#Hiding specific messages]], [[Help:User style]], [[WP:Manual of Style/Infoboxes]], and other places where this information is relevant.
-As a template, this snippet takes a {{para|heading}} parameter to replace the level-2 <code>==Infoboxes and user style==</code> section heading code, as needed. E.g, for a <code>=== ... ===</code> level-3 heading: <code><nowiki>heading={{=}}{{=}}{{=}}Infoboxes and user style{{=}}{{=}}{{=}}</nowiki></code>
-}}
-</noinclude>