FANDOM


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

Borders

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

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

<center> <center>

Was this helpful?
 
4
 
0
 
0
 

The poll was created at 22:54 on November 28, 2016, and so far 4 people voted.

Usernames

 {{USERNAME}}

Coloring tables

Look
At
This
Colored
Table
How
Do
You
Like
It?
Probably
A lot!
  ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">Text</div>
    | style="text-align:center;" |More Text
    |-
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">Some more text</div>
    | style="text-align:center;" |lots of text
    |-
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">So much text</div>
    | style="text-align:center;"|Little Bit more 
    |-
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">S'more</div>
    | style="text-align:center;" |Text
    |-
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">Lots of text</div>
    | style="text-align:center;" |Text
    |-
    ! scope="row" style="text-align:center;background-color:purple;" |<div style="font-size:12pt;color:#FFFFFF;">Text!</div>
    | style="text-align:center;" |Last text!
    |}

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

<center> <center>

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.