View source for Screamer Wiki:Guides

[[Category:Guides]]
<tabber>Editing Guide=
{{DISPLAYTITLE:Editing Guide}}
== '''Editing Guide''' ==
This guide explains everything you need to know when creating or editing an article on the Screamer Wiki. This will be useful if you are new to the wiki.
#'''Begin with the name of the screamer and say what type of screamer it is, when it was created and who is the creator''' • ''The Maze is a Flash game created by Jeremy Winterrowd in 2004.''
#'''Describe the screamer with as much objective detail as possible''' • ''In this game, the player has to move their pointer through the blue maze without touching the black walls. There are three levels in total...''
#'''Add pictures to your article''' • This will make it more interesting and visually attractive. After all, one picture is worth a thousand words.
#'''Add links to other articles''' • This will engage the reader even further. Just a simple link can make a visitor come back for more!
#'''Add a ''non-clickable'' link to the screamer''' • While adding the link to your article, and make sure, unless necessary, to remove the ''<u><nowiki>http://www</nowiki></u>'' part. ''Example: winterrowd.com/maze.''
#'''When you are done writing, it is time to categorize your page''' • To learn how to categorize your article properly, keep on reading.
<br>
*'''If you finish writing your own article it would be like this'''
<br>
<pre>
{{Stub}} <---- use this template if someone is gonna expand your own article
{{Closed}} <------- use this template if the webpage is now closed
'''ScaryScreamer.com''' is a [[screamer]] webpage made by a Filipino user '''SkyBlueCat''' on '''April 20, 2020'''

when visiting the site, it displays a white background and a red button that states "Click Me For Suprise!", after clicking that button, [[Regan MacNeil]] from '''The Exorcist''' pops up along with a loud female scream
==Link==
<u>NOTE</u>: the following webpage contain [[screamers]]
*'''ScaryScreamer.com'''
{{Comments}} <----- Enable Comments

[[Category:Websites]] <--- Category Page
[[Category:2020]] <---- when was the website is created? 2020, if the date is unknown please add [[Category:Unknown date]]
[[Category:Regan MacNeil]] <---- what was the jumpscare image?
</pre>
<br>
== '''Using Categories''' ==
Categories are an essential element to the wiki; they make it easier to browse through the all content and let users find what they need without becoming lost. Each page needs a category for '''TYPE''', '''CONTENT''', '''MAKER''' and '''CREATION DATE'''.

==='''Type categories'''===
* '''SCREAMERS''' • ''Please specify the type of screamer.''
** '''[[:Category:Animations|Animations]]''' • Add this category if the screamer is an animation, this also includes Flash and SWF.
** '''[[:Category:Applications|Applications]]''' • Add this category if the screamer is an executable program or application.
** '''[[:Category:Comics|Comics]]''' • Add this category if the screamer is an animated comic.
** '''[[:Category:Commercials|Commercials]]''' • Add this category if the screamer was a commercial broadcast online or on television.
** '''[[:Category:Games|Games]]''' • Add this category if the screamer is a game.
** '''[[:Category:GIFs|GIFs]]''' • Add this category if the screamer is an animated GIF image.
** '''[[:Category:Videos|Videos]]''' • Add this category if the screamer is a video (found on any site).
** '''[[:Category:Websites|Websites]]''' • Add this category if the screamer is a link or webpage that contains an instant jumpscare.
* '''[[:Category:Shock sites|SHOCK SITES]]''' • Add this category if the website contains disturbing images.

