Character Page Coding Signup

  Character Page HTML Coding Signup

Welcome to the Character Page HTML Coding Signup forum! Around the wiki, you may have noticed that some character pages are "coded". HTML coding is hard to learn, but once you do learn, you never forget. Some of our users here can HTML code, and are willing to code some pages for you! If you haven't seen a HTML coded page, here is a few examples. Example One, Example Two , and Example Three! All you have to do is follow the instructions to sign up!

Instructions
 Instructions

1. Pick which character pages you want coded.

2. Figure out what colours you want for the text, the header, and the outline. The text is the colour of the words, the header is the colour of the big coded headings and the outline is well its the outline! Also pick which font you wish to use. (You can find available colours and fonts listed below!)

3. Comment in the comments with something like this:

I wish to code the character page:John Smith. (text color = colour is "put colour here", header colour = "put colour here", outline colour is "put colour here", background color = *put color here* and I wish the font type to be "put colour here".

You are allowed to ask for more than one character pages to be coded.

4. Next, just wait. If there are people before you, theirs will be done first. Just wait patiently and it will get done as soon as we can.

Pages to be Done
 Pages Needed To Be Done


 * Maya Jenson - Orb
 * Nick Cooper - Comic
 * Alicia Vale

Done Pages
 Finished Pages


 * 1) Mary-Joe-Liza 'Joey' Smith
 * 2) <font size="4" color="#00FF00" face="Monotype Corsiva"><font size="4" color="#00FF00" face="Monotype Corsiva"><font size="4" color="#00FF00" face="Monotype Corsiva">El-Luise <font size="4" color="#00FF00" face="Monotype Corsiva">
 * 3) <font size="4" color="#00FF00" face="Monotype Corsiva"><font size="4" color="#00FF00" face="Monotype Corsiva"><font size="4" color="#00FF00" face="Monotype Corsiva">Mortimer Fray
 * 4) <font size="4" color="#00FF00" face="Monotype Corsiva"><font size="4" color="#00FF00" face="Monotype Corsiva"><font size="4" color="#00FF00" face="Monotype Corsiva">Homer Megalos
 * 5) <font size="4" color="#00FF00" face="Monotype Corsiva">Lyana Grace
 * 6) <font size="4" color="#00FF00" face="Monotype Corsiva">Fylan Pennington
 * 7) <font size'"4" color="#00FF00" face="Monotype Corsiva">Ester Meier
 * 8) <font size'"4" color="#00FF00" face="Monotype Corsiva">Raca Knight
 * 9) <font size'"4" color="#00FF00" face="Monotype Corsiva">Don Mass
 * 10) <font size'"4" color="#00FF00" face="Monotype Corsiva">Camron Van Roamey
 * 11) <font size'"4" color="#00FF00" face="Monotype Corsiva">Dragona DeOro
 * 12) <font size'"4" color="#00FF00" face="Monotype Corsiva">Ross
 * 13) <font size'"4" color="#00FF00" face="Monotype Corsiva">Serenity Smith
 * 14) <font size="4" color="#00FF00" face="Monotype Corsiva">Mia Chance
 * 15) Clover Luckwood
 * 16) Liliac Johnson
 * 17) Myles Katcher
 * 18) Dustin Smith
 * 19) PJ Rune
 * 20) Carlyn Whelan
 * 21) Calyssa Ricci
 * 22) Paige Evans
 * 23) Leo Rain
 * 24) Diara Winters
 * 25) Cori Phoenix
 * 26) Courtney Phoenix
 * 27) Alexandria McCove
 * 28) Michael Kraven
 * 29) Miguel Fuentes
 * 30) Trent Blackwood

Coding Users
<div style="width:93%; border:3px solid #00FF00; background-color:#00FF00; color:#00FF00; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #00FF00; -webkit-box-shadow: 0 0 10px 3px #00FF00; box-shadow: 0 0 10px 3px #00FF00; padding:10px; padding-bottom:15px; background-color:#FFFFFF; background-image:-moz-linear-gradient(top, #00FFFF 25%, #00EBEB 75%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #00FFFF), color-stop(75%, #00EBEB));"> <font size="6" color="#009E42" face="Monotype Corsiva">Coder Users

