Screamer Wiki:Guides/Styling - Revision history

LawikiBot: /* top */clean up/remove NOTOC, removed: NOTOC

2023-01-25T20:40:59Z

top: clean up/remove __NOTOC__, removed: __NOTOC__

← Older revision		Revision as of 13:40, 25 January 2023
Line 1:		Line 1:
	~~__NOTOC__~~
	{{DISPLAYTITLE:Styling Guide}}		{{DISPLAYTITLE:Styling Guide}}

Tankmanfan44 at 06:18, 16 August 2022

2022-08-16T06:18:27Z

← Older revision		Revision as of 23:18, 15 August 2022
Line 9:		Line 9:
	<nowiki><font color=COLOR>TEXT</font></nowiki>		<nowiki><font color=COLOR>TEXT</font></nowiki>

	Then, you have to press the ~~'''"~~Edit source~~"'''~~ button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text color.		Then, you have to press the <font color=#e87057>Edit source</font> button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text color.

	Here are some colors that you can use.		Here are some colors that you can use.
Line 39:		Line 39:
	<nowiki><font size=SIZE>TEXT</font></nowiki>		<nowiki><font size=SIZE>TEXT</font></nowiki>

	Then, you have to press the ~~'''"~~Edit source~~"'''~~ button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text size.		Then, you have to press the <font color=#e87057>Edit source</font> button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text size.

	Now, choose a value that's between '''7''' and '''-7'''. After, replace the ''SIZE'' string with the size you chose and replace the ''TEXT'' from the code with your text.		Now, choose a value that's between '''7''' and '''-7'''. After, replace the ''SIZE'' string with the size you chose and replace the ''TEXT'' from the code with your text.
Line 52:		Line 52:


	Then, you have to press the ~~'''"~~Edit source~~"'''~~ button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text font.		Then, you have to press the <font color=#e87057>Edit source</font> button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text font.

	After that, you have to choose a font, like '''Helvetica''' or '''Arial'''. After, replace the ''FONT'' string with the font you chose and replace the ''TEXT'' string with your text. You can use [http://www.w3.org/Style/Examples/007/fonts.en.html#font-style this website] to learn how to do more with font styles, like changing the weight, stretch, and more.		After that, you have to choose a font, like '''Helvetica''' or '''Arial'''. After, replace the ''FONT'' string with the font you chose and replace the ''TEXT'' string with your text. You can use [http://www.w3.org/Style/Examples/007/fonts.en.html#font-style this website] to learn how to do more with font styles, like changing the weight, stretch, and more.

Tankmanfan44 at 06:16, 16 August 2022

2022-08-16T06:16:45Z

← Older revision		Revision as of 23:16, 15 August 2022
Line 9:		Line 9:
	<nowiki><font color=COLOR>TEXT</font></nowiki>		<nowiki><font color=COLOR>TEXT</font></nowiki>

	Then, you have to press the ~~{{Contribute}} button in the upper right corner of the website, then~~ ''Edit ~~this Page,~~'' ~~and again~~ in the upper right corner~~, click the ''Source'' tab~~. Here you will see the source code of the page. Now, paste the code where you want to change the text color.		Then, you have to press the '''"Edit source"''' button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text color.

	Here are some colors that you can use.		Here are some colors that you can use.
Line 39:		Line 39:
	<nowiki><font size=SIZE>TEXT</font></nowiki>		<nowiki><font size=SIZE>TEXT</font></nowiki>

			Then, you have to press the '''"Edit source"''' button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text size.
	Then, you have to press the ~~{{Contribute}} button in the upper right corner of the website, then~~ ''Edit ~~this Page,~~'' ~~and again~~ in the upper right corner~~, click the ''Source'' tab~~. Here you will see the source code of the page. Now, paste the code where you want to change the text size.

	Now, choose a value that's between '''7''' and '''-7'''. After, replace the ''SIZE'' string with the size you chose and replace the ''TEXT'' from the code with your text.		Now, choose a value that's between '''7''' and '''-7'''. After, replace the ''SIZE'' string with the size you chose and replace the ''TEXT'' from the code with your text.
Line 53:		Line 52:


	Then, you have to press the ~~{{Contribute}} button in the upper right corner of the website, then~~ ''Edit ~~this Page,~~'' ~~and again~~ in the upper right corner~~, click the ''Source'' tab~~. Here you will see the source code of the page. Now, paste the code where you want to change the text font.		Then, you have to press the '''"Edit source"''' button in the upper right corner. Here you will see the source code of the page. Now, paste the code where you want to change the text font.

	After that, you have to choose a font, like '''Helvetica''' or '''Arial'''. After, replace the ''FONT'' string with the font you chose and replace the ''TEXT'' string with your text. You can use [http://www.w3.org/Style/Examples/007/fonts.en.html#font-style this website] to learn how to do more with font styles, like changing the weight, stretch, and more.		After that, you have to choose a font, like '''Helvetica''' or '''Arial'''. After, replace the ''FONT'' string with the font you chose and replace the ''TEXT'' string with your text. You can use [http://www.w3.org/Style/Examples/007/fonts.en.html#font-style this website] to learn how to do more with font styles, like changing the weight, stretch, and more.

Tankmanfan44: Protected "Screamer Wiki:Guides/Styling" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

2022-08-16T04:32:52Z

Protected "Screamer Wiki:Guides/Styling" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

← Older revision	Revision as of 21:32, 15 August 2022
(No difference)

imported>Benderban01: /* Size */

2019-07-26T23:35:19Z

Size

← Older revision		Revision as of 16:35, 26 July 2019
Line 40:		Line 40:


	Then, you have to press the ~~http://images4.wikia.nocookie.net/screamerchecker/images/7/78/~~Contribute~~.png~~ button in the upper right corner of the website, then ''Edit this Page,'' and again in the upper right corner, click the ''Source'' tab. Here you will see the source code of the page. Now, paste the code where you want to change the text size.		Then, you have to press the {{Contribute}} button in the upper right corner of the website, then ''Edit this Page,'' and again in the upper right corner, click the ''Source'' tab. Here you will see the source code of the page. Now, paste the code where you want to change the text size.

	Now, choose a value that's between '''7''' and '''-7'''. After, replace the ''SIZE'' string with the size you chose and replace the ''TEXT'' from the code with your text.		Now, choose a value that's between '''7''' and '''-7'''. After, replace the ''SIZE'' string with the size you chose and replace the ''TEXT'' from the code with your text.
Line 53:		Line 53:


	Then, you have to press the ~~http://images4.wikia.nocookie.net/screamerchecker/images/7/78/~~Contribute~~.png~~ button in the upper right corner of the website, then ''Edit this Page,'' and again in the upper right corner, click the ''Source'' tab. Here you will see the source code of the page. Now, paste the code where you want to change the text font.		Then, you have to press the {{Contribute}} button in the upper right corner of the website, then ''Edit this Page,'' and again in the upper right corner, click the ''Source'' tab. Here you will see the source code of the page. Now, paste the code where you want to change the text font.

	After that, you have to choose a font, like '''Helvetica''' or '''Arial'''. After, replace the ''FONT'' string with the font you chose and replace the ''TEXT'' string with your text. You can use [http://www.w3.org/Style/Examples/007/fonts.en.html#font-style this website] to learn how to do more with font styles, like changing the weight, stretch, and more.		After that, you have to choose a font, like '''Helvetica''' or '''Arial'''. After, replace the ''FONT'' string with the font you chose and replace the ''TEXT'' string with your text. You can use [http://www.w3.org/Style/Examples/007/fonts.en.html#font-style this website] to learn how to do more with font styles, like changing the weight, stretch, and more.
Line 63:		Line 63:
	'''If you want to combine multiple text style codes in one line, just add a '';'' between them.'''		'''If you want to combine multiple text style codes in one line, just add a '';'' between them.'''
	<nowiki><font color=COLOR;font size=SIZE;font face=FONT>TEXT</font></nowiki>		<nowiki><font color=COLOR;font size=SIZE;font face=FONT>TEXT</font></nowiki>


	<center>		<center>

imported>Benderban01: /* Color */

2019-07-26T23:34:41Z

Color

← Older revision		Revision as of 16:34, 26 July 2019
Line 9:		Line 9:
	<nowiki><font color=COLOR>TEXT</font></nowiki>		<nowiki><font color=COLOR>TEXT</font></nowiki>

	Then, you have to press the ~~http://images4.wikia.nocookie.net/screamerchecker/images/7/78/~~Contribute~~.png~~ button in the upper right corner of the website, then ''Edit this Page,'' and again in the upper right corner, click the ''Source'' tab. Here you will see the source code of the page. Now, paste the code where you want to change the text color.		Then, you have to press the {{Contribute}} button in the upper right corner of the website, then ''Edit this Page,'' and again in the upper right corner, click the ''Source'' tab. Here you will see the source code of the page. Now, paste the code where you want to change the text color.

	Here are some colors that you can use.		Here are some colors that you can use.
Line 32:		Line 32:

	And voilà, your text is now coloured!		And voilà, your text is now coloured!

	==='''Size'''===		==='''Size'''===

imported>Sumpy: Sumpy moved page Help:Guides/Styling to Screamer Wiki:Guides/Styling

2018-04-27T04:08:03Z

Sumpy moved page Help:Guides/Styling to Screamer Wiki:Guides/Styling

← Older revision	Revision as of 21:08, 26 April 2018
(No difference)

imported>Sumpy: Updated the guide.

2017-05-14T02:21:12Z

Updated the guide.

← Older revision		Revision as of 19:21, 13 May 2017
Line 5:		Line 5:
	This guide explains how to style articles. You will learn how to change colors, size and font to make your articles pop!		This guide explains how to style articles. You will learn how to change colors, size and font to make your articles pop!

	== '''Color''' ==		=== '''Color''' ===
	To change the text color, you will have to copy the following line of code.		To change the text color, you will have to copy the following line of code.
	<nowiki><font color=COLOR>TEXT</font></nowiki>		<nowiki><font color=COLOR>TEXT</font></nowiki>
Line 32:		Line 32:

	And voilà, your text is now coloured!		And voilà, your text is now coloured!
	=='''Size'''==		==='''Size'''===

	To change the text size, you will have to copy the following line of code.		To change the text size, you will have to copy the following line of code.
Line 45:		Line 45:
	Your text size should now be changed!		Your text size should now be changed!

	== '''Font''' ==		=== '''Font''' ===


	To change the text font, you will have to copy the following line of code.		To change the text font, you will have to copy the following line of code.
Line 58:		Line 57:

	And boom! The font face is now changed.		And boom! The font face is now changed.


	~~----~~


Line 68:		Line 64:


	<center><font color="~~lime~~">'''<font size="4">Hope this helped you!</font>'''</font></center>		<center>
			<font color="orange">'''<font size="3">Hope this helped you!</font>'''</font>
			</center>

	[[Category:Guides]]		[[Category:Guides]]
	[[Category:Community]]		[[Category:Community]]
	[[Category:Help]]		[[Category:Help]]

imported>Sumpy at 20:21, 13 July 2016

2016-07-13T20:21:48Z

← Older revision		Revision as of 13:21, 13 July 2016
Line 1:		Line 1:
			__NOTOC__
	{{DISPLAYTITLE:Styling Guide}}		{{DISPLAYTITLE:Styling Guide}}

	== '''Styling Guide''' ==		== '''Styling Guide''' ==
	This guide explains how to style articles. You will learn how to change colors, size and font to make your articles pop!		This guide explains how to style articles. You will learn how to change colors, size and font to make your articles pop!
Line 67:		Line 69:

	<center><font color="lime">'''<font size="4">Hope this helped you!</font>'''</font></center>		<center><font color="lime">'''<font size="4">Hope this helped you!</font>'''</font></center>

	[[Category:Guides]]		[[Category:Guides]]
	[[Category:Community]]		[[Category:Community]]
	[[Category:Help]]		[[Category:Help]]

imported>Sumpy at 14:11, 25 June 2016

2016-06-25T14:11:06Z

← Older revision		Revision as of 07:11, 25 June 2016
Line 1:		Line 1:
	{{DISPLAYTITLE:~~'''~~Styling Guide~~'''~~}}		{{DISPLAYTITLE:Styling Guide}}
	== '''Styling Guide''' ==		== '''Styling Guide''' ==
	This guide explains how to style articles. You will learn how to change colors, size and font to make your articles pop!		This guide explains how to style articles. You will learn how to change colors, size and font to make your articles pop!