Coding Page (By: Clear Pawz)

**Hey! It's Clear Pawz aka Beetlepelt! I'm here to teach you all about coding pages!**

BordersThis is a **Standard** Border

```
<span style="border:1px solid black;">Enter your text here</span>

```

```
<div style="border:1px solid black;">Enter your text here</div>

```

>
>
>
>
>

This is a **Double** Border

```
<span style="border:3px double black;">Enter your text here</span>

```

```
<div style="border:3px double black;">Enter your text here</div>

```

This is an **Ultra Thick** Border

```
 <span> style="border: 7px solid black;">Enter you text here</span>

```

```
 <div> style="border: 7px solid black;">Enter you text here</div>

```

This is a **Dotted** Border

```
<span style="border: 2px dotted black;">Enter your text here</span>

```

```
<div style="border: 2px dotted black;">Enter your text here</div>

```

This is a **Box Shadow** Border

```
<span style=" padding: 20px; border: 8px COLORS;box-shadow: inset 0 0 60px black">Enter your text here</span>

```

```
<div style=" padding: 20px; border: 8px COLORS;box-shadow: inset 0 0 60px black">Enter your text here</div>

```

This is a **Dashed** Border

```
<span style="border: 2px dashed black;">Enter your text here</span>

```

```
<div style="border: 2px dashed black;">Enter your text here</div>

```

Headings

This text is red

```
<font color= red>Enter your text here</font>

```

This text has a blue **text shadow**

```
<span style="text-shadow: blue 0 3px 3px;">Enter your text here</span>

```

This text's number is 1
This text's number is 5

```
<font size="3">Enter your text here</font>

```

Backgrounds

Remember to keep them off pages. Use them on profiles, blog posts, comments, or threads.

 Black to White

```
<span style="background: linear-gradient(to right, black 0%, white 100%); color: white;">Enter your text here</span>

```

```
<div style="background: linear-gradient(to right, black 0%, white 100%); color: white;">Enter your text here</div>

```

White to Gray

```
<span style="background: linear-gradient(to right, #f4f4e5 0%, #d2d2d2 100%)">Enter your text here</span>

```

```
<div style="background: linear-gradient(to right, #f4f4e5 0%, #d2d2d2 100%)">Enter your text here</div>

```

Pink to Pastel blue

```
<span style="background: linear-gradient(to right, #f5aeae 0%, #aef5cd 100%)">Enter your text here</span>

```

```
<div style="background: linear-gradient(to right, #f5aeae 0%, #aef5cd 100%)">Enter your text here</div>

```

Blue to White

```
<span style="background: linear-gradient(to right, #b0e0e6 0%, white 100%)">Enter your text here</span>

```

```
<div style="background: linear-gradient(to right, #b0e0e6 0%, white 100%)">Enter your text here</div>

```

Pastel green to Light green

```
<span style="background: linear-gradient(to right, #aef5b7 0%, #e2f5ae 100%)">Enter your text here</span>

```

```
<div style="background: linear-gradient(to right, #aef5b7 0%, #e2f5ae 100%)">Enter your text here</div>

```

Salmon to orange

```
<span style="background: linear-gradient(to right, #e55d5d 0%, #f2cf79 100%)">Enter your text here</span>

```

```
<div style="background: linear-gradient(to right, #e55d5d 0%, #f2cf79 100%)">Enter your text here</div>

```

Dark purple to Light purple

```
<span style="background: linear-gradient(to right, #5750a5 0%, #cfc4ff 100%); color:white;">Enter your text here</span>

```

```
<div style="background: linear-gradient(to right, #5750a5 0%, #cfc4ff 100%); color:white;">Enter your text here</div>

```

Yellow to green

```
<span style="background: linear-gradient(to right, #f1f44b 0%, #9ce359 100%)">Enter your text here</span>

```

```
<div style="background: linear-gradient(to right, #f1f44b 0%, #9ce359 100%)">Enter your text here</div>

```

Polls

```
<poll>
    Your Question Here
    Answer
    Answer
    Answer
    </poll>

```

Usernames

```
 {{USERNAME}}

```

Coloring tables

 Probably | A lot!

```
  ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">Text</div>
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">Some more text</div>
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">So much text</div>
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">S'more</div>
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">Lots of text</div>
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">Text!</div>

```

**Copy this to make a small crown!**

♚

**Here is a queen crown!**

♛

**Here is a big crown sorry if it seem's small to you!**

♚

Here is a sun!

☀