Screamer Wiki:Guides: Difference between revisions

Jump to: navigation, search

Screamer Wiki:Guides (view source)

Revision as of 14:51, 2 April 2023

6,217 bytes added ,  2 April 2023
no edit summary
VisualWikitext
No edit summary
No edit summary
 
(17 intermediate revisions by 5 users not shown)
Line 1: Line 1:
[[Category:Guides]]
<tabber>Editing Guide=
<tabber>Editing Guide=
{{DISPLAYTITLE:Editing Guide}}
{{DISPLAYTITLE:Editing Guide}}
== '''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.
This guide explains everything you need to know when creating or editing an article on Screamer Wiki. This will be useful if you are a new user or are unfamiliar with MediaWiki.
#'''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.''
#'''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...''
#'''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 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 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.''
#'''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>https://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.
#'''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 look like this'''
<br>
<pre>
{{Stub}} <---- use this template if your article needs to be expanded.
{{Closed}} <------- use this template if the website is now closed.
'''ScaryScreamer.com''' is a [[screamer]] webpage made by 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''' ==
== '''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'''.
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'''.
Line 24: Line 42:
** '''[[:Category:Videos|Videos]]''' • Add this category if the screamer is a video (found on any site).
** '''[[: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: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.
* '''[[:Category:Shock sites|Shock sites]]''' • Add this category if the website contains disturbing images.


==='''Content categories'''===
==='''Content categories'''===
Line 60: Line 78:
==='''Additional categories'''===
==='''Additional categories'''===
All categories listed here are added automatically with the corresponding template.
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:Stubs|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: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:Deleted|Deleted]] '''• 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: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.
* '''[[: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
{{Infobox
|Name = An example infobox.
|title = An example infobox.
|Picture = Sumpy.png
|image = Sumpy.png
|Quote = An example image.
|imagecaption = An example image.
|Maker = Sumpy
|maker = Sumpy
|Release date = January 2020
|date = January 2020
|Type = Flash game}}
|type = Flash game
}}


== '''Adding Infoboxes''' ==
== '''Adding Infoboxes''' ==
Line 108: Line 127:
* <font color="lightblue">'''LightBlue'''</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.
Now, simply choose the color you want from this list and replace the ''COLOR'' string with your chosen color. You can also use [https://htmlcolorcodes.com this website] to get more color codes.


And voilà, your text is now coloured!
And voilà, your text is now coloured!
Line 134: Line 153:
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.
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.
After that, you have to choose a font, like '''<font face=Helvetica>Helvetica</font>''' or '''<font face=Arial>Arial</font>'''. 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.
And boom! The font face is now changed.
Line 146: Line 165:
<font color="orange">'''<font size="3">Hope this helped you!</font>'''</font>
<font color="orange">'''<font size="3">Hope this helped you!</font>'''</font>
</center>
</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 two 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>
</div>
==='''ASCII Art'''===
Some ASCII art may not display correctly
For example:
　　　　　　　　　∧　　　　∧
　　　　　　　　/　　ヽ　　/　ヽ
　　　　　　　/　　　　⌒　　　｀ヽ　　 　　　　　　　　∧∧
　　　　　/^）　　○ γヽ　 ○ 　/ヽ　.　　　　　　　(*ﾟーﾟ) 〜♪
　　　　 ﾞi　 |　|||　　 |　　|　　　 |　 `i　 　　　　　　 | ⊃⊇､
・・・・・　|　 |. |||　　 |　　|　　　 l　　 |　・・・・・((( ◎-ヽJ -◎　きこきこ
　　　　　 ﾞi　| |||　　 |　　|　　　 ﾞi　　|
　　　　γ'l　|　　　　 ヽノ　　　 ﾉi　 ﾉ
　　　　 |　|　|`ヽ、　　　　＿,,-'/　ﾉ
　　　　 |　ﾉ　| 　 ￣￣￣　　　|　　|
　　　　 ヽ　 ﾉ　　　　　　　　　　ヽ_ﾉ
　　　　　 ￣|　　　　　　　　　　　|
Even adding a <nowiki><pre></nowiki> tag won't help sometimes.
<pre>
　　　　　　　　　∧　　　　∧
　　　　　　　　/　　ヽ　　/　ヽ
　　　　　　　/　　　　⌒　　　｀ヽ　　 　　　　　　　　∧∧
　　　　　/^）　　○ γヽ　 ○ 　/ヽ　.　　　　　　　(*ﾟーﾟ) 〜♪
　　　　 ﾞi　 |　|||　　 |　　|　　　 |　 `i　 　　　　　　 | ⊃⊇､
・・・・・　|　 |. |||　　 |　　|　　　 l　　 |　・・・・・((( ◎-ヽJ -◎　きこきこ
　　　　　 ﾞi　| |||　　 |　　|　　　 ﾞi　　|
　　　　γ'l　|　　　　 ヽノ　　　 ﾉi　 ﾉ
　　　　 |　|　|`ヽ、　　　　＿,,-'/　ﾉ
　　　　 |　ﾉ　| 　 ￣￣￣　　　|　　|
　　　　 ヽ　 ﾉ　　　　　　　　　　ヽ_ﾉ
　　　　　 ￣|　　　　　　　　　　　|
</pre>
To solve this, add either
<pre>
<poem class="aa">
</pre>
or
<pre>
<poem class="aagiko">
</pre>
The differences between these two are only the font used.
<poem class="aa">
　　　　　　　　　∧　　　　∧
　　　　　　　　/　　ヽ　　/　ヽ
　　　　　　　/　　　　⌒　　　｀ヽ　　 　　　　　　　　∧∧
　　　　　/^）　　○ γヽ　 ○ 　/ヽ　.　　　　　　　(*ﾟーﾟ) 〜♪
　　　　 ﾞi　 |　|||　　 |　　|　　　 |　 `i　 　　　　　　 | ⊃⊇､
・・・・・　|　 |. |||　　 |　　|　　　 l　　 |　・・・・・((( ◎-ヽJ -◎　きこきこ
　　　　　 ﾞi　| |||　　 |　　|　　　 ﾞi　　|
　　　　γ'l　|　　　　 ヽノ　　　 ﾉi　 ﾉ
　　　　 |　|　|`ヽ、　　　　＿,,-'/　ﾉ
　　　　 |　ﾉ　| 　 ￣￣￣　　　|　　|
　　　　 ヽ　 ﾉ　　　　　　　　　　ヽ_ﾉ
　　　　　 ￣|　　　　　　　　　　　|
</poem>
|-|Formatting Guide=
|-|Formatting Guide=
=='''Formatting Guide'''==
=='''Formatting Guide'''==
Line 151: Line 258:


<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!''
<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'''===
==='''Title'''===
<pre>
<pre>
Retrieved from "https://screamer.wiki/Special:MobileDiff/29267...125611"

Navigation menu