This is a list of users which will be coding the pages. If you wish to learn how to code, ask them sometime, they may be busy though. Please say thanks to them if they code one of your pages!


 * 1) KittyInASheepsClothes (Kitty)
 * 2) Poseidon Child (Posey)
 * 3) Ruby
 * 4) Lele Mj (Lele)
 * 5) Comiclove (Comic)
 * 6) WonderfulTwilight (Wonder)
 * 7) LoveCatsOwls (Cats)
 * 8) Black Wolf of blood (Wolf)
 * 9) Lowdy345 (Lowd)
 * 10) Orbstar (Orb)

Colors & Fonts
<div style="width:93%; border:3px solid #00FF00; background-color:#00FF00; color:#00FF00; -moz-border-radius:3ex; border-radius:3ex; -moz-box-shadow: 0 0 10px 3px #00FF00; -webkit-box-shadow: 0 0 10px 3px #00FF00; box-shadow: 0 0 10px 3px #00FF00; padding:10px; padding-bottom:15px; background-color:#FFFFFF; background-image:-moz-linear-gradient(top, #00FFFF 25%, #00EBEB 75%); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #00FFFF), color-stop(75%, #00EBEB));"> <font size="6" color="#009E42" face="Monotype Corsiva">Colors & Fonts

Colour-Picker

<div style="font-size:200%; font-weight:bold; font-family:'Amazone BT'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Amazone BT

<div style="font-size:200%; font-weight:bold; font-family:'Arial Unicode MS'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Arial Unicode MS

<div style="font-size:200%; font-weight:bold; font-family:'Agency FB'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Agency FB

<div style="font-size:200%; font-weight:bold; font-family:'Aharoni'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Aharoni

<div style="font-size:200%; font-weight:bold; font-family:'Algerian'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Algerian

<div style="font-size:200%; font-weight:bold; font-family:'Amperzand'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Amperzand

<div style="font-size:200%; font-weight:bold; font-family:'Arial'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Arial

<div style="font-size:200%; font-weight:bold; font-family:'Arial Black'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Arial Black

<div style="font-size:200%; font-weight:bold; font-family:'Arial Narrow'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Arial Narrow

<div style="font-size:200%; font-weight:bold; font-family:'Broadway'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Broadway

<div style="font-size:200%; font-weight:bold; font-family:'Bridgnorth'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Bridgnorth

<div style="font-size:200%; font-weight:bold; font-family:'Bridgnorth_Blocked'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Bridgnorth_Blocked

<div style="font-size:200%; font-weight:bold; font-family:'Book Antiqua'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Book Antiqua

<div style="font-size:200%; font-weight:bold; font-family:'Bookman Old Style'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Bookman Old Style

<div style="font-size:200%; font-weight:bold; font-family:'Consolas'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Consolas

<div style="font-size:200%; font-weight:bold; font-family:'Century Schoolbook'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Century Schoolbook

<div style="font-size:200%; font-weight:bold; font-family:'Corbel'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Corbel

<div style="font-size:200%; font-weight:bold; font-family:'Century Gothic'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Century Gothic

<div style="font-size:200%; font-weight:bold; font-family:'Chiller'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Chiller

<div style="font-size:200%; font-weight:bold; font-family:'Constantia'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Constantia

<div style="font-size:200%; font-weight:bold; font-family:'Cooper Black'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Cooper Black

<div style="font-size:200%; font-weight:bold; font-family:'Century Schoolbook'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Century Schoolbook

<div style="font-size:200%; font-weight:bold; font-family:'Centaur'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Centaur

<div style="font-size:200%; font-weight:bold; font-family:'Courier'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Courier

<div style="font-size:200%; font-weight:bold; font-family:'Californian FB'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Californian FB

<div style="font-size:200%; font-weight:bold; font-family:'Cambria'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Cambria

<div style="font-size:200%; font-weight:bold; font-family:'Calisto MT'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Calisto MT

<div style="font-size:200%; font-weight:bold; font-family:'Comic Sans MS'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Comic Sans MS

<div style="font-size:200%; font-weight:bold; font-family:'Copperplate Gothic Bold'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Copperplate Gothic Bold

<div style="font-size:200%; font-weight:bold; font-family:'Copperplate Gothic Light'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Copperplate Gothic Light

<div style="font-size:200%; font-weight:bold; font-family:'Courier'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Courier

<div style="font-size:200%; font-weight:bold; font-family:'Dotum'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Dotum

<div style="font-size:200%; font-weight:bold; font-family:'Elephant'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Elephant

<div style="font-size:200%; font-family:'Forte'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Forte

<div style="font-size:200%; font-weight:bold; font-family:'Gigi'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Gigi

