FANDOM


Coding 101
Work in Progress

Welcome to Coding 101! This is for people who desperatetly need coding help or just need some tips and headers. Anyways, let's get started, shall we?

The Basics

First of all, let's establish something important; CODING LOOKS DIFFERENT ON EVERY BROWSER. For example, you might have orange headers and a green background on Chrome but, when you look at Firefox, you might have grey headers and a green background. It's important to change both of the gradients

-webkit-gradient(linear, left top, left bottom, color-stop(0, #2473BA), color-stop(1, #004188)); background-image: -moz-linear-gradient(top, #2473BA 0%, #004188 100%);

so your coding doesn't look messed up in a different browser.

ALSO READ THIS!! DO NOT EVER STEAL/USE/TWEAK ANYBODY'S CODING WITHOUT THEIR PERMISSION!! ALTHOUGH THERE IS NO POLICY AGAINST IT, I WILL REVERT IT BACK TO THE DEFAILT VERSION IF YOU DO NOT HAVE PERMISSION!!

DIV

Example: Version 2, 3, 4

Let's start with the basics. If you're a starter, you probably will notice <div style= and </div>s. THESE ARE IMPORTANT!! DO NOT DELETE ANY OF THESE UNLESS YOU KNOW WHAT YOU'RE DOING!! Every <div style=" matches with a </div> so if you want to delete something, remember to delete the </div> as well.

TABLE

Same goes with <td> and <tr>s.

Character Versions

Version One

This version is the default character page; no coding, organized and neat, but lacking colors and a bit boring. Good for quick character pages or beginners.

Version Two

After Wikia updated to HTML 5, all the <mainpage> styled coding were messed up so they shouldn't be used if you want a nice page.

Version Three

After Wikia updated to HTML 5, all the <mainpage> styled coding were messed up so they shouldn't be used if you want a nice page.

Version Four

This version is neat, colorful, and quite easy to use. Not too old school and can look amazing if you're creative. Try not to tweak it too much and you'll be good to go.

Good Example

Version Five

This version is the most recent and easiest to mess up; slip up a bit and the whole coding could collapse or have stray <tr> and <td>s all over. But if you do succeed, there's the problem that it might look tacky. Some tips are:

  • Don't use the same font for both the header and body.
  • Don't use the same picture to divide the page over and over. Use a variety.

Then you're all set! :)

Profile Versions

Mikachu's Profile Version 1

Mostly uses Tabber, it's neat and organized, I guess. Feel free to use it.

Mikachu's Profile Version 2

The idea was inspired by Bach's profile. Feel free to use it, not the greatest fan of it.

Code here.

Word Bubble Versions

Basic

Most basic Word Bubble, good for starters, easiest to use.

AshMika2v2

Ianto Buchanan -Child of Hypnos
-The Welsh Sleeper

 – 13:56, February 12, 2013 (UTC)

'ello!


{{Word Bubble 
|image      = AshMika2v2.png
|color      = #9BC1C1
|color2     = #DBEFCD
|textcolor  = #DBEFCD
|textcolor2 = #9BC1C1
|line       = #9BC1C1
|fonttype   = Harrington
|charname   = Ianto Buchanan
|charpage   = Ianto Buchanan
|cabin      = Hypnos' Cabin
|godparent  = Hypnos
|title      = The Welsh Sleeper
|time       = ~~~~~
|text       = 'ello!
}}

Basic Minor

This is for Minor characters.

AshMika2v2

Ianto Buchanan -Demigod
-The Welsh Sleeper

Iris Message – 13:56, February 12, 2013 (UTC)

'ello!
{{Word Bubble 2
|image      = AshMika2v2.png
|color      = #9BC1C1
|color2     = #DBEFCD
|textcolor  = #DBEFCD
|textcolor2 = #9BC1C1
|line       = #9BC1C1
|fonttype   = Harrington
|charname   = Ianto Buchanan
|charpage   = Ianto Buchanan
|species    = Demigod
|title      = The Welsh Sleeper
|time       = ~~~~~
|text       = 'ello!
}}

Basic Wide

Same as previous one, just the picture is larger.

AshMika2v2

Ianto Buchanan -Child of Hypnos
-The Welsh Sleeper

 – 13:56, February 12, 2013 (UTC)

'ello!
{{Word Bubble Wide
|image      = AshMika2v2.png
|color      = #9BC1C1
|color2     = #DBEFCD
|textcolor  = #DBEFCD
|textcolor2 = #9BC1C1
|line       = #9BC1C1
|fonttype   = Harrington
|charname   = Ianto Buchanan
|charpage   = Ianto Buchanan
|cabin      = Hypnos' Cabin
|godparent  = Hypnos
|title      = The Welsh Sleeper
|time       = ~~~~~
|text       = 'ello!
}}

Basic Wide Minor

This is for Minor characters.

AshMika2v2

Ianto Buchanan -Demigod
-The Welsh Sleeper

Iris Message – 13:56, February 12, 2013 (UTC)

'ello!
{{Word Bubble 2 Wide
|image      = AshMika2v2.png
|color      = #9BC1C1
|color2     = #DBEFCD
|textcolor  = #DBEFCD
|textcolor2 = #9BC1C1
|line       = #9BC1C1
|fonttype   = Harrington
|charname   = Ianto Buchanan
|charpage   = Ianto Buchanan
|species    = Demigod
|title      = The Welsh Sleeper
|time       = ~~~~~
|text       = 'ello!
}}

Gradient

A fancier word bubble that looks nice.

AshMika2v2

Ianto Buchanan -Child of Hypnos
-The Welsh Sleeper

 – 13:56, February 12, 2013 (UTC)

'ello!
{{Word Bubble Gradient
|image      = AshMika2v2.png
|color2     = #DBEFCD
|color3     = #9BC1C1
|color4     = #BADFC5
|color      = #8095AB
|textcolor  = #DBEFCD
|textcolor2 = #9BC1C1
|line       = #9BC1C1
|fonttype   = Harrington
|charname   = Ianto Buchanan
|charpage   = Ianto Buchanan
|cabin      = Hypnos' Cabin
|godparent  = Hypnos
|title      = The Welsh Sleeper
|time       = ~~~~~
|text       = 'ello!
}}

Gradient Minor

Same as the one before except the picture is larger.

AshMika2v2

Ianto Buchanan -Demigod
-The Welsh Sleeper

 – 13:56, February 12, 2013 (UTC)

'ello!
{{Word Bubble 2 Gradient
|image      = AshMika2v2.png
|color2     = #DBEFCD
|color3     = #9BC1C1
|color4     = #BADFC5
|color      = #8095AB
|textcolor  = #DBEFCD
|textcolor2 = #9BC1C1
|line       = #9BC1C1
|fonttype   = Harrington
|charname   = Ianto Buchanan
|charpage   = Ianto Buchanan
|species    = Demigod
|title      = The Welsh Sleeper
|time       = ~~~~~
|text       = 'ello!
}}

Gradient Wide

Same as the one before except the picture is larger.

AshMika2v2

Ianto Buchanan -Child of Hypnos
-The Welsh Sleeper

 – 13:56, February 12, 2013 (UTC)

'ello!
{{Word Bubble Gradient Wide
|image      = AshMika2v2.png
|color2     = #DBEFCD
|color3     = #9BC1C1
|color4     = #BADFC5
|color      = #8095AB
|textcolor  = #DBEFCD
|textcolor2 = #9BC1C1
|line       = #9BC1C1
|fonttype   = Harrington
|charname   = Ianto Buchanan
|charpage   = Ianto Buchanan
|cabin      = Hypnos' Cabin
|godparent  = Hypnos
|title      = The Welsh Sleeper
|time       = ~~~~~
|text       = 'ello!
}}

Gradient Wide Minor

AshMika2v2

Ianto Buchanan -Demigod
-The Welsh Sleeper

 – 13:56, February 12, 2013 (UTC)

'ello!
{{Word Bubble 2 Gradient Wide
|image      = AshMika2v2.png
|color2     = #DBEFCD
|color3     = #9BC1C1
|color4     = #BADFC5
|color      = #8095AB
|textcolor  = #DBEFCD
|textcolor2 = #9BC1C1
|line       = #9BC1C1
|fonttype   = Harrington
|charname   = Ianto Buchanan
|charpage   = Ianto Buchanan
|species    = Demigod
|title      = The Welsh Sleeper
|time       = ~~~~~
|text       = 'ello!
}}

Bach's Word Bubble

This is Bach's Word Bubble and, yeah. Ask her about it. c:

145x0px

Gage Animal Nature Spirit
-Guardian of Dogs/Rottie

 Age: Immortal  Height: 6'4/2'3  Weight: 185 lbs/130 lbs
 Sexuality: Straight  Relationship Status: Taken
 Health Status: Healthy  Main Weapon: Dagger & Bites
 – "A friend is one who knows you and loves you just the same."

{{{1}}}
{{Bach Other Word Bubble
|image        = 4f4599d37300e.png
|color      = #000000
|color2     = #72370f
|color3     = #1C1B1B
|color4     = #AB5A24
|textcolor  = #AB5A24
|textcolor2 = #000000
|line       = #000000
|fonttype   = Comic Sans MS
|charname   = Gage
|charpage   = Gage
|species    = Animal Nature Spirit
|title      = Guardian of Dogs/Rottie
|age          = Immortal
|height       = 6'4/2'3
|weight       = 185 lbs/130 lbs
|sexuality    = Straight
|relationship = Taken
|health       = Healthy
|weapon       = Dagger & Bites
|quote        = "A friend is one who knows you and loves you just the same."
|font size    = 20
|text         = {{{1}}}
}}

Mika's Word Bubble

AshMika2v2

[[|Ianto Buchanan]] -Child of Hypnos
-The Welsh Sleeper

 Age: 16  Height: 5'7"  Weight: 156 lbs.
 Sexuality: Bisexual  Relationship: Single
 Health Status: Healthy  Accent: Welsh
 Main Weapon: Sword and Crossbow
 "Can't imagine a time when this isn't everything. A pain so constant. Like my stomach's full of rats. Feels like this is all I am now. There isn't an inch of me that doesn't hurt." - Ianto Jones (Torchwood)

'ello!

Although I didn't create the Word Bubble template or coding, I did tweak it to fit what I need so, in my word bubble, you can edit the size of the picture and add what accent the character has.

Although it might sound a bit mean, I don't usually let people use this template and, if you want to use it, please ask first?

Community content is available under CC-BY-SA unless otherwise noted.