Screamer Wiki:Guides: Difference between revisions

From Screamer Wiki
Jump to: navigation, search
No edit summary
(working on making ascii work well)
Line 153: 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 194: Line 194:
<font style="font-size:20px">Check out [https://html-css-js.com/css/generator/text-shadow/ Text Shadow Generator] this will help you!</font>
<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>
</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>
<pre class="aa">
</pre>
or
<pre>
<pre class ="aagiko">
</pre>
The differences between these two are only the font used.
<pre class="aagiko">
         ∧    ∧
        /  ヽ  / ヽ
       /    ⌒   `ヽ           ∧∧
     /^)  ○ γヽ  ○  /ヽ .       (*゚ー゚) 〜♪
     ゙i  | |||   |  |    |  `i         | ⊃⊇、
・・・・・ |  |. |||   |  |    l   | ・・・・・((( ◎-ヽJ -◎ きこきこ
      ゙i | |||   |  |    ゙i  |
    γ'l |     ヽノ    ノi  ノ
     | | |`ヽ、    _,,-'/ ノ
     | ノ |    ̄ ̄ ̄   |  |
     ヽ  ノ          ヽ_ノ
       ̄|           |
</pre>
|-|Formatting Guide=
|-|Formatting Guide=
=='''Formatting Guide'''==
=='''Formatting Guide'''==

Revision as of 13:35, 20 February 2023

Editing Guide

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.

  1. Begin with the name of the screamer and say what type of screamer it is, when it was created and who is the creatorThe Maze is a Flash game created by Jeremy Winterrowd in 2004.
  2. Describe the screamer with as much objective detail as possibleIn this game, the player has to move their pointer through the blue maze without touching the black walls. There are three levels in total...
  3. Add pictures to your article • This will make it more interesting and visually attractive. After all, one picture is worth a thousand words.
  4. Add links to other articles • This will engage the reader even further. Just a simple link can make a visitor come back for more!
  5. Add a non-clickable link to the screamer • While adding the link to your article, and make sure, unless necessary, to remove the https://www part. Example: winterrowd.com/maze.
  6. When you are done writing, it is time to categorize your page • To learn how to categorize your article properly, keep on reading.


  • If you finish writing your own article it would look like this


{{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 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?


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

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

Content categories

  • SCREAMERSPlease specify the content of the screamer. Here are some examples of content categories:
    • FNaF • Add this category if the page is about a screamer containing a character from Five Nights at Freddy's.
    • Fright Night • Add this category if the page is about a screamer containing the zombie woman from Fright Night.
    • Jeff the Killer • Add this category if the page is about a screamer containing Jeff the Killer.
    • Katie Embry • Add this category if the page is about a screamer containing Katie Embry from The Ring.
    • K-fee • Add this category if the page is about a screamer containing the Zombie or Gargoyle from the K-fee commercials.
    • Pazuzu • Add this category if the page is about a screamer containing Pazuzu from The Exorcist.
    • Regan MacNeil • Add this category if the page is about a screamer containing Regan MacNeil from The Exorcist.
    • Sarah (The Exorcist) • Add this category if the page is about a screamer containing Sarah from The Exorcist: The Beginning.
    • What's Wrong face • Add this category if the page is about a screamer containing the face from What's Wrong?.
    • 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.
    • Graphic content • Add this category if the page is about a website containing 18+ images.
    • Pornography • Add this category in the page is about a pornographic website.
    • Gore • Add this category if the page is about a website containing gore.

Makers

These categories do not apply if the screamer is a website or shock site.

Creation date

  • Add the creation year of the screamer as a category; per example, 2012.

Additional categories

All categories listed here are added automatically with the corresponding template.

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

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.


Now that you're done writing your page, why not add a small touch of originality? If you want to edit colors, size and font of the text in your articles, check out the 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.

<font color=COLOR>TEXT</font>

Then, you have to press the Edit source 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.

  • White
  • Gray
  • Black
  • Maroon
  • Red
  • OrangeRed
  • Orange
  • Yellow
  • Lime
  • Cyan
  • Blue
  • Purple
  • Magenta
  • DeepPink
  • Pink
  • LightBlue

Now, simply choose the color you want from this list and replace the COLOR string with your chosen color. You can also use 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.

<font size=SIZE>TEXT</font>


Then, you have to press the Edit source 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.

<font face=FONT>TEXT</font>


Then, you have to press the Edit Source 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 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.

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

Hope this helped you!

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

<p style="text-shadow: (h-shadow) (v-shadow) (Blur Radius) (Color)">
  • 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:

<p style="text-shadow: 0.2em 0.5em 10px #FFFFFF">This is a Paragraph</p>

This is a Paragraph

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:

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

Final Result

This text has more than one shadow

Check out Text Shadow Generator this will help you!

ASCII Art

Some ASCII art may not display correctly

For example:          ∧    ∧         /  ヽ  / ヽ        /    ⌒   `ヽ           ∧∧      /^)  ○ γヽ  ○  /ヽ .       (*゚ー゚) 〜♪      ゙i  | |||   |  |    |  `i         | ⊃⊇、 ・・・・・ |  |. |||   |  |    l   | ・・・・・((( ◎-ヽJ -◎ きこきこ       ゙i | |||   |  |    ゙i  |     γ'l |     ヽノ    ノi  ノ      | | |`ヽ、    _,,-'/ ノ      | ノ |    ̄ ̄ ̄   |  |      ヽ  ノ          ヽ_ノ        ̄|           |


Even adding a <pre> tag won't help sometimes.

         ∧    ∧ 
        /  ヽ  / ヽ 
       /    ⌒   `ヽ           ∧∧ 
     /^)  ○ γヽ  ○  /ヽ .       (*゚ー゚) 〜♪ 
     ゙i  | |||   |  |    |  `i         | ⊃⊇、 
・・・・・ |  |. |||   |  |    l   | ・・・・・((( ◎-ヽJ -◎ きこきこ 
      ゙i | |||   |  |    ゙i  | 
    γ'l |     ヽノ    ノi  ノ 
     | | |`ヽ、    _,,-'/ ノ 
     | ノ |    ̄ ̄ ̄   |  | 
     ヽ  ノ          ヽ_ノ 
       ̄|           | 

To solve this, add either

<pre class="aa">

or

<pre class ="aagiko">

The differences between these two are only the font used.

         ∧    ∧ 
        /  ヽ  / ヽ 
       /    ⌒   `ヽ           ∧∧ 
     /^)  ○ γヽ  ○  /ヽ .       (*゚ー゚) 〜♪ 
     ゙i  | |||   |  |    |  `i         | ⊃⊇、 
・・・・・ |  |. |||   |  |    l   | ・・・・・((( ◎-ヽJ -◎ きこきこ 
      ゙i | |||   |  |    ゙i  | 
    γ'l |     ヽノ    ノi  ノ 
     | | |`ヽ、    _,,-'/ ノ 
     | ノ |    ̄ ̄ ̄   |  | 
     ヽ  ノ          ヽ_ノ 
       ̄|           | 

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.

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

=='''(placeholder)'''==


Tabber

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

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


Image or video file

[[File:(placeholder)]]


Gallery

<gallery>
(placeholder)
</gallery>


Category

[[Category:(placeholder)]]


Screamer Wiki internal link

[[(placeholder)]]

All kinds of external links

* '''(placeholder)'''


Warning note

<u>NOTE</u>:


Article note

{{(placeholder)}}