Kingdom Hearts - Journal Themed CR Chart | Fixed 850px

[worldrestored]

PREVIEW


This CR Chart spans 850px in width and is inspired by the journal-lore book section of Kingdom Hearts
INSTRUCTIONS
♠ Copy the code as much as needed
♠ MAKE SURE YOU EDIT IN HTML MODE AND CLICK DISABLE AUTO-FORMATTING!
♠ If you use the CR chart, I would like if you please keep the credit at the end. I coded it from scratch + got the cards for you to use so all I ask is credit. Thank you! ♥

TOP AREA VERSION 1 (With 'Social Links' words on top)
(Copy just once for top) <table style="width:850px; margin-bottom: -14px; margin-left: -6px; "><tr> <td><img src="http://i.imgur.com/BappH.png"></td></tr></table>

TOP AREA VERSION 2 (With just the Characters part, no 'Social Links' words on top)
(Copy just once for top) <table style="width:850px; margin-bottom: -14px; margin-left: -6px; "><tr> <td><img src="http://i.imgur.com/5Ya2i.png"></td></tr></table>

CENTRAL AREA (NORMAL RANK) (Recopy for each character you add)
<table style="width: 850px; border-right:4px solid #084708; border-left:4px solid #084708; background-color: #92c155; vertical-align: middle; margin-bottom: -10px; "><tr> <td valign="top" style="width:100px;"> <img src="INSERT_YOUR_FIRST_DREAMWIDTH_ICON_IMAGE_HERE" style="width:55px; height:55px; border: 2px solid #9b8a15; margin-bottom: -55px; margin-left: 14px; -moz-border-radius: 10px; -webkit-border-radius: 10px;box-shadow: 1px 1px 0px 0px #9e8912 "> <div style="color: #571603; font-size: 26px; text-align: left; font-family: Lucida Console, Monaco, monospace; text-shadow: 1px 1px 0 #c9973f; background-color: #e5c318; width:450px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 2px 0px 0px #9e8912; background-image: url(http://i.imgur.com/JZutJ.png);"> <div style="margin-left: 85px; text-transform: uppercase;"><B>CHARACTERS_NAME_GOES_HERE</B></div></div><BR> <table style="width: 94%; margin-top: -16px; margin-left: 30px; background-color: #e5e4ed; border:3px solid #b5b5b5; vertical-align: middle;"> <tr > <td valign="top" style="width:170px; background-image: url(http://i.imgur.com/SraOw.png);"> <center> <img src="INSERT_YOUR_SECOND_DREAMWIDTH_ICON_IMAGE_HERE" style="width:90px; height:90px; border: 2px solid #9da2ae; margin-top: 5px; margin-left: -20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 2px 1px 0px #64666c"> <td style="vertical-align:top; width:630px;"> <table style="width:100%; margin-top: 10px; vertical-align:top;"> <tr> <td> <div style="color: #4d596a; font-size: 13px; text-align: left; margin-left: 5px; margin-right: 5px; font-family: Lucida Console, Monaco, monospace; line-height: 14px; text-shadow: 1px 1px 0 #b7c5c5"> TEXT GOES HERE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula tempor dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lorem neque, facilisis non posuere nec, porttitor vel nisl. Quisque neque massa, scelerisque eu pharetra quis, suscipit a lorem. Nam tincidunt, arcu molestie luctus condimentum, libero mi posuere mi, in scelerisque diam enim ac tellus. Vestibulum gravida cursus lacinia. Proin a est ut orci pharetra eleifend eu vel arcu. In mattis auctor imperdiet. Aliquam nec odio nunc. Praesent nec pulvinar est. Ut quis odio augue, vel cursus tortor. Morbi elementum dignissim interdum. Morbi at risus metus. In imperdiet ligula eu augue sodales accumsan. Morbi eget pharetra nisi. Morbi at ipsum a tortor rutrum tincidunt.</div></td></tr></table> </td></tr> </table></tr> </tr></table>

BOTTOM AREA (Copy just once when you are done with the characters)
<table style="width: 850px; background-color: #084708; margin-top: 6px;"> <tr> <td > </td></tr></table> <small><small><div style="font-family: Arial Black, Gadget, sans-serif; color: #000; text-align: center; font-weight:bold; margin-top: -10px; letter-spacing: 3px; position:relative; "> Kingdom Hearts inspired CR Codechart created by <user name="pixle_squared"></small></small></div>

