Guide To The Wiki

# Centering Words

When Editing On The Wiki, There are Many Different Ways To Center, Whether It's For Images, Or Words/Sentences.

* When You Are Wanting To Center Words/Sentences In Your Code On Any Article, Or Personal Profile, Simply Enter This Code Before You Write Out Any Desired Information, So That Your Format Centers:

```
<center>
```

* When You're Only Wanting To Center Out One Portion Of Your Code Enter The Following Code After Your Centered Words/Sentences Or Other Codes Such As Templates, Or Boxes To Block The Previous Center Code From The Rest Of The Format:

```
</center>
```

Uncentered In Source EditorUncentered In Visual EditorCentered In Source EditorCentered In Visual EditorBefore Broken Center In Source EditorBefore Broken Center In Visual EditorAfter Broken Center In Source EditorAfter Broken Center In Visual Editor

Centering Images

* When You Are Centering Images, You Can Use The Following Codes Seen Below And Change The Sizes Accordingly, And If You're Not Sure How To Upload Images, See Uploading Images Below To Get A Better Idea:

```
[[File:Feline.jpg|227px|center]]

[[File:Feline.jpg|center|430px|link=*add link*]]

```

# Uploading Images

* When Uploading Images Make Sure To Click The "Photo" Button While You're In Visual Editing, Or Source Editing Mode And Select The Option "Choose File" And Then Click Upload, And There You Are! Pictures Can Be Found In The Gallery Section, Uploading Images \*Images\*.

Step One Of Uploading An ImageStep Two Of Uploading An ImageStep Three Of Uploading An ImageStep Four Of Uploading An Image

Soundclouds

* When Adding In Soundcloud Links, You Can Change The Colors, And Even Add-In A Background When You Write The Following Code In Source Editing Mode, You Can Change Your Color By Changing The Color Code Which Is Seen As The Following "#000000". Not Sure How To Change Color Codes Or Find Your Own? See Font Colors Below:

```
<soundcloud url="https://soundcloud.com/twicetwoseventeen/lil-peep-nothing-to-you-v" color="#000000" height="20" width="21"></soundcloud>

<div style="background:#ffffff;width:220px;height:25px"><soundcloud url="https://soundcloud.com/twicetwoseventeen/lil-peep-nothing-to-you-v" height="20" color="#000000"></soundcloud>

<div class="spin"><soundcloud url="https://soundcloud.com/twicetwoseventeen/lil-peep-nothing-to-you-v" color="#000000" height="20" width="21"></soundcloud></div>

```

Regular Soundcloud PlayerSoundcloud With Background

# Fonts

* Below Is The List Of Fonts On Our Wiki, When Using Different Fonts, Use The Following Codes To Add Fonts To Your Message:

```
<font face="timesnewroman">Text</font>

<span style=font-family:timesnewroman>Text</span>

```

GrantRusticOpti

Triforce

Digital Delivery Display

Mason Sans

Another Scream

Basic Comical Italic

Basic Comical Regular

Incolhua Regular

Incolhua Bold

Hardcore poster

Hackerchaos

Montserrat

Six caps

Dawning of a New Day

Old Standard TT

Pacifico

Daddy Rewind

Nefarious

Bullhawk

Trinyta

Monaco

CabinSketch

Marker Felt

Raleway

Mansalva

Abel

Alfa Slab One

Amatic SC

Anton

Arvo

Caveat

Chilanka

Cinzel

Concert one

Modak

Permanent Marker

Ravi Prakash

Zhi Mang Xing

Righteous

Deltarune

Crewniverse

F i r e f l y

Cute\*

Stella

Cookie

Cormorant garamond

Dancing Script

Great Vibes

Indie Flower

Josefin Sans

Kalam

Lobster

Merriweather Sans

Barriecito

Freckle face

Rye

Siara Stencil One

Shadows Into Light

Vollkorn SC

Moonbright

Bubblegum

Smythe Regular

# Font Colors

