A place for Chris to play with codes

---

This is a re-do of an old code of mine, updating the code to not use tables anymore. For when you need to track AC for multiple characters in multiple games.

INSTRUCTIONS:

1. Copy/Paste code below
   
2. Make sure Disable Auto-Formatting is NOT checked
   
3. Replace the following:
   
   • GAME_IMG
     
   • GAME_URL
     
   • Game Name
     
   • insert requirements here
     
   • COLOR_NAME
     
   • USERNAME
     
   • NAME
     
   • THREAD_URL
     
   • Description
     
   • (# comments)
     
4. Copy/Paste games/characters and color code as necessary
   
5. Delete whatever parts you don't need
   
6. Leave the credit as is
   
7. Comments are appreciated! I'd love to see what you do with it!

<raw-code> <!--- GAME ONE BEGIN ---> <div style="margin:0 auto;max-width:100%;width:600px;display:flex;flex-wrap:wrap;"> <div style="width:100%; font-size: 12pt; font-family: helvetica, futura, sans-serif; color: #000;"> <center><div style="height: 200px; width: 400px; background: url(GAME_IMG)center; background-size: cover;margin:10px;display:flex;justify-content:center;align-items:center;"><a href="GAME_URL" style="color: #fff; font-size:30pt; font-weight:bold;text-decoration:none">Game Name</a></div> <b>REQUIREMENTS:</b> insert requirements here<br/> <b>CODE:</b> <span style="color:blue;">EXEMPT</span> • <span style="color:magenta;">NEEDS MORE</span> • <span style="color:green;">GOOD TO GO</span> • <span style="color:green;font-weight:bold">USING FOR AC</span> </center></div> <!--CHARACTER ONE BEGIN--> </raw-code><div style="width:50%;"><div style="margin:5px;padding:20px 5px;"> <span style="color:COLOR_NAME;"> <div style="height: 100px; width: 100px; align: float; background: url(ICON_URL); background-position: center;"><div style="height: 20px; width: 100px; background: #eee; position: relative; top: 40px; opacity: 0.9;"><b><a href=http://USERNAME.dreamwidth.org/ style="text-decoration: none"><span style="color:#000;"><center>NAME</center></span></a></b></div></div> Post: <a href="THREAD_URL">Description</a> Thread: <a href="THREAD_URL">Description</a> (# comments) Thread: <a href="THREAD_URL">Description</a> (# comments) Thread: <a href="THREAD_URL">Description</a> (# comments) </span> </div></div><raw-code> <!--CHARACTER ONE END--> <!--CHARACTER TWO BEGIN--> </raw-code><div style="width:50%;"><div style="margin:5px;padding:20px 5px;"> <span style="color:COLOR_NAME;"> <div style="height: 100px; width: 100px; align: float; background: url(ICON_URL); background-position: center;"><div style="height: 20px; width: 100px; background: #eee; position: relative; top: 40px; opacity: 0.9;"><b><a href=http://USERNAME.dreamwidth.org/ style="text-decoration: none"><span style="color:#000;"><center>NAME</center></span></a></b></div></div> Post: <a href="THREAD_URL">Description</a> Thread: <a href="THREAD_URL">Description</a> (# comments) Thread: <a href="THREAD_URL">Description</a> (# comments) Thread: <a href="THREAD_URL">Description</a> (# comments) </span> </div></div><raw-code> <!--CHARACTER TWO END--> </div> </div> <!--GAME ONE END--> <!--CREDIT *DO NOT REMOVE*--> <div style="margin:0 auto;max-width:100%;width:600px;text-align:right;"><small>code by <user name=chriscodes></small></div> </raw-code>