SgWiki:Guidebook/Editing & Formatting - Revision history

Supernutorcrazy at 00:20, 7 September 2020

2020-09-07T00:20:02Z

← Older revision		Revision as of 08:20, 7 September 2020
Line 1:		Line 1:
	{\| style=~~"text~~-~~align~~:~~left~~;~~background-color:none;margin:auto;min-~~width:~~300px~~;border-collapse:collapse~~" cellspacing=0 cellpadding=0 width=95%~~		{\| style='font-family:"Exo 2";width:100%;border-collapse:collapse;white-space:nowrap;'
	\|- style="~~text-align~~:~~center~~;"		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook\|Introductions]]
	~~!style="~~border:~~2px~~ solid ~~darkgray~~;"\|[[SgWiki:Guidebook\|Introductions]]		\|style="padding:0 0.5em;border:1px solid #888;border-top:3px solid #F00;border-bottom:none;"\|[[SgWiki:Guidebook/Editing & Formatting\|Editing & Formatting]]
	~~!width=6~~ style="border~~-bottom~~:~~2px~~ solid ~~darkgray~~;"\|		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/Links\|Links]]
	~~!style="~~border:~~2px~~ solid ~~darkgray~~;border-bottom:none;~~background-color~~:~~#F2F200"~~\|Editing & Formatting		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/Links\|Links]]		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/sgWiki Rails\|sgWiki Rails]]
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]		\|style="width:100%;border-bottom:1px solid #888;"\|
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~		\|}
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~		<div style='font-family:"Exo 2" !important;'>
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/sgWiki Rails\|sgWiki Rails]]		Editing and Formatting of sgWiki articles are much more simpler than html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the article is not yet created, press 'Create'.
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]
	\|-
	\|style="~~border~~:~~2px solid darkgray~~;border-~~top~~:~~none~~;~~padding~~:~~5px~~;~~" colspan=20\|~~Editing and Formatting of sgWiki articles are much more simpler than html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the article is not yet created, press 'Create'.

	===Basic Formatting===		===Basic Formatting===
Line 86:		Line 82:
	**class="SKLRT"		**class="SKLRT"
	**class="PGLRT"		**class="PGLRT"
	\|}		</div>

Supernutorcrazy at 12:28, 6 September 2020

2020-09-06T12:28:16Z

← Older revision		Revision as of 20:28, 6 September 2020
Line 11:		Line 11:
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki ~~Trains~~\|sgWiki ~~Trains~~]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Rails\|sgWiki Rails]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]

Supernutorcrazy: Changed protection level for "SgWiki:Guidebook/Editing & Formatting" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

2019-12-25T23:55:24Z

Changed protection level for "SgWiki:Guidebook/Editing & Formatting" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

← Older revision		Revision as of 07:55, 26 December 2019
(No difference)

Supernutorcrazy at 23:38, 25 December 2019

2019-12-25T23:38:28Z

Supernutorcrazy: /* HTML & CSS */ New sgWiki common CSS class code

2018-03-11T02:58:49Z

HTML & CSS: New sgWiki common CSS class code

@@ Line 68: / Line 68: @@
 ===HTML & CSS===
 sgWiki also allows HTML and CSS codes. sgWiki could utilise the more powerful HTML5 and CSS3 codes provided that your internet browser supported it. However, please limit the usage of certain commands as it may not be compatible to older PCs which some users may use. For more information about HTML5 and CSS3, you may wish to read [http://www.w3schools.com/ W3Schools].
 |}

SMB1368T at 14:59, 8 December 2015

2015-12-08T14:59:57Z

