Happy 11th anniversary, screamer wiki!
Screamer Wiki:Guides/Styling: Difference between revisions
imported>Sumpy No edit summary |
imported>Sumpy No edit summary |
||
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. | ||
There are nine color choices: <span class="" style="color:black; margin-bottom:1em;">'''black'''</span>, <span class="" style="color:red; margin-bottom:1em;">'''red'''</span>, <span class="" style="color:green; margin-bottom:1em;">'''green'''</span>, <span class="" style="color:yellow; margin-bottom:1em;">'''yellow'''</span>, <span class="" style="color:blue; margin-bottom:1em;">'''blue'''</span>, <span class="" style="color:cyan; margin-bottom:1em;">'''cyan'''</span>, <span class="" style="color:magenta; margin-bottom:1em;">'''magenta'''</span>, <span class="" style="color:white; margin-bottom:1em;">'''white'''</span> and <span class="" style="color:orange; margin-bottom:1em;">'''orange'''</span>. Choose the color you want and replace the '' | There are nine color choices: <span class="" style="color:black; margin-bottom:1em;">'''black'''</span>, <span class="" style="color:red; margin-bottom:1em;">'''red'''</span>, <span class="" style="color:green; margin-bottom:1em;">'''green'''</span>, <span class="" style="color:yellow; margin-bottom:1em;">'''yellow'''</span>, <span class="" style="color:blue; margin-bottom:1em;">'''blue'''</span>, <span class="" style="color:cyan; margin-bottom:1em;">'''cyan'''</span>, <span class="" style="color:magenta; margin-bottom:1em;">'''magenta'''</span>, <span class="" style="color:white; margin-bottom:1em;">'''white'''</span> and <span class="" style="color:orange; margin-bottom:1em;">'''orange'''</span>. Choose the color you want and replace the ''COLOR'' from the code with your color. | ||
Then, copy the text you want to color and replace the '' | Then, copy the text you want to color and replace the ''TEXT'' from the code with your text. | ||
And voilà, your text is now coloured! | And voilà, your text is now coloured! |
Revision as of 08:17, 3 August 2015
Styling an article
This guide explains how to style articles: how to change colors, size and font.
Colors
To change the text color, you will have to copy the following line of code.
<span class="" style="color:COLOR; margin-bottom:1em;">TEXT</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 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.
There are nine color choices: black, red, green, yellow, blue, cyan, magenta, white and orange. Choose the color you want and replace the COLOR from the code with your color.
Then, 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.
And boom! The font face is now changed.
Hope this helped you!