Screamer Wiki:Guides: Difference between revisions

Jump to: navigation, search
working on making ascii work well
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'''==

Navigation menu