Layton CR Chart

[angermanaging]

( static preview )



( live preview )

Hershel Layton   Professor Layton and the Curious Village A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him.

Hershel Layton   Professor Layton and the Curious Village A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him.

Hershel Layton   Professor Layton and the Curious Village A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him.

( instructions )

Row: <lj-raw><center><table width="776px" cellspacing="10px" border="0"> <!-- START ROW --> <tr> <!-- CHARACTER 1 --> <td width="252px"><div style="height:195px;overflow:hidden;"><map name="char1"><area shape="rect" coords="6,4,49,30" href="#1hint1"><area shape="rect" coords="53,4,96,30" href="#1hint2"><area shape="rect" coords="99,4,142,30" href="#1hint3"><area shape="rect" coords="146,3,188,30" href="#1shint"></map> <!-- hint 1 --> <div style="height: 195px;"> <a name="1hint1"><img src="http://i.imgur.com/abz6Swy.png" usemap="#char1" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td><img src="http://www.dreamwidth.org/userpic/6782913/2051972" style="z-index:3; position:relative;height:100px;width:100px;border:2px solid #f8d868;float:right;margin-left:8px;"><big><B><I>Hershel Layton</B></I></big> <br>  <br>Professor Layton and the Curious Village </td></tr></table></center></div> <!-- hint 2 --> <div style="height: 195px;"> <a name="1hint2"><img src="http://i.imgur.com/IO4QPTh.png" usemap="#char1" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td> </tr> </table></center></div> <!-- hint 3 --> <div style="height: 195px;"> <a name="1hint3"><img src="http://i.imgur.com/u5lV4J6.png" usemap="#char1" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td></tr></table></center></div> <!-- s. hint --> <div style="height: 195px;"> <a name="1shint"><img src="http://i.imgur.com/TeSVx2E.png" usemap="#char1" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td> </tr></table></center></div></div></div></td> <!-- CHARACTER 2 --> <td width="252px"><div style="height:195px;overflow:hidden;"><map name="char2"><area shape="rect" coords="6,4,49,30" href="#2hint1"><area shape="rect" coords="53,4,96,30" href="#2hint2"><area shape="rect" coords="99,4,142,30" href="#2hint3"><area shape="rect" coords="146,3,188,30" href="#2shint"></map> <!-- hint 1 --> <div style="height: 195px;"> <a name="2hint1"><img src="http://i.imgur.com/abz6Swy.png" usemap="#char2" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td><img src="http://www.dreamwidth.org/userpic/6782913/2051972" style="z-index:3; position:relative;height:100px;width:100px;border:2px solid #f8d868;float:right;margin-left:8px;"><big><B><I>Hershel Layton</B></I></big> <br>  <br>Professor Layton and the Curious Village </td></tr></table></center></div> <!-- hint 2 --> <div style="height: 195px;"> <a name="2hint2"><img src="http://i.imgur.com/IO4QPTh.png" usemap="#char2" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td> </tr> </table></center></div> <!-- hint 3 --> <div style="height: 195px;"> <a name="2hint3"><img src="http://i.imgur.com/u5lV4J6.png" usemap="#char2" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td></tr></table></center></div> <!-- s. hint --> <div style="height: 195px;"> <a name="2shint"><img src="http://i.imgur.com/TeSVx2E.png" usemap="#char2" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td> </tr></table></center></div></div></div></td> <!-- CHARACTER 3 --> <td width="252px"><div style="height:195px;overflow:hidden;"><map name="char3"><area shape="rect" coords="6,4,49,30" href="#3hint1"><area shape="rect" coords="53,4,96,30" href="#3hint2"><area shape="rect" coords="99,4,142,30" href="#3hint3"><area shape="rect" coords="146,3,188,30" href="#3shint"></map> <!-- hint 1 --> <div style="height: 195px;"> <a name="3hint1"><img src="http://i.imgur.com/abz6Swy.png" usemap="#char3" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td><img src="http://www.dreamwidth.org/userpic/6782913/2051972" style="z-index:3; position:relative;height:100px;width:100px;border:2px solid #f8d868;float:right;margin-left:8px;"><big><B><I>Hershel Layton</B></I></big> <br>  <br>Professor Layton and the Curious Village </td></tr></table></center></div> <!-- hint 2 --> <div style="height: 195px;"> <a name="3hint2"><img src="http://i.imgur.com/IO4QPTh.png" usemap="#char3" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td> </tr> </table></center></div> <!-- hint 3 --> <div style="height: 195px;"> <a name="3hint3"><img src="http://i.imgur.com/u5lV4J6.png" usemap="#char3" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td></tr></table></center></div> <!-- s. hint --> <div style="height: 195px;"> <a name="3shint"><img src="http://i.imgur.com/TeSVx2E.png" usemap="#char3" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td> </tr></table></center></div></div></div></td> <!-- END CHARACTER 3 --> </tr> <!-- END ROW --> <tr><td colspan="3" style="text-align: right;"><br><small>Code by <user name="bannertech">.</small></td></tr> </table></center></lj-raw>

Single: <lj-raw><center><div style="height:195px;overflow:hidden;"><map name="char1"><area shape="rect" coords="6,4,49,30" href="#1hint1"><area shape="rect" coords="53,4,96,30" href="#1hint2"><area shape="rect" coords="99,4,142,30" href="#1hint3"><area shape="rect" coords="146,3,188,30" href="#1shint"></map> <!-- hint 1 --> <div style="height: 195px;"> <a name="1hint1"><img src="http://i.imgur.com/abz6Swy.png" usemap="#char1" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td><img src="http://www.dreamwidth.org/userpic/6782913/2051972" style="z-index:3; position:relative;height:100px;width:100px;border:2px solid #f8d868;float:right;margin-left:8px;"><big><B><I>Hershel Layton</B></I></big> <br>  <br>Professor Layton and the Curious Village </td></tr></table></center></div> <!-- hint 2 --> <div style="height: 195px;"> <a name="1hint2"><img src="http://i.imgur.com/IO4QPTh.png" usemap="#char1" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td> </tr> </table></center></div> <!-- hint 3 --> <div style="height: 195px;"> <a name="1hint3"><img src="http://i.imgur.com/u5lV4J6.png" usemap="#char1" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td></tr></table></center></div> <!-- s. hint --> <div style="height: 195px;"> <a name="1shint"><img src="http://i.imgur.com/TeSVx2E.png" usemap="#char1" border="0" width="252" height="196"></a> <center><table cellpadding="0" cellspacing="0" style="text-align: justify; height:195px;width:230px; font-size:10px;color:#000; margin: -160px 6px 0px 6px;"> <tr> <td>A part of the large clown balloon is different from the model on poster A, and the trumpet player in the middle of poster C also has something different about him. </td> </tr></table></center></div></div></div></lj-raw></center>

The tabs are links! :) Don't make your text too long or you'll overflow the table. Copy and paste from START ROW to END ROW for each successive row. Since these are skiplinks, each separate character needs to have their links altered to have unique names. This is kind of a pain, so I've broken it down for you below. Change the highlighted numbers for each new character. You'll have to change two of them after each hint section as well.