← Older revision		Revision as of 22:59, 8 December 2015
Line 15:		Line 15:
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]
	\|-		\|-
	\|style="border:2px solid darkgray;border-top:none;padding:5px;" colspan=20\|Editing and Formatting of sgWiki articles are much more simpler ~~then~~ html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the ~~articles was~~ not yet created, press 'Create'.		\|style="border:2px solid darkgray;border-top:none;padding:5px;" colspan=20\|Editing and Formatting of sgWiki articles are much more simpler than html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the article is not yet created, press 'Create'.

	===Basic Formatting===		===Basic Formatting===
	To ~~applies~~ basic formatting to text - such as '''bold''' and ''italic'', you just need to add "<nowiki>'</nowiki>" before and after the text. Do note that the amount of "<nowiki>'</nowiki>" before the text must match the amount of "<nowiki>'</nowiki>" after the text.		To apply basic formatting to text - such as '''bold''' and ''italic'', you just need to add "<nowiki>'</nowiki>" before and after the text. Do note that the amount of "<nowiki>'</nowiki>" before the text must match the amount of "<nowiki>'</nowiki>" after the text.

	====Example 1====		====Example 1====
Line 31:		Line 31:

	===Headers===		===Headers===
	Headers are meant to create sections of an articles. This help to keep the articles neater and finding information without an article faster. To put it in a simper terms, treat 'Headers' as your textbook/stories books chapters. Just like your textbook chapters which have sub-chapters, there will be sub-headers.		Headers are meant to create sections of an articles. This help to keep the articles neater and finding information without an article faster. To put it in simper terms, treat 'Headers' as your textbook/stories books chapters. Just like your textbook chapters which have sub-chapters, there will be sub-headers.

	To create a header, simply add "<nowiki>=</nowiki>" before and after the text. Do note that the amount of "<nowiki>=</nowiki>" before the text must match the amount of "<nowiki>=</nowiki>" after the text.		To create a header, simply add "<nowiki>=</nowiki>" before and after the text. Do note that the amount of "<nowiki>=</nowiki>" before the text must match the amount of "<nowiki>=</nowiki>" after the text.
Line 37:		Line 37:
	To create a sub-header, simply add an additional "<nowiki>=</nowiki>" before and after the text. Do note that the amount of "<nowiki>=</nowiki>" before the text must match the amount of "<nowiki>=</nowiki>" after the text.		To create a sub-header, simply add an additional "<nowiki>=</nowiki>" before and after the text. Do note that the amount of "<nowiki>=</nowiki>" before the text must match the amount of "<nowiki>=</nowiki>" after the text.

	~~Take~~ note, the number of "<nowiki>=</nowiki>" refers to the type of headers. 1 "<nowiki>=</nowiki>" represents Header 1 which is the biggest header while 6 "<nowiki>=</nowiki>"s represents Header 6 which is the smallest header.		Do take note that the number of "<nowiki>=</nowiki>" refers to the type of headers. 1 "<nowiki>=</nowiki>" represents Header 1 which is the biggest header while 6 "<nowiki>=</nowiki>"s represents Header 6 which is the smallest header.

	====Example 3====		====Example 3====
