AllPageAccess, Bots, Administrators
3,522
edits
Screamer Wiki:Guides/Styling: Difference between revisions
m
→top: clean up/remove __NOTOC__, removed: __NOTOC__
imported>Sumpy m (Sumpy moved page Screamer Wiki:Guides/Styling to Help:Guides/Styling) |
m (→top: clean up/remove __NOTOC__, removed: __NOTOC__) |
||
| (12 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
{{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! | ||
== '''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> | ||
Then, you have to press the | 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 29: | Line 31: | ||
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 35: | Line 38: | ||
<nowiki><font size=SIZE>TEXT</font></nowiki> | <nowiki><font size=SIZE>TEXT</font></nowiki> | ||
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. | |||
Then, you have to press the | |||
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 42: | Line 44: | ||
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. | ||
<span><nowiki><font face=FONT>TEXT</font></nowiki></span> | <span><nowiki><font face=FONT>TEXT</font></nowiki></span> | ||
Then, you have to press the | 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. | ||
And boom! The font face is now changed. | And boom! The font face is now changed. | ||
'''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> | |||
<font color="orange">'''<font size="3">Hope this helped you!</font>'''</font> | |||
</center> | |||
[[Category:Guides]] | |||
[[Category: | |||
[[Category:Community]] | [[Category:Community]] | ||
[[Category:Help]] | |||
