Screamer Wiki:Guides/Styling: Difference between revisions

Jump to: navigation, search
m
→‎top: clean up/remove __NOTOC__, removed: __NOTOC__
imported>Sumpy
m (→‎top: clean up/remove __NOTOC__, removed: __NOTOC__)
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__NOTOC__
{{DISPLAYTITLE:Styling Guide}}
{{DISPLAYTITLE:Styling Guide}}


Line 9: Line 8:
  <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 <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 32: Line 31:


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


Line 38: 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 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.


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 51:




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 <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.
Line 62: Line 61:
'''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>
AllPageAccess, Bots, Administrators
3,522

edits

Navigation menu