Line 54:		Line 54:
	There are 2 types of columns, or table cells. 1 is called header cells, 1 is data cells. Header cells is a data cells, but typically, header cells came in bold.		There are 2 types of columns, or table cells. 1 is called header cells, 1 is data cells. Header cells is a data cells, but typically, header cells came in bold.

	To add a header ~~cells~~, just add "<nowiki>!</nowiki>" before the cell on a new line.		To add a header cell(s), just add "<nowiki>!</nowiki>" before the cell on a new line.

	To add a data ~~cells~~, just add "<nowiki>\|</nowiki>" before the cell on a new line.		To add a data cell(s), just add "<nowiki>\|</nowiki>" before the cell on a new line.

	To style a cell, you may use CSS inline-styling. For more information on the available CSS inline-styling, you may wish to read [http://www.w3schools.com/cssref/pr_tab_table-layout.asp W3Schools].		To style a cell(s), you may use CSS inline-styling. For more information on the available CSS inline-styling, you may wish to read [http://www.w3schools.com/cssref/pr_tab_table-layout.asp W3Schools].

	It is a common practice to use a collapsed table then non-collapsed table for neat view.		It is a common practice to use a collapsed table then non-collapsed table for neat view.

	====Example 4====		====Example 4====
	To create a collapsed table with 2 rows and 2 columns, the first row ~~was~~ a header row and ~~style~~ with red background~~, all~~ you need is to type in the following code.<br>		To create a collapsed table with 2 rows and 2 columns, the first row is a header row and styled with red background. All you need is to type in the following code.<br>
	{{dottedbox\|@=Code\|#=<nowiki>{\| style="border-collapse:collapse"</nowiki><br><nowiki>\|- style="background-color:#FF000;"</nowiki><br><nowiki>!Column 1</nowiki><br><nowiki>!Column 2</nowiki><br><nowiki>\|-</nowiki><br><nowiki>\|Column 1</nowiki><br><nowiki>\|Column 2</nowiki><br><nowiki>\|}</nowiki>}}		{{dottedbox\|@=Code\|#=<nowiki>{\| style="border-collapse:collapse"</nowiki><br><nowiki>\|- style="background-color:#FF000;"</nowiki><br><nowiki>!Column 1</nowiki><br><nowiki>!Column 2</nowiki><br><nowiki>\|-</nowiki><br><nowiki>\|Column 1</nowiki><br><nowiki>\|Column 2</nowiki><br><nowiki>\|}</nowiki>}}

Supernutorcrazy at 10:58, 8 December 2015

2015-12-08T10:58:35Z

← Older revision		Revision as of 18:58, 8 December 2015
Line 8:		Line 8:
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]
	~~!width=6 style="border-bottom:2px solid darkgray;"\|~~
	~~!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Templates\|Templates]]~~
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]

Supernutorcrazy: Protected "SgWiki:Guidebook/Editing & Formatting": Existing editors may wish to improve first before locking. ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite))

2015-12-08T09:58:49Z

Protected "SgWiki:Guidebook/Editing & Formatting": Existing editors may wish to improve first before locking. ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite))

← Older revision		Revision as of 17:58, 8 December 2015
(No difference)

Supernutorcrazy at 09:58, 8 December 2015

2015-12-08T09:58:28Z

← Older revision		Revision as of 17:58, 8 December 2015
Line 5:		Line 5:
	!style="border:2px solid darkgray;border-bottom:none;background-color:#F2F200"\|Editing & Formatting		!style="border:2px solid darkgray;border-bottom:none;background-color:#F2F200"\|Editing & Formatting
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|Links		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Links\|Links]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|Citing sources		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|~~Bus Deployments~~		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Templates\|Templates]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|~~Trains Deployments~~		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|Ban & Warning Points		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Trains\|sgWiki Trains]]
			!width=6 style="border-bottom:2px solid darkgray;"\|
			!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]
	\|-		\|-
	\|style="border:2px solid darkgray;border-top:none;padding:5px;" colspan=20\|Editing and Formatting of sgWiki articles are much more simpler then html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the articles was not yet created, press 'Create'.		\|style="border:2px solid darkgray;border-top:none;padding:5px;" colspan=20\|Editing and Formatting of sgWiki articles are much more simpler then html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the articles was not yet created, press 'Create'.

Supernutorcrazy: /* HTML & CSS */

2015-12-08T09:55:26Z

HTML & CSS

← Older revision		Revision as of 17:55, 8 December 2015
Line 67:		Line 67:

	===HTML & CSS===		===HTML & CSS===
	sgWiki also allows HTML and CSS codes. sgWiki could utilise the more powerful HTML5 and CSS3 codes provided that your internet browser supported it. However, please limit the usage of certain commands as it may not be compatible to older PCs which some users may use. For more information about HTML5 and CSS3, you may wish to read [[http://www.w3schools.com/ W3Schools].		sgWiki also allows HTML and CSS codes. sgWiki could utilise the more powerful HTML5 and CSS3 codes provided that your internet browser supported it. However, please limit the usage of certain commands as it may not be compatible to older PCs which some users may use. For more information about HTML5 and CSS3, you may wish to read [http://www.w3schools.com/ W3Schools].
	\|}		\|}