RESULT (With Social Links)

Donald Duck Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula tempor dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lorem neque, facilisis non posuere nec, porttitor vel nisl. Quisque neque massa, scelerisque eu pharetra quis, suscipit a lorem. Nam tincidunt, arcu molestie luctus condimentum, libero mi posuere mi, in scelerisque diam enim ac tellus. Vestibulum gravida cursus lacinia. Proin a est ut orci pharetra eleifend eu vel arcu. In mattis auctor imperdiet. Aliquam nec odio nunc. Praesent nec pulvinar est. Ut quis odio augue, vel cursus tortor. Morbi elementum dignissim interdum. Morbi at risus metus. In imperdiet ligula eu augue sodales accumsan. Morbi eget pharetra nisi. Morbi at ipsum a tortor rutrum tincidunt.

Demi-Fiend Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula tempor dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lorem neque, facilisis non posuere nec, porttitor vel nisl. Quisque neque massa, scelerisque eu pharetra quis, suscipit a lorem. Nam tincidunt, arcu molestie luctus condimentum, libero mi posuere mi, in scelerisque diam enim ac tellus. Vestibulum gravida cursus lacinia. Proin a est ut orci pharetra eleifend eu vel arcu. In mattis auctor imperdiet. Aliquam nec odio nunc. Praesent nec pulvinar est. Ut quis odio augue, vel cursus tortor. Morbi elementum dignissim interdum. Morbi at risus metus. In imperdiet ligula eu augue sodales accumsan. Morbi eget pharetra nisi. Morbi at ipsum a tortor rutrum tincidunt.

Naoya Toudou Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula tempor dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lorem neque, facilisis non posuere nec, porttitor vel nisl. Quisque neque massa, scelerisque eu pharetra quis, suscipit a lorem. Nam tincidunt, arcu molestie luctus condimentum, libero mi posuere mi, in scelerisque diam enim ac tellus. Vestibulum gravida cursus lacinia. Proin a est ut orci pharetra eleifend eu vel arcu. In mattis auctor imperdiet. Aliquam nec odio nunc. Praesent nec pulvinar est. Ut quis odio augue, vel cursus tortor. Morbi elementum dignissim interdum. Morbi at risus metus. In imperdiet ligula eu augue sodales accumsan. Morbi eget pharetra nisi. Morbi at ipsum a tortor rutrum tincidunt.

Kingdom Hearts inspired CR Codechart created by pixle_squared

RESULT (Without Social Links)

Donald Duck Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula tempor dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lorem neque, facilisis non posuere nec, porttitor vel nisl. Quisque neque massa, scelerisque eu pharetra quis, suscipit a lorem. Nam tincidunt, arcu molestie luctus condimentum, libero mi posuere mi, in scelerisque diam enim ac tellus. Vestibulum gravida cursus lacinia. Proin a est ut orci pharetra eleifend eu vel arcu. In mattis auctor imperdiet. Aliquam nec odio nunc. Praesent nec pulvinar est. Ut quis odio augue, vel cursus tortor. Morbi elementum dignissim interdum. Morbi at risus metus. In imperdiet ligula eu augue sodales accumsan. Morbi eget pharetra nisi. Morbi at ipsum a tortor rutrum tincidunt.

Demi-Fiend Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula tempor dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lorem neque, facilisis non posuere nec, porttitor vel nisl. Quisque neque massa, scelerisque eu pharetra quis, suscipit a lorem. Nam tincidunt, arcu molestie luctus condimentum, libero mi posuere mi, in scelerisque diam enim ac tellus. Vestibulum gravida cursus lacinia. Proin a est ut orci pharetra eleifend eu vel arcu. In mattis auctor imperdiet. Aliquam nec odio nunc. Praesent nec pulvinar est. Ut quis odio augue, vel cursus tortor. Morbi elementum dignissim interdum. Morbi at risus metus. In imperdiet ligula eu augue sodales accumsan. Morbi eget pharetra nisi. Morbi at ipsum a tortor rutrum tincidunt.

Kingdom Hearts inspired CR Codechart created by pixle_squared