Screamer Wiki:Guides/Styling: Difference between revisions

From Screamer Wiki
Jump to: navigation, search
imported>Sumpy
mNo edit summary
imported>Sumpy
(→‎Font: Added even MORE colors.)
Line 9: Line 9:


Here are some colors that you can use.
Here are some colors that you can use.
* <font color="white">'''white'''</font>
* <font color="white">'''White'''</font>
* <font color="grey">'''grey'''</font>
* <font color="gray">'''Gray'''</font>
* <font color="black">'''black'''</font>
* <font color="black">'''Black'''</font>
* <font color="brightred">'''brightred'''</font>
* <font color="maroon">'''Maroon'''</font>
* <font color="red">'''red'''</font>
* <font color="red">'''Red'''</font>
* <font color="orange">'''orange'''</font>
* <font color="orangered">'''OrangeRed'''</font>
* <font color="yellow">'''yellow'''</font>
* <font color="orange">'''Orange'''</font>
* <font color="lime">'''lime'''</font>
* <font color="yellow">'''Yellow'''</font>
* <font color="cyan">'''cyan'''</font>
* <font color="lime">'''Lime'''</font>
* <font color="blue">'''blue'''</font>
* <font color="cyan">'''Cyan'''</font>
* <font color="purple">'''purple'''</font>
* <font color="blue">'''Blue'''</font>
* <font color="magenta">'''magenta'''</font>
* <font color="purple">'''Purple'''</font>
* <font color="pink">'''pink'''</font>
* <font color="magenta">'''Magenta'''</font>
* <font color="lightblue">'''lightblue'''</font>
* <font color="deeppink">'''DeepPink'''</font>
* <font color="pink">'''Pink'''</font>
* <font color="lightblue">'''LightBlue'''</font>


Choose the color you want and replace the ''COLOR'' string with your chosen color.
Choose the color you want and replace the ''COLOR'' string with your chosen color.
Line 55: Line 57:
<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>  
<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>  


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).
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.
Line 68: Line 70:




<center><font color="pink">'''<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:Wiki Guides]]
[[Category:Wiki Guides]]
[[Category:Community]]
[[Category:Community]]

Revision as of 20:40, 30 December 2015

Styling Guide

This guide explains how to style articles. You will learn how to change colors, size and font.

Color

To change the text color, you will have to copy the following line of code.

<font color=COLOR>TEXT</font>

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
  • Gray
  • Black
  • Maroon
  • Red
  • OrangeRed
  • Orange
  • Yellow
  • Lime
  • Cyan
  • Blue
  • Purple
  • Magenta
  • DeepPink
  • Pink
  • LightBlue

Choose the color you want and replace the COLOR string with your chosen 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 this site to get all the color codes.

<font style=color:rgb(0,0,0)>TEXT</font>

When you're done choosing your color, copy the text you want to color and replace the TEXT from the code with your text.

And voilà, your text is now coloured!

Size

To change the text size, you will have to copy the following line of code.

<font size=SIZE>TEXT</font>


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 size.

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

Your text size should now be changed!

Font

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

<font face=FONT>TEXT</font>


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 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 this site to get help with font styles (weight, stretch, and more).

And boom! The font face is now changed.




If you want to combine multiple text style codes in one line, just add ; between them.

<font color=COLOR;font size=SIZE;font face=FONT>TEXT</font>


Hope this helped you!