← Older revision		Revision as of 08:20, 7 September 2020
Line 1:		Line 1:
	{\| style=~~"text~~-~~align~~:~~left~~;~~background-color:none;margin:auto;min-~~width:~~300px~~;border-collapse:collapse~~" cellspacing=0 cellpadding=0 width=95%~~		{\| style='font-family:"Exo 2";width:100%;border-collapse:collapse;white-space:nowrap;'
	\|- style="~~text-align~~:~~center~~;"		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook\|Introductions]]
	~~!style="~~border:~~2px~~ solid ~~darkgray~~;"\|[[SgWiki:Guidebook\|Introductions]]		\|style="padding:0 0.5em;border:1px solid #888;border-top:3px solid #F00;border-bottom:none;"\|[[SgWiki:Guidebook/Editing & Formatting\|Editing & Formatting]]
	~~!width=6~~ style="border~~-bottom~~:~~2px~~ solid ~~darkgray~~;"\|		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/Links\|Links]]
	~~!style="~~border:~~2px~~ solid ~~darkgray~~;border-bottom:none;~~background-color~~:~~#F2F200"~~\|Editing & Formatting		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/Links\|Links]]		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/sgWiki Rails\|sgWiki Rails]]
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~		\|style="padding:0 0.5em;border-bottom:1px solid #888;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]		\|style="width:100%;border-bottom:1px solid #888;"\|
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~		\|}
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~		<div style='font-family:"Exo 2" !important;'>
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/sgWiki Rails\|sgWiki Rails]]		Editing and Formatting of sgWiki articles are much more simpler than html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the article is not yet created, press 'Create'.
	~~!width=6~~ style="border-bottom:~~2px~~ solid ~~darkgray;"\|~~
	~~!style="border:2px solid darkgray~~;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]
	\|-
	\|style="~~border~~:~~2px solid darkgray~~;border-~~top~~:~~none~~;~~padding~~:~~5px~~;~~" colspan=20\|~~Editing and Formatting of sgWiki articles are much more simpler than html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the article is not yet created, press 'Create'.

	===Basic Formatting===		===Basic Formatting===
Line 86:		Line 82:
	**class="SKLRT"		**class="SKLRT"
	**class="PGLRT"		**class="PGLRT"
	\|}		</div>

← Older revision		Revision as of 20:28, 6 September 2020
Line 11:		Line 11:
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki ~~Trains~~\|sgWiki ~~Trains~~]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Rails\|sgWiki Rails]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]

← Older revision		Revision as of 18:58, 8 December 2015
Line 8:		Line 8:
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]
	~~!width=6 style="border-bottom:2px solid darkgray;"\|~~
	~~!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Templates\|Templates]]~~
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]

← Older revision		Revision as of 17:58, 8 December 2015
Line 5:		Line 5:
	!style="border:2px solid darkgray;border-bottom:none;background-color:#F2F200"\|Editing & Formatting		!style="border:2px solid darkgray;border-bottom:none;background-color:#F2F200"\|Editing & Formatting
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|Links		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Links\|Links]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|Citing sources		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Citation\|Citing sources]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|~~Bus Deployments~~		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Templates\|Templates]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|~~Trains Deployments~~		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Buses\|sgWiki Buses]]
	!width=6 style="border-bottom:2px solid darkgray;"\|		!width=6 style="border-bottom:2px solid darkgray;"\|
	!style="border:2px solid darkgray;"\|Ban & Warning Points		!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/sgWiki Trains\|sgWiki Trains]]
			!width=6 style="border-bottom:2px solid darkgray;"\|
			!style="border:2px solid darkgray;"\|[[SgWiki:Guidebook/Ban\|Ban & Warning Points]]
	\|-		\|-
	\|style="border:2px solid darkgray;border-top:none;padding:5px;" colspan=20\|Editing and Formatting of sgWiki articles are much more simpler then html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the articles was not yet created, press 'Create'.		\|style="border:2px solid darkgray;border-top:none;padding:5px;" colspan=20\|Editing and Formatting of sgWiki articles are much more simpler then html codes. To simply edit an article, just click 'Edit' button/tab on the Top Left-hand button. If the articles was not yet created, press 'Create'.

← Older revision		Revision as of 07:38, 26 December 2019
Line 21:		Line 21:

	====Example 1====		====Example 1====
	To bold the word "sgWiki" in the following sentence: "Welcome to sgWiki", all you need is to type in the following code.<br>		To bold the word "sgWiki" in the following sentence: "Welcome to sgWiki", all you need to do is to type in the following code.<br>
	{{dottedbox\|@=Code\|#=<nowiki>Welcome to '''sgWiki'''</nowiki>}}		{{dottedbox\|@=Code\|#=<nowiki>Welcome to '''sgWiki'''</nowiki>}}
	{{dottedbox\|@=Result\|#=Welcome to '''sgWiki'''}}		{{dottedbox\|@=Result\|#=Welcome to '''sgWiki'''}}

	====Example 2====		====Example 2====
	To italic the word "sgWiki" in the following sentence: "Welcome to sgWiki", all you need is to type in the following code.<br>		To italic the word "sgWiki" in the following sentence: "Welcome to sgWiki", all you need to do is to type in the following code.<br>
	{{dottedbox\|@=Code\|#=<nowiki>Welcome to ''sgWiki''</nowiki>}}		{{dottedbox\|@=Code\|#=<nowiki>Welcome to ''sgWiki''</nowiki>}}
	{{dottedbox\|@=Result\|#=Welcome to ''sgWiki''}}		{{dottedbox\|@=Result\|#=Welcome to ''sgWiki''}}

	===Headers===		===Headers===
	Headers are ~~meant~~ to create sections of an ~~articles~~. This ~~help to keep the~~ articles neater and ~~finding~~ information without an article ~~faster~~. To put it ~~in simper terms~~, treat 'Headers' as your textbook/~~stories books~~ chapters. Just like your textbook chapters ~~which~~ have sub-chapters, there ~~will be~~ sub-headers.		Headers are used to create sections of an article. This helps by keeping articles neater and allowing information without an article to be found more quickly. To put it simply, treat 'Headers' as your textbook/story book chapters. Just like how your textbook chapters have sub-chapters, there is also sub-headers.

	To create a header, simply add "<nowiki>=</nowiki>" before and after the text. Do note that the amount of "<nowiki>=</nowiki>" before the text must match the amount of "<nowiki>=</nowiki>" after the text.		To create a header, simply add "<nowiki>=</nowiki>" before and after the text. Do note that the amount of "<nowiki>=</nowiki>" before the text must match the amount of "<nowiki>=</nowiki>" after the text.
Line 46:		Line 46:
	Tables are meant to display information in rows and columns like an excel spreadsheet. It is greatly useful for data as this will present a neater presentation and a glance of a single data can pinpoint to two different information.		Tables are meant to display information in rows and columns like an excel spreadsheet. It is greatly useful for data as this will present a neater presentation and a glance of a single data can pinpoint to two different information.

	To create a table, simply add "<nowiki>{\|</nowiki>" to ~~the~~ start ~~of the~~ table and "<nowiki>\|}</nowiki>" to the end of the table.		To create a table, simply add "<nowiki>{\|</nowiki>" to start a table and "<nowiki>\|}</nowiki>" at the end of the table.

	A table ~~could consists~~ of rows (horizontal bar) or columns (vertical bar).		A table may consist of rows (horizontal bar) and columns (vertical bar).

	To add a row, just add "<nowiki>\|-</nowiki> before the table row on a new line.		To add a row, just add "<nowiki>\|-</nowiki>" before the table row on a new line.

	There are 2 types of columns, or table cells. 1 is called header ~~cells~~, 1 is data ~~cells~~. ~~Header cells~~ is a data ~~cells~~, but typically, header cells ~~came in bold~~.		There are 2 types of columns, or table cells. One is called header cell, the other is data cell. A header cell is a data cell, but typically, header cells are bolded.

	To add a header cell~~(s)~~, just add "<nowiki>!</nowiki>" before the cell on a new line.		To add a header cell, just add "<nowiki>!</nowiki>" before the cell on a new line.

	To add a data cell~~(s)~~, just add "<nowiki>\|</nowiki>" before the cell on a new line.		To add a data cell, just add "<nowiki>\|</nowiki>" before the cell on a new line.

	To style a cell~~(s)~~, you may use CSS inline-styling. For more information on the available CSS inline-~~styling~~, you may wish to read [http://www.w3schools.com/cssref/pr_tab_table-layout.asp W3Schools].		To style a cell, you may use CSS inline-styling. For more information on the available CSS inline-stylings, you may wish to read [http://www.w3schools.com/cssref/pr_tab_table-layout.asp W3Schools].

	It is a common practice to use a ~~collapsed~~ table ~~then~~ non-~~collapsed~~ table for ~~neat view~~.		It is a common practice to use a collapsible table than a non-collapsible table for neater viewing.

	====Example 4====		====Example 4====
	To create a ~~collapsed~~ table with 2 rows and 2 columns, the first row is a header row and styled with red background. All you need is to type in the following code.<br>		To create a collapsible table with 2 rows and 2 columns, the first row is a header row and styled with red background. All you need to do is to type in the following code.<br>
	{{dottedbox\|@=Code\|#=<nowiki>{\| style="border-collapse:collapse"</nowiki><br><nowiki>\|- style="background-color:#FF000;"</nowiki><br><nowiki>!Column 1</nowiki><br><nowiki>!Column 2</nowiki><br><nowiki>\|-</nowiki><br><nowiki>\|Column 1</nowiki><br><nowiki>\|Column 2</nowiki><br><nowiki>\|}</nowiki>}}		{{dottedbox\|@=Code\|#=<nowiki>{\| style="border-collapse:collapse"</nowiki><br><nowiki>\|- style="background-color:#FF000;"</nowiki><br><nowiki>!Column 1</nowiki><br><nowiki>!Column 2</nowiki><br><nowiki>\|-</nowiki><br><nowiki>\|Column 1</nowiki><br><nowiki>\|Column 2</nowiki><br><nowiki>\|}</nowiki>}}

	===HTML & CSS===		===HTML & CSS===
	sgWiki ~~also allows~~ HTML and CSS codes. sgWiki ~~could utilise~~ the more powerful HTML5 and CSS3 codes provided that your internet browser ~~supported~~ it. However, please limit the usage of certain commands as it may not be compatible to older PCs which some users may ~~use~~. For more information about HTML5 and CSS3, you may wish to read [http://www.w3schools.com/ W3Schools].		sgWiki supports both HTML and CSS codes. sgWiki utilises the more powerful HTML5 and CSS3 codes provided that your internet browser supports it. However, please limit the usage of certain commands as it may not be compatible with older PCs which some users may be using. For more information about HTML5 and CSS3, you may wish to read [http://www.w3schools.com/ W3Schools].

	For common background colours and font colours used regularly in sgWiki, we ~~had~~ added in new HTML ~~elements~~ classes with specified codes. The following are some of the ~~example~~:		For common background colours and font colours used regularly in sgWiki, we have added in new HTML element classes with specified codes. The following are some of the examples:
	*Operators		*Operators
	**class="LTA" - Background - #004250, Text - #FFFFFF		**class="LTA" - Background - #004250, Text - #FFFFFF