==='''Content categories'''===
* '''SCREAMERS''' • ''Please specify the content of the screamer. Here are some examples of content categories:''
** '''[[:Category:FNaF|FNaF]]''' • Add this category if the page is about a screamer containing a character from Five Nights at Freddy's.
** '''[[:Category:Fright Night|Fright Night]]''' • Add this category if the page is about a screamer containing the zombie woman from ''Fright Night''.
** '''[[:Category:Jeff the Killer|Jeff the Killer]]''' • Add this category if the page is about a screamer containing Jeff the Killer.
** '''[[:Category:Katie Embry|Katie Embry]]''' • Add this category if the page is about a screamer containing Katie Embry from ''The Ring''.
** '''[[:Category:K-fee|K-fee]]''' • Add this category if the page is about a screamer containing the Zombie or Gargoyle from the ''K-fee commercials''.
** [[:Category:Pazuzu|'''Pazuzu''']] • Add this category if the page is about a screamer containing Pazuzu from ''The Exorcist''.
** '''[[:Category:Regan MacNeil|Regan MacNeil]]''' • Add this category if the page is about a screamer containing Regan MacNeil from ''The Exorcist''.
** [[:Category:Sarah (The Exorcist)|'''Sarah (The Exorcist)''']] • Add this category if the page is about a screamer containing Sarah from ''The Exorcist: The Beginning''.
** '''[[:Category:What's Wrong face|What's Wrong face]]''' • Add this category if the page is about a screamer containing the face from [[What's Wrong?]].
** '''[[:Category:Other scary images|Other scary images]]''' • Add this category if the page is about a screamer containing a character other than the ones listed above.
* '''SHOCK SITES''' • Please specify the content of the shock site.
** '''[[:Category:Graphic content|Graphic content]]''' • Add this category if the page is about a website containing 18+ images.
** '''[[:Category:Pornography|Pornography]]''' • Add this category in the page is about a pornographic website.
** '''[[:Category:Gore|Gore]]''' • Add this category if the page is about a website containing gore.

==='''Makers'''===

'''<font color="red">''These categories do not apply if the screamer is a website or shock site.''</font>'''
* '''[[:Category:Albino Blacksheep|Albino Blacksheep]]'''
* '''[[:Category:Winterrowd|Jeremy Winterrowd]]'''
* '''[[:Category:Liquid Generation|Liquid Generation]]'''
* '''[[:Category:Newgrounds|Newgrounds]]'''
* '''[[:Category:Studio Horang|Studio Horang]]'''
* '''[[:Category:Other makers|Other makers]]'''
* '''[[:Category:Unknown maker|Unknown maker]]'''

==='''Creation date'''===
* ''Add the creation year of the screamer as a category; per example, '''[[:Category:2012|2012]]'''.''
** ''If the date is unknown, add [[:Category:Unknown date]] to the page.''

==='''Additional categories'''===
All categories listed here are added automatically with the corresponding template.
* '''[[:Category:Stubs|Article stubs]]''' • Add this category if the page is incomplete, needs more information, or has to be reworked. For these pages, please add the ''Stub'' banner to the page by clicking on ''Insert'', ''Template'', find ''Stub'' and click on it. Place the banner at the top of the page.
* '''[[:Category:Closed websites|Closed websites]]''' • Add this category if the page is about a website that does not exist anymore. For these pages, please add the ''Closed'' banner to the page by clicking on ''Insert'', ''Template'', find ''Closed'' and click on it. Place the banner at the top of the page.
* '''[[:Category:Deleted|Deleted screamers]] '''• Add this category if the page is about a screamer that does not exist anymore, or its original copy was deleted. For these pages, please add the ''Deleted'' banner to the page by clicking on ''Insert'', ''Template'', find ''Deleted'' and click on it. Place the banner at the top of the page.
* '''[[:Category:Flashing lights|Flashing lights]]''' • Add this category if the screamer contains flashing lights. For these pages, please add the ''Flashing lights'' banner to the page by clicking on ''Insert'', ''Template'', find ''Flashing lights'' and click on it. Place the banner at the top of the page.
* '''[[:Category:Blocked|Blocked]]''' • Add this category if the screamer and shock site is blocked in a country. For these pages, please add the ''Blocked screamer'' or shock site banner to the page by clicking on ''Insert'', ''Template'', find ''Blocked'' and click on it. Place the banner at the top of the page.

{{Infobox
|title = An example infobox.
|image = Sumpy.png
|imagecaption = An example image.
|maker = Sumpy
|date = January 2020
|type = Flash game
}}

== '''Adding Infoboxes''' ==
If you want to make your page even more interactive and attractive, you can add infoboxes. To add an infobox, simply click the ''Insert'' button, then click on ''Infobox''. You now have numerous choices; you can choose between ''Screamer Infobox'' and ''Shock site Infobox'', depending on the page that you are editing, and then you can customise it.


<p style="text-align:center;">'''''<font color="orange">Now that you're done writing your page, why not add a small touch of originality?</font>''''' If you want to edit colors, size and font of the text in your articles, check out the [[Help:Guides/Styling|Styling Guide]]!</p>

|-|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!

=== '''Color''' ===
To change the text color, you will have to copy the following line of code.
 <nowiki><font color=COLOR>TEXT</font></nowiki>

Then, you have to press the <font color=#e87057>Edit source</font> button on the upper right corner of the website. 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.
* <font color="white">'''White'''</font>
* <font color="gray">'''Gray'''</font>
* <font color="black">'''Black'''</font>
* <font color="maroon">'''Maroon'''</font>
* <font color="red">'''Red'''</font>
* <font color="orangered">'''OrangeRed'''</font>
* <font color="orange">'''Orange'''</font>
* <font color="yellow">'''Yellow'''</font>
* <font color="lime">'''Lime'''</font>
* <font color="cyan">'''Cyan'''</font>
* <font color="blue">'''Blue'''</font>
* <font color="purple">'''Purple'''</font>
* <font color="magenta">'''Magenta'''</font>
* <font color="deeppink">'''DeepPink'''</font>
* <font color="pink">'''Pink'''</font>
* <font color="lightblue">'''LightBlue'''</font>

Now, simply choose the color you want from this list and replace the ''COLOR'' string with your chosen color. You can also use [http://www.w3schools.com/html/html_colornames.asp this website] to get more color codes.

And voilà, your text is now coloured!

==='''Size'''===

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

 <nowiki><font size=SIZE>TEXT</font></nowiki>


Then, you have to press the <font color="#e87057">Edit source</font> button on the upper right corner of the website. 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.

Your text size should now be changed!

=== '''Font''' ===

To change the text font, you will have to copy the following line of code.
 <span><nowiki><font face=FONT>TEXT</font></nowiki></span>



Then, you have to press the <font color=#e87057>Edit Source</font> button on the upper right corner of the website. 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.

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.'''
 <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>
==='''Text Shadow'''===
Text-shadow is a part of CSS(Cascading Style Sheets) Property, it adds shadows to each letter of some text, This property also accepts a list of comma-separated list of shadows to be applied to the text, heres how to do it
==='''Syntax'''===
<pre>
<p style="text-shadow: (h-shadow) (v-shadow) (Blur Radius) (Color)">
</pre>
*'''H-shadow''' = '''The horizontal text shadow position(or x-offset)'''
*'''V-Shadow''' = '''The vertical text shadow position(or y-offset)'''
*'''Blur Radius''' = '''The higher the number. the more blur it will be'''
*'''Color''' = '''The color of the text shadow the available color formats are HEX, RGB, and HSL'''
==='''How to do it'''===
the text has 2 shadows, Which adds a dark gray (#333) shadow a little to the right (0.2em) and down (0.5em) relative to the normal text. The result looks like this:
<pre><p style="text-shadow: 0.2em 0.5em 10px #FFFFFF">This is a Paragraph</p></pre>
<p style="text-shadow: 0.2em 0.5em 10px #FFFFFF">This is a Paragraph</p>
=='''Multiple Shadows:'''==
You can also have more than one shadow and you all have to do is put comma next to the color value and do the same format again and put them in different positions by using ('''X-shadows''' and '''V-shadow''') formats. if you want more text shadows like this, you have to copy this following line of code and you can change the color value:
<pre>                                     <!--add comma to add more text shadows--->         <!-----Text Size----->
                                             |                        |                                 |
                                             \/                      \/                                 \/ 
<p style="text-shadow: 0.2em 0.5em 0.1em #600,-0.3em 0.1em 0.1em #600, 0.4em -0.3em 0.1em #006; font-size:40px">This text has more than one shadow</p>
            
</pre>
<p align="center" style="font-size:20px">Final Result</p>
<div style="border: 1px solid white; border-radius:10px" align="center">
<p style="text-shadow: 0.2em 0.5em 0.1em yellow,-0.3em 0.1em 0.1em, 0.4em -0.3em 0.1em cyan; font-size:40px">This text has more than one shadow</p>
</div>
<div align="center">
<font style="font-size:20px">Check out [https://html-css-js.com/css/generator/text-shadow/ Text Shadow Generator] this will help you!</font>
<e>
</div>
|-|Formatting Guide=
=='''Formatting Guide'''==
This guide explains how to format pages on the Screamer Wiki. You will learn how to add titles, tabbers, and more elements to make your articles more organized.

<u>NOTE</u>: ''You need to add the commands in the source editor ("Edit source" on the top right hand corner) or it will not work. Also, dont forget to remove the (placeholder) tags and overwrite it with your own text!''
==='''Title'''===
<pre>
=='''(placeholder)'''==
</pre>


==='''Tabber'''===
<pre>
<tabber>
Main=
(placeholder)
|−|
Links=
(placeholder)
|−|
≤/tabber>

(Tabs can be extended to infinity by adding more "|−|" characters.)
</pre>


==='''Image or video file'''===
<pre>
[[File:(placeholder)]]
</pre>


==='''Gallery'''===
<pre>
<gallery>
(placeholder)
</gallery>
</pre>


==='''Category'''===
<pre>
[[Category:(placeholder)]]
</pre>


==='''Screamer Wiki internal link'''===
<pre>
[[(placeholder)]]
</pre>

==='''All kinds of external links'''===
<pre>
* '''(placeholder)'''
</pre>


==='''Warning note'''===
<pre>
<u>NOTE</u>:
</pre>


==='''Article note'''===

<pre>
{{(placeholder)}}
</pre>
</tabber>