Editing Guide

Neater format coming soon!
Hex colors/colors

Color wheel

# Ourayz's Guide To Coding

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# How to get into source mode

Getting into source mode is pretty easy. Just click the edit button on the page you want to edit. Here's a picture for an example.

 File:Joxi screenshot 1500613906241.png
Once you see the edit button, click on the arrow and click classic editor. After you do that your screen should look like this;

 File:Joxi screenshot 1500614063748 (1).png
At the right corner, there should be a source button. You need to click it and then paste all the coding in there.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Adding Images

Adding images is also very easy. First you go to the right. You see "Add features and media"  You see a bunch of "Icons". You click on the one saying photo.

* Joxi screenshot 1500615566751.pngClick On Photos
* Joxi screenshot 1500615744262 (1).pngClick on choose file and pick one of your files
* Joxi screenshot 1500616015755.pngAdjust the size then publish it.
1/3
\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Centering

Centering is possibly one of the most simplest things to do.To center a page, at the top you put  (In source mode) It should center the whole page.
Now how to center images. Once you add your image you go into source mode.

It should look some like this!

 File:Joxi screenshot 1500616474572.png
You put |center| before thumb.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# SoundClouds

To create one of these SoundClouds you need to copy and paste this:

```
<soundcloud url="https://soundcloud.com/espoivre-nightcore/nightcore-take-you-to-rio" color="#032b3a" height="20" width="21"></soundcloud>
```

Of course you may use a different URL.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Tables

There are a lot of different types of tables.

 m | yes

```
{| class="article-table" border="0" style="margin: 0px auto; width: 10px; height: 100px; border:1px inset black;"
! scope="col" style="font-family:center;background-color:black;text-align:center;"|<font color="white">This</font>
! scope="col" style="font-family:center;background-color:#032b3a;text-align:center;"|<font color="white">a</font>
! scope="col" style="font-family:center;background-color:black;text-align:center;"|<font color="white">table</font>
! scope="col" style="font-family:center;background-color:#032b3a;text-align:center;"|<font color="white">enjoy</font>
! scope="col" style="font-family:center;background-color:#032b3a;text-align:center;"|<font color="white">yum</font>
! scope="col" style="font-family:center;background-color:black;text-align:center;"|<font color="white">hot</font>
! scope="col" style="font-family:center;background-color:#032b3a;text-align:center;"|<font color="white">m</font>
```

 jo
 ,

```
{| class="box" align="center" cellpadding="5" cellspacing="1" style="float:center; width:260px; font-size: 70%; background-color:#5e71bc; Border-radius:3px; border: 9px #5e71bc solid"
! style="background-color: #191f38; color:#5e71bc;" |'''j'''
! style="background-color: #191f38; color:#5e71bc;" |ji
! style="background-color: #191f38; color:#5e71bc;" |jo
! style="background-color: #191f38; color:#5e71bc;" |u
! style="background-color: #191f38; color:#5e71bc;" |,
! style="background-color: #191f38; color:#5e71bc;" |,
```

```
{| cellpadding="10" cellspacing="0" class="box" style="margin: 0px auto; width: 273px;text-align:center;background:transparent;color:black;"
```

 hi

```
{| class="article-table" style="background:transparent;margin: 0px auto; width: 200px; height: 70px; border:1px solid #7A4826;"
! scope="row" style="background:transparent;margin: 0px auto;border:1px solid #7A4826; font-family: times new roman; font-size:12px; color:#7A4826;" |hi
! scope="row" style="background:transparent;margin: 0px auto;border:1px solid #7A4826; font-family: times new roman; font-size:12px; color:#7A4826;" |hi
```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Speech Bubble

Template:User Talk Bubble
To do a speech bubble you copy and paste this:

```
```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Borders

```
<div style="border: 9px solid #405066;">
<div style="border: 6px double white; -moz-border-radius: 2px; -webkit-border-radius: 5px; border-radius: 90px;">
<div style="border: 4px solid #405066; box-shadow: 0 0 38px 2px black;">
<div style=" padding: 30px; border: 2px black;margin: 0px;font-family: COLORS;box-shadow: inset 0 0 70px #405066;">
```

```
<div style="text-align: center; border: 6px solid black;border-radius: 2pc;">
<div style="border: 3px dashed black; border-radius: 2pc;">
<div style="text-align: center; border: 6px solid black;border-radius: 2pc;">
```

```
<div style="border: 7px solid gray; background-color:transparent ">
<div style="border: 7px dashed white">
<div style="border: 7px solid gray; background-color:transparent">
```

```
<div style="border: 10px solid darkblue; -moz-border-radius: 2px; -webkit-border-radius: 10px; border-radius: 4px;"><div style="border: 5px solid black;"><div style="border: 5px darkblue;">'</div><div style="border: 5px darkblue;"> </div><div style="border: 5px darkblue;"> </div><div style="border: 5px darkblue;">
```

```
<div style="border:1px solid black;">
```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Collaspibles

```
{| class="mw-collapsible mw-collapsed" style="border: 6px solid transparent ; -moz-border-radius: 7px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; margin: 2px; width:85%; align:center;" <center >
<p style="text-align:center;"><span style="color:black;font-family:Courier New;font-size:10pt;font-weight:normal;line-height:8px;">Hey
</span></p>
```

```
{| class="mw-collapsible mw-collapsed" style="border: 1px solid #00709A; padding: 5px; margin: 3px; background:#00091A; width:100%; align:center;"
<span style="font-size:small;color:rgb(0,112,154);">hi</span>
```

 hi

```
{| class="mw-collapsible mw-collapsed" style="background:transparent;margin: 0px auto; border:1px solid transparent; width: auto; margin-top: 2px; line-height: 100%;" align="center"
hi
hi<br />
```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Member Count

```
{| class="mw-collapsible mw-collapsed" style="border: 4px double black; -webkit-border-radius: 3px; padding: 4px;box-shadow: inset 0 0px white; background:teal;"
m
```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Scrollers

This

is

a

scroller

box

blob

thing

Enjoy

```
<div style="overflow: hidden; height: 250px; width: 450px; border: 0px none; margin-center: 0px; border-radius: 0px;color:none;overflow-y: scroll">

This

is

a

scroller

box

blob

thing

```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Definition Tables

Text

Text

```
{| class="article-table" style="margin: 10px auto; width: 300px; height: 100px;border: 6px solid black;color:white"
'''Text'''
Text
</div>

Text
</div>

```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Rank Tables

```
{| class="article-table" border="2" cellpadding="1" cellspacing="1" style="margin: 0px auto; width: 200px; height: 10px; border:4px inset black;"

```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Sub Pages

```
{| class="article-table" border="2" cellpadding="1" cellspacing="1" style="margin: 0px auto; width: 200px; height: 10px; border:4px inset black;"

```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Polls

```
<Poll>
Was this helpful?
No
Yes
Kinda
</poll>

```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Text Coloring

Text coloring is pretty easy once you get used to it.

This is a text, but colored: *Colored*

Here is the coding!

```
''<font size="4px;"><span style="color:#405066;">Colored</span></font>''

```

You see where there is (Number) Px? Change the numer to the size you want. And you know where it says Color: \_\_\_\_? You put any color you want in there.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Quotes

There's a couple ways to do this. I'll just do one easy way.

Template:Quote

```
{{Quote|Quote here}}
```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Color Links

The is a color linkOurayz

```
[http://animal-jam-clans-1.wikia.com/wiki/Frostpool_(Ourayz) <font color="#043551">Ourayz</font>]
```

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

# Text

Hi.

```
<p style="font-family:timesnewroman;font-size:11pt;"><span class="" style="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,gray), color-stop(100%,silver)); background: -webkit-linear-gradient(top, #560101 50%,black 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-family:Times New Roman;font-size:60pt;font-weight:normal;line-height:40px;">Hi.</span></p>}
```

Hey