* When Choosing Font Colors, You Can Use Generic Colors Such As Red, Blue, Cyan, Etc By Typing In The Color You Want As Seen In The Code Below. Or You Could Find Your Own Personal Color By Using A Color Picker Found Here or Here! And Simply Replace "Red" With A Color Code Of Your Liking (#000000) Want Cool Colored Text As Seen Above? Use This Color Code:

```
<font color=red>Insert Text Here</font>
```

Scrollers

* Scrollers Come In Handy When You Are Wanting To Free Up More Space/Room On A Format, Profile, Etc. You're Able To Change Size, Width, And Height By Changing The Numbers In The Code Shown As "570px":

```
<div style="overflow: hidden;width:570px; margin-center: 300px;overflow-x: scroll">text here</div>

<div style="height:230px;line-height:20px;overflow:hidden;overflow-y:scroll">text here</div>
```

Image Of Both Scrollers AboveSide ScrollerVertical & Horizontal
# Links

* Want To Add A Link To Your Page To Credit Art, Or Maybe Add Your Friends To Your Profile? Well Then You've Found The Right Place. You Can Even Change The Color Of Your Links Simply By Changing The Color code (#000000) Doesn't Get Any Better Than That:

My User
My User

```
[[User:棺材|My User]]

[[http://animal-jam-clans-1.wikia.com/wiki/User:棺材 <font color="#000000">My User</font>]]
```

# Basics

* These Are Just Things You Can Do In VIsual Editing Mode On The Top Bar By Highlighting Your Sentence/Words Or By Using These Codes In Source Or By Writing Out The Following:

**Bold! (Ctrl+B),***Italic! (Ctrl+I),*
~~StrikeThrough,~~
***Bold Italic,***
Underlined,
Big Text,
Small Text

```
'''Bold! '''

''Italic!''

StrikeThrough

'''''Bold Italic'''''

<u>Underlined</u>

<big>Big Text</big

<small>Small Text</small>

```

Navigation

* Shown Below Are Simple Links That Will Lead You To Important Information Found On The Wiki. You Can Find All Of These Links By Navigating On The Top Bar Of The Wiki As Shown In The Images. To Click On The Link, Just Hover Your Cursor Over The Words Shown:
* Link To RHW Policies

* Link To RHW Staff

* Link To Gaining User Rights

* Link To RHW Home Page

* Link To RHW Discussion Boards

* Link To Recent Wiki Activity

How To Find RHW PoliciesWhen You Click On PoliciesWhen You Click On General PoliciesWhen You Click On Discussion PoliciesWhen You Click On Art PoliciesWhen You Click On Discussion Policies

Wiki Forum Boards

* The Wiki Forum Boards Can Be Used For A Number Of Things A Short Description Would Be That It's A Great Way To Discuss Topics With The Whole Community. You Can Learn More About The Forum Boards Here. It's A Whole Guide Dedicated To Teaching You How-To Not Only Properly Use The Discussions Section Of The Forums, But Has Pictures To Make Learning Easier:

Character Development

* This Topic Can Be Very Complicated, For New And Old Members Of The Wiki Community, It Takes Time, Effort, And A Lot Of Creative Ideas To Make An Original Character! Don't Worry, There's A Great Guide You Can Find Here That Can Teach You All The Ins And Outs Of Character Development:

How To Get To The Discussion BoardWhen You Click On DiscussDiscussions TextDiscussions Poll
Galleries

* Galleries Help You Out By Giving You The Option Of Adding Multiple Images To Your Page At Once. It Helps You Organize Your Pages/Profiles So You Have More Creative Space To Add Onto Without Having Images Clutter, Use The Codes Below:

```
<gallery>
                            Placeholder.png
                            Placeholder.png
                            Placeholder.png
                            </gallery>
```

1/1

```
<gallery type="slideshow" position="center">
                            Placeholder.png
                            </gallery>
```

```
<gallery type="slider">
                            Placeholder.png
                            Placeholder.png
                            </gallery>
```

# Simple Borders

* When Editing Your Pages Or Profiles, Decoration Is A Must For Some! Borders Are A Great Way To Outline Your Page, And You Can Even Change The Colors To Match The Theme Of The Article You Are Creating By Changing The Color "Yellow" Shown Below And Even Adding In Your Own Source Code Like The One Shown Below As Well Marked As "#000000"!:

Your Text

```
<div style="border: 7px solid yellow; font-family: helvetica; color: #000000;">Your Text</div>
```

Your Text

```
<div style="border: 7px groove yellow; font-family: helvetica; color: #000000;">Your Text</div>
```

Your Text

```
<div style="background-color: none; padding: 30px; border: none;margin: 3px; -webkit-border-radius: 10px; border-radius: 10px; font-family: helvetica; color: #000000; box-shadow: inset 0 0 50px yellow">Your Text</div>
```

Your Text

```
<div style="BORDER:10px outset yellow; font-family: helvetica; color: #000000;">Your Text</div>
```

 Your Text

```
<div style="background: white; background-image:linear-gradient(to bottom, #000000, #6C6C6C, #9E9E9E, #B2B2B2, #DFDFDF); border: 5px; color: black;-webkit-border-radius: 50px; padding: 10px;"></div>
```

# Extras

* Count-ups/Downs

```
<span style="color:black;font-size:10pt;font-family:New times roman"><span style="display:none;" class="countdown"><span class="countdowndate">January 1 2018 00:00:00</span></span></span>

```

```
<span style="color:black;font-size:10pt;font-family:New times roman"><span style="display:none;" class="countdown"><span class="countdowndate">August 20 2020 00:00:00</span></span></span>
```

* Dividers

```
<span class="" style="color:#000000;font-size:20pt;font-weight:normal;background-color:#000000;letter-spacing:2px;">'''                                           '''</span>
```

```
<span style="color:#000000;font-size:40pt;font-family:New times roman">'''━━━━━━━━━'''</span>
```

```
<span style="color:#000000;font-size:40pt;font-family:New times roman">'''_______________'''</span>
```

* Avatar Display

Mocha Addict75

```
{{Avatar|usernamehere|75}}
```

Mocha Addict95

```
<div style="overflow:hidden;width:92px;height:92px;border-radius:73px;background:transparent;background-image:radial-gradient(transparent 10%, transparent );border:px solid transparent">
{{Avatar|usernamehere|95}}
</div>
```

Mocha Addict150

```
<div style="overflow:hidden;width:150px;height:145px;border-radius:100px;background:transparent;background-image:radial-gradient(transparent 10%, transparent );">{{Avatar|usernamehere|150}}</div>
```

Mocha Addict75

```
<div style="border: 5px black solid; width:75px">{{Avatar|usernamehere|75}}</div>
```

Mocha Addict150

```
<div style="overflow:hidden;width:150px;height:145px;border-radius:100px;background:transparent;background-image:radial-gradient(transparent 10%, transparent );border:7px solid black"><div style="border: px solid black; width:150px; height:145px; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 100px;overflow:hidden">{{Avatar|usernamehere|150}}</div></div>
```

Polls

* Polls Are Normally Used For Receiving Opinions Or Obtaining Feedback From The Others Around You, It Comes In Handy When You Would Like To Receive Others Thoughts On More Than One Subject!

```
<poll>
Example Question
Ex Answer 1
Ex Answer 2
Ex Answer 3
</poll>
```