Screamer Wiki:Guides/Styling: Difference between revisions
imported>Lawiki1534virus (→Color: Added another color choice) |
imported>Sumpy (Added lime, brightred, pink, grey, purple, and more.) |
||
| Line 8: | Line 8: | ||
Then, you have to press the http://images2.wikia.nocookie.net/screamerchecker/images/a/a8/Contibute.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 http://images2.wikia.nocookie.net/screamerchecker/images/a/a8/Contibute.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. | ||
Here are some colors that you can use: '''white''', <font color="grey">'''grey'''</font><span style="font-weight:normal;">, </span><font color=black>'''black''', </font><font color=red>'''red'''</font>, <font color="brightred">'''brightred'''</font><span style="font-weight:normal;">, </span><font color=green>'''green'''</font>, <font color="lime">'''lime'''</font><span style="font-weight:normal;">, </span><font color=yellow>'''yellow'''</font>, <font color=blue>'''blue'''</font>, <font color="cyan">'''cyan'''</font><span style="font-weight:normal;">, </span><font color="lightblue">'''lightblue, '''</font><font color=purple>'''purple'''</font><span style="font-weight:normal;">,</span> <font color="magenta">'''magenta'''</font><span style="font-weight:normal;">, </span>'''<font color="pink">pink</font>''', and <font color="orange">'''orange'''</font>. Choose the color you want and replace the ''COLOR'' from the code with your color. | |||
To get more color choices specifically up to 16777216 colors, you can use this line of code, and replace the '''0''' with the exact color code. You can use [http://www.rapidtables.com/web/color/RGB_Color.htm this site] to get all the color codes. | To get more color choices specifically up to 16777216 colors, you can use this line of code, and replace the '''0''' with the exact color code. You can use [http://www.rapidtables.com/web/color/RGB_Color.htm this site] to get all the color codes. </font> | ||
<nowiki><font style=color:rgb(0,0,0)>TEXT</font></nowiki> | <nowiki><font style=color:rgb(0,0,0)>TEXT</font></nowiki> | ||
| Line 18: | Line 18: | ||
=='''Size'''== | =='''Size'''== | ||
To change the text size, | To change the text size, you will have to copy the following line of code. | ||
<nowiki><font size=SIZE>TEXT</font></nowiki> | <nowiki><font size=SIZE>TEXT</font></nowiki> | ||
<span>Then, you have to press the http://images2.wikia.nocookie.net/screamerchecker/images/a/a8/Contibute.png button in the upper right corner of the website, then </span>''Edit this Page,''<span> and again in the upper right corner, click the </span>''Source''<span> tab. Here you will see the source code of the page. Now, paste the code where you want to change the text size.</span> | <span>Then, you have to press the http://images2.wikia.nocookie.net/screamerchecker/images/a/a8/Contibute.png button in the upper right corner of the website, then </span>''Edit this Page,''<span> and again in the upper right corner, click the </span>''Source''<span> tab. Here you will see the source code of the page. Now, paste the code where you want to change the text size.</span> | ||
| Line 28: | Line 30: | ||
== '''Font''' == | == '''Font''' == | ||
<span>To change the text font,</span><span class=""> you will have to copy the following line of code.</span> | |||
<span>To change the text font,</span><span class=""> you will have to copy the following line of code.</span> </font> | |||
<span><nowiki><font face=FONT>TEXT</font></nowiki></span> | <span><nowiki><font face=FONT>TEXT</font></nowiki></span> | ||
<span class="">Then, you have to press the http://images2.wikia.nocookie.net/screamerchecker/images/a/a8/Contibute.png button in the upper right corner of the website, then </span>''Edit this Page,''<span class=""> and again in the upper right corner, click the </span>''Source''<span class=""> tab. Here you will see the source code of the page. Now, paste the code where you want to change the text font.</span> | |||
</font> | |||
After that, you have to choose a font, like '''Helvetica''' or '''Arial'''. After, replace the ''FONT'' from the code with the font you chose and replace the ''TEXT'' from the code with your text. You can use[http://www.w3.org/Style/Examples/007/fonts.en.html#font-style this site] to get help with font styles (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 '';'' between them.''' | '''If you want to combine multiple text style codes in one line, just add '';'' between them.''' </font> | ||
<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 size="4">Hope this helped you!</font>'''</center> | <center><font color="pink">'''<font size="4">Hope this helped you!</font>'''</font></center> | ||
[[Category:Wiki Guides]] | [[Category:Wiki Guides]] | ||
[[Category:Community]] | [[Category:Community]] | ||