```
<span class="" style="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffff), color-stop(100%,#405066)); background: -webkit-linear-gradient(top, white 0%, #405066 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-family:Times New Roman;font-size:60pt;font-weight:normal;line-height:60px;">Hey</span>
```

**text**

```
<span style="color:black;font-size:68pt;font-family:New times roman">'''text'''</span>
```

text
```
<div style="font-family: garamond; text-transform: capital; letter-spacing: 3px; font-size: 35px; font-weight: bold;text-align: center; background: #3E2427; color:#85503E; border-radius: 50px; padding: 15px; margin: 0 auto; margin-bottom: 0px; width: 4">tet</div><p style="text-align:center;">
</p>
```
\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

Helvetica

Times

Times New Roman

Courier

Courier New

Verdana

Georgia

garamond

gabriola

Paltino

Bookman

comic Sans MS

Trebuchet MS

Arial Black

Impact

century gothic

Centaur

candara

Lucida Handwriting

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_= Templates = File:Joxi screenshot 1505578164869.png
```
{{Delete}}
```
 File:Joxi screenshot 1505611675033.png
```
{{Stub}}
```
 File:Joxi screenshot 1505611813719.png
```
{{Art Theft}}
```
 File:Joxi screenshot 1505611989968.png
```
{{Speedydelete}}
```
 File:Joxi screenshot 1505612169631.png
```
{{Critique}}
```
 File:Joxi screenshot 1505612326389.png
```
{{Spam}}
```
= Times =Template:Underconstruction
```
{{Underconstruction}}
```

**I have been in ValleyClan for** **September 2017 18:12:41 PST**

Counter unavailable.

```
<span style="display:none;" class="countdown"><big>'''Text'''</big>'''<br /><span style="color:#00709A" class="countdowndate">Month Year Day:Hour:Seconds Timezone</span>'''</span></center>
<center>
<span class="nocountdown">Counter unavailable.</span>
```

Only January 3 2018 00:00:00 Ourayz's one year being on the wiki

```
<span class="countdown" style="display:none;">Only <span class="countdowndate">month day year 00:00:00</span> Ourayz's one year being on the wiki</span>
```

# "This User"

```
{| cellspacing="0" style="width:224px;background:color"
[[File:file here|50px|link=link here
```

# Positioning

Left
```
<div style="text-align:left;">left</div>
```

Right
```
<div style="text-align:right;">right</div>
```

Center
```
<div style="text-align:center;">center</div>
```

# Contacts

Keep in mind that these three people are the owners/coders of this guide, contact them if you need help with coding.

```
{| class="article-table" style="background:transparent;margin: 0px auto; border:1px solid #7A4826; width: 350px; font-family: times new roman; font-size:12px; color:#7A4826; margin-top: 2px; line-height: 100%;"

```

# Acceptance Form/Random Scroll

 File:Bear PNG23449.png
ACCEPTED

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

 add

info

here

```
<center>
<div style="border: 8px solid #442a1d; -moz-border-radius: 0px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; margin: 3px; background:linear-gradient(180deg, transparent 4px, #875138 5px,transparent 5.5px), linear-gradient(90deg, transparent 4px,#663e2b 5px, transparent 5.5px)#5b3929; background-size: 80px 80px;; width:60%; align:center;">
<div style="HEIGHT: 300px; WIDTH: 250px; overflow-x: hidden;  overflow-y: scroll; padding-right:5px; margin-right:-10px; color:#663e2b;background:#875138;padding:10px; margin:10%;">
<div style="border:2px solid #442a1d; margin:auto;padding:3px; text-align:center;">
[[File:Bear_PNG23449.png|center|thumb|200px]]
<p style="font-family:garamond;"><font size="5"><font color="#442a1d">ACCEPTED<br />
<font size="3"><font color="#442a1d">___________________<br />
<font size="4"><font color="#442a1d"> add </font></font></font></font></font></font></p>
</div></div></div>
</center>
```

Full credit to Ourayz on AJCW for making the ENTIRE page!