<div style="font-size:200%; font-weight:bold; font-family:'Goudy Old Style'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Goudy Old Style

<div style="font-size:200%; font-weight:bold; font-family:'Georgia'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Georgia

<div style="font-size:200%; font-weight:bold; font-family:'Garamond'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Garamond

<div style="font-size:200%; font-weight:bold; font-family:'Haettenschweiler'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Haettenschweiler

<div style="font-size:200%; font-weight:bold; font-family:'Helvetica'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Helvetica

<div style="font-size:200%; font-weight:bold; font-family:'High Tower Text'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">High Tower Text

<div style="font-size:200%; font-family:'Harrington'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Harrington

<div style="font-size:200%; font-family:'Impact'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Impact

<div style="font-size:200%; font-family:'Jokerman'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Jokerman

<div style="font-size:200%; font-family:'Lucida Handwriting'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Lucida Handwriting

<div style="font-size:200%; font-weight:bold; font-family:'Lucida Console'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Lucida Console

<div style="font-size:200%; font-weight:bold; font-family:'Lucida Sans Typewriter'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Lucida Sans Typewriter

<div style="font-size:200%; font-weight:bold; font-family:'Lucida Sans'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Lucida Sans

<div style="font-size:200%; font-weight:bold; font-family:'Lucida Bright'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Lucida Bright

<div style="font-size:200%; font-weight:bold; font-family:'MS Gothic'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">MS Gothic

<div style="font-size:200%; font-weight:bold; font-family:'Meiryo'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Meiryo

<div style="font-size:200%; font-weight:bold; font-family:'Monotype Corsiva'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Monotype Corsiva

<div style="font-size:200%; font-family:'Mistral'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Mistral

<div style="font-size:200%; font-weight:bold; font-family:'MS Gothic'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">MS Gothic

<div style="font-size:200%; font-weight:bold; font-family:'MS Sans Serif'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">MS Sans Serif

<div style="font-size:200%; font-weight:bold; font-family:'Magneto'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Magneto

<div style="font-size:200%; font-weight:bold; font-family:'Nyala'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Nyala

<div style="font-size:200%; font-weight:bold; font-family:'Old English Text MT'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Old English Text MT

<div style="font-size:200%; font-weight:bold; font-family:'OCR A Extended'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">OCR A Extended

<div style="font-size:200%; font-weight:bold; font-family:'Papyrus'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Papyrus

<div style="font-size:200%; font-family:'Playbill'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Playbill

<div style="font-size:200%; font-weight:bold; font-family:'Perpetua'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Perpetua

<div style="font-size:200%; font-weight:bold; font-family:'Pristina'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Pristina

<div style="font-size:200%; font-weight:bold; font-family:'Rage Italic'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Rage Italic

<div style="font-size:200%; font-weight:bold; font-family:'Rockwell'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Rockwell

<div style="font-size:200%; font-weight:bold; font-family:'Ravie'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Ravie

<div style="font-size:200%; font-weight:bold; font-family:'SimSun'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">SimSun

<div style="font-size:200%; font-family:'Segoe Script'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Segoe Script

<div style="font-size:200%; font-weight:bold; font-family:'Segoe UI'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Segoe UI

<div style="font-size:200%; font-weight:bold; font-family:'Sylfaen'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Sylfaen

<div style="font-size:200%; font-weight:bold; font-family:'Showcard Gothic'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Showcard Gothic

<div style="font-size:200%; font-weight:bold; font-family:'Stencil'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Stencil

<div style="font-size:200%; font-weight:bold; font-family:'Tahoma'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Tahoma

<div style="font-size:200%; font-weight:bold; font-family:'Times New Roman'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Times New Roman

<div style="font-size:200%; font-weight:bold; font-family:'Tempus Sans ITC'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Tempus Sans ITC

<div style="font-size:200%; font-weight:bold; font-family:'Trebuchet MS'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Trebuchet MS

<div style="font-size:200%; font-weight:bold; font-family:'Unicorn'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Unicorn

<div style="font-size:200%; font-family:'Vladimir Script'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Vladimir Script

<div style="font-size:200%; font-weight:bold; font-family:'Vivaldi'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Vivaldi

<div style="font-size:200%; font-weight:bold; font-family:'Verdana'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Verdana

<div style="font-size:200%; font-weight:bold; font-family:'Wide Latin'; text-shadow: 2px 2px #888; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Wide Latin