MediaWiki:StyleGuide - Revision history

CalebAdmin at 20:34, 11 February 2025

2025-02-11T20:34:02Z

← Older revision		Revision as of 20:34, 11 February 2025
Line 1:		Line 1:
	== Style Guide ==		== Style Guide ==

	This page will show you how to use the various different extensions installed in WargameChess		This page will show you how to use the css rules and various different extensions installed in WargameChess

	=== Breadcrumbs: ===		=== CSS ===

			To reach the CSS page, you will need to access MediaWiki:Common.css. At the top of the page is a section that looks like this:

			/* Edit These Variables! */
			:root{
			--light-text: #735751;
			--light-headings: #735751;
			--light-content-bg: #e7d7c1;
			--light-link: #F1BB6E ;
			--light-link-visited: #C68429 ;
			--light-link-hover: #06e;

			--dark-text: #e7d7c1;
			--dark-headings: #e7d7c1;
			--dark-content-bg: #735751;
			--dark-link: #F1BB6E ;
			--dark-link-visited: #C68429 ;
			--dark-link-hover: #06e;
			}

			Each of these variables can be changed in order to update the color scheme. The titles are self explanatory, with the --light and --dark tagged variables effecting the light and dark modes.


			Try to avoid editing the rest of the css rules. If there are any additional areas that should be editable, reach out to Cables.

			=== Breadcrumbs ===

	Just add a <nowiki>{{#breadcrumb: }}</nowiki> tag anywhere in your page to set its parent and its (the current page's) alias.		Just add a <nowiki>{{#breadcrumb: }}</nowiki> tag anywhere in your page to set its parent and its (the current page's) alias.

	<nowiki>{{#breadcrumb: Parent_Page \| Alias}}</nowiki>		<nowiki>{{#breadcrumb: Parent_Page \| Alias}}</nowiki>

	The alias will replace the page's name in the breadcrumb trails for all descendant pages, in addition to the current page. The page at the top of the hierarchy (i.e., the page that has no parent) may still be given an alias, which will show up in all the descendants' breadcrumb trails. The top page will not display a breadcrumb.		The alias will replace the page's name in the breadcrumb trails for all descendant pages, in addition to the current page. The page at the top of the hierarchy (i.e., the page that has no parent) may still be given an alias, which will show up in all the descendants' breadcrumb trails. The top page will not display a breadcrumb.
Line 13:		Line 39:
	The tag can be used in templates and accepts magic words.		The tag can be used in templates and accepts magic words.

	<nowiki>		<nowiki>{{#breadcrumb: Category:Releases {{{product}}} \| {{SUBPAGENAME}} }}</nowiki>
	{{#breadcrumb: Category:Releases {{{product}}} \| {{SUBPAGENAME}} }}</nowiki>

	You should not add more than one breadcrumb tag in each page. In experimentation, if there are two breadcrumb tags, the second one is the one that is effective, but this behavior is not tested.		You should not add more than one breadcrumb tag in each page. In experimentation, if there are two breadcrumb tags, the second one is the one that is effective, but this behavior is not tested.


	=== Tooltips: ===		=== Tooltips ===
	There is a short alias and a more descriptive parser function name for each tooltip type.		There is a short alias and a more descriptive parser function name for each tooltip type.

	==== Inline-text tooltip: ====		==== Inline-text tooltip ====
	<nowiki>{{#tip-text: text \| tooltip-text}}		<nowiki>{{#tip-text: text \| tooltip-text}}

	{{#simple-tooltip: text \| tooltip-text}}</nowiki>		{{#simple-tooltip: text \| tooltip-text}}</nowiki>

	==== Info-icon tooltip: ====		==== Info-icon tooltip ====
	<nowiki>{{#tip-info: tooltip-text }}		<nowiki>{{#tip-info: tooltip-text }}

	{{#simple-tooltip-info: tooltip-text }}</nowiki>		{{#simple-tooltip-info: tooltip-text }}</nowiki>

	==== Inline-Image tooltip: ====		==== Inline-Image tooltip ====

	<nowiki>{{#tip-img: /path/to/your/image.png \| image tooltip-text }}		<nowiki>{{#tip-img: /path/to/your/image.png \| image tooltip-text }}
	{{#simple-tooltip-img: /path/to/your/image.png \| image tooltip-text }}</nowiki>		{{#simple-tooltip-img: /path/to/your/image.png \| image tooltip-text }}</nowiki>

	[[File:SimpleTooltips-2015-01-21 - 14-33-20.png\|frame\|center\|alt=ToolTip Examples\|ToolTip Examples]]		[[File:SimpleTooltips-2015-01-21 - 14-33-20.png\|frame\|center\|alt=ToolTip Examples\|ToolTip Examples]]
Line 45:		Line 70:
	=== Youtube ===		=== Youtube ===

	==== To embed a YouTube video: ====		==== To embed a YouTube video ====

	<nowiki><youtube>VideoId</youtube></nowiki>		<nowiki><youtube>VideoId</youtube></nowiki>
Line 51:		Line 76:
	where foo is the video ID from the URL. i.e. if the video's URL is https://www.youtube.com/watch?v=dQw4w9WgXcQ, then the embed code would be: <nowiki><youtube>dQw4w9WgXcQ</youtube></nowiki>		where foo is the video ID from the URL. i.e. if the video's URL is https://www.youtube.com/watch?v=dQw4w9WgXcQ, then the embed code would be: <nowiki><youtube>dQw4w9WgXcQ</youtube></nowiki>

	=== Setting width and height ===		==== Setting width and height ====

	'''Example''':		'''Example''':

CalebAdmin at 19:57, 11 February 2025

2025-02-11T19:57:10Z

← Older revision		Revision as of 19:57, 11 February 2025
Line 7:		Line 7:
	Just add a <nowiki>{{#breadcrumb: }}</nowiki> tag anywhere in your page to set its parent and its (the current page's) alias.		Just add a <nowiki>{{#breadcrumb: }}</nowiki> tag anywhere in your page to set its parent and its (the current page's) alias.

	<nowiki>		<nowiki>{{#breadcrumb: Parent_Page \| Alias}}</nowiki>
	{{#breadcrumb: Parent_Page \| Alias}}</nowiki>

	The alias will replace the page's name in the breadcrumb trails for all descendant pages, in addition to the current page. The page at the top of the hierarchy (i.e., the page that has no parent) may still be given an alias, which will show up in all the descendants' breadcrumb trails. The top page will not display a breadcrumb.		The alias will replace the page's name in the breadcrumb trails for all descendant pages, in addition to the current page. The page at the top of the hierarchy (i.e., the page that has no parent) may still be given an alias, which will show up in all the descendants' breadcrumb trails. The top page will not display a breadcrumb.
Line 14:		Line 13:
	The tag can be used in templates and accepts magic words.		The tag can be used in templates and accepts magic words.

	<nowiki>		<nowiki>
	{{#breadcrumb: Category:Releases {{{product}}} \| {{SUBPAGENAME}} }}</nowiki>		{{#breadcrumb: Category:Releases {{{product}}} \| {{SUBPAGENAME}} }}</nowiki>

Line 24:		Line 23:

	==== Inline-text tooltip: ====		==== Inline-text tooltip: ====
			<nowiki>{{#tip-text: text \| tooltip-text}}

	{{#~~tip~~-~~text~~: text \| tooltip-text}}<br>		{{#simple-tooltip: text \| tooltip-text}}</nowiki>
	~~{{#simple-tooltip: text \| tooltip-text}}~~

	==== Info-icon tooltip: ====		==== Info-icon tooltip: ====
			<nowiki>{{#tip-info: tooltip-text }}

	~~{{#tip-info: tooltip-text }}<br>~~		{{#simple-tooltip-info: tooltip-text }}</nowiki>
	{{#simple-tooltip-info: tooltip-text }}

	==== Inline-Image tooltip: ====		==== Inline-Image tooltip: ====

	{{#tip-img: /path/to/your/image.png \| image tooltip-text }}~~<br>~~		<nowiki>{{#tip-img: /path/to/your/image.png \| image tooltip-text }}
	{{#simple-tooltip-img: /path/to/your/image.png \| image tooltip-text }}		{{#simple-tooltip-img: /path/to/your/image.png \| image tooltip-text }}</nowiki>

	[[File:SimpleTooltips-2015-01-21 - 14-33-20.png\|frame\|center\|alt=ToolTip Examples\|ToolTip Examples]]		[[File:SimpleTooltips-2015-01-21 - 14-33-20.png\|frame\|center\|alt=ToolTip Examples\|ToolTip Examples]]
Line 45:		Line 44:

	=== Youtube ===		=== Youtube ===

	==== To embed a YouTube video: ====		==== To embed a YouTube video: ====

	‎<nowiki><youtube>~~foo‎~~</youtube></nowiki>		<nowiki><youtube>VideoId</youtube></nowiki>

	where foo is the video ID from the URL. i.e. if the video's URL is https://www.youtube.com/watch?v=dQw4w9WgXcQ, then the embed code would be: <nowiki><youtube>dQw4w9WgXcQ</youtube></nowiki>		where foo is the video ID from the URL. i.e. if the video's URL is https://www.youtube.com/watch?v=dQw4w9WgXcQ, then the embed code would be: <nowiki><youtube>dQw4w9WgXcQ</youtube></nowiki>
Line 54:		Line 54:

	'''Example''':		'''Example''':
	<nowiki>		<nowiki><youtube width="200" height="120">dQw4w9WgXcQ</youtube></nowiki>
	<youtube width="200" height="120">dQw4w9WgXcQ</youtube></nowiki>

	You can change the width and height of the video box		You can change the width and height of the video box

	'''Width''' is controlled with width="xxx", where xxx is the number of pixels. The default is 640 pixels.~~<br>~~		'''Width''' is controlled with width="xxx", where xxx is the number of pixels. The default is 640 pixels.

	'''Height''' is controlled in the same way with height="xxx". The default is 385 pixels.		'''Height''' is controlled in the same way with height="xxx". The default is 385 pixels.

CalebAdmin at 19:51, 11 February 2025

2025-02-11T19:51:25Z

← Older revision		Revision as of 19:51, 11 February 2025
Line 38:		Line 38:
	{{#simple-tooltip-img: /path/to/your/image.png \| image tooltip-text }}		{{#simple-tooltip-img: /path/to/your/image.png \| image tooltip-text }}

	[[File:SimpleTooltips-2015-01-21 - 14-33-20.png\|~~frameless~~\|center\|alt=ToolTip Examples\|ToolTip Examples]]		[[File:SimpleTooltips-2015-01-21 - 14-33-20.png\|frame\|center\|alt=ToolTip Examples\|ToolTip Examples]]

			=== Top of Page Link ===

			All that's needed is to add <nowiki>[[#top\|Return to top]]</nowiki> somewhere on the page.

			=== Youtube ===
			==== To embed a YouTube video: ====

			‎<nowiki><youtube>foo‎</youtube></nowiki>

			where foo is the video ID from the URL. i.e. if the video's URL is https://www.youtube.com/watch?v=dQw4w9WgXcQ, then the embed code would be: <nowiki><youtube>dQw4w9WgXcQ</youtube></nowiki>

			=== Setting width and height ===

			'''Example''':
			<nowiki>
			<youtube width="200" height="120">dQw4w9WgXcQ</youtube></nowiki>

			You can change the width and height of the video box

			'''Width''' is controlled with width="xxx", where xxx is the number of pixels. The default is 640 pixels.<br>

			'''Height''' is controlled in the same way with height="xxx". The default is 385 pixels.

CalebAdmin: Created page with "== Style Guide == This page will show you how to use the various different extensions installed in WargameChess === Breadcrumbs: === Just add a {{#breadcrumb: }} tag anywhere in your page to set its parent and its (the current page's) alias. {{#breadcrumb: Parent_Page | Alias}} The alias will replace the page's name in the breadcrumb trails for all descendant pages, in addition to the current page. The page at the top of the hierar..."

2025-02-11T19:44:16Z

Created page with "== Style Guide == This page will show you how to use the various different extensions installed in WargameChess === Breadcrumbs: === Just add a <nowiki>{{#breadcrumb: }}</nowiki> tag anywhere in your page to set its parent and its (the current page's) alias. <nowiki> {{#breadcrumb: Parent_Page | Alias}}</nowiki> The alias will replace the page's name in the breadcrumb trails for all descendant pages, in addition to the current page. The page at the top of the hierar..."

New page

== Style Guide ==

This page will show you how to use the various different extensions installed in WargameChess

=== Breadcrumbs: ===

Just add a <nowiki>{{#breadcrumb: }}</nowiki> tag anywhere in your page to set its parent and its (the current page's) alias.

<nowiki>
{{#breadcrumb: Parent_Page | Alias}}</nowiki>

The alias will replace the page's name in the breadcrumb trails for all descendant pages, in addition to the current page. The page at the top of the hierarchy (i.e., the page that has no parent) may still be given an alias, which will show up in all the descendants' breadcrumb trails. The top page will not display a breadcrumb.

The tag can be used in templates and accepts magic words.

<nowiki>
{{#breadcrumb: Category:Releases {{{product}}} | {{SUBPAGENAME}} }}</nowiki>

You should not add more than one breadcrumb tag in each page. In experimentation, if there are two breadcrumb tags, the second one is the one that is effective, but this behavior is not tested.

=== Tooltips: ===
There is a short alias and a more descriptive parser function name for each tooltip type.

==== Inline-text tooltip: ====

{{#tip-text: text | tooltip-text}}<br>
{{#simple-tooltip: text | tooltip-text}}

==== Info-icon tooltip: ====

{{#tip-info: tooltip-text }}<br>
{{#simple-tooltip-info: tooltip-text }}

==== Inline-Image tooltip: ====

{{#tip-img: /path/to/your/image.png | image tooltip-text }}<br>
{{#simple-tooltip-img: /path/to/your/image.png | image tooltip-text }}

[[File:SimpleTooltips-2015-01-21 - 14-33-20.png|frameless|center|alt=ToolTip Examples|ToolTip Examples]]