AC tracker code, take 1

[gazgraphics]

I've found, with multiple characters in multiple games, it can sometimes be difficult to track everyone's AC. Hopefully this bare-bones code will help.


Three column style:

gameurl
REQUIREMENTS: 1 Network/Log Post OR 1 Log thread of 5+ comments OR 1 Network thread of 10+ comments
CODE: GOOD TO GO • NEEDS MORE • EXEMPT
NAME Post: Description Thread: Description (#) Thread: Description (#) Thread: Description (#)	NAME Post: Description Thread: Description (#) Thread: Description (#) Thread: Description (#)	NAME On hiatus mm/dd-mm/dd

Three column code:
<!--- GAME BEGIN ---> <center><table width=750 style="font-size: 12pt; font-family: helvetica, futura, sans-serif; color: #000;"> <tr><td colspan=3><center><h3><user name=GAMEURL></h3></center></td></tr> <tr><td colspan=3><center><b>REQUIREMENTS:</b> insert requirements here</center></td></tr> <tr> <tr><td colspan=3><center><b>CODE:</b> <font color=green>GOOD TO GO</font> • <font color=magenta>NEEDS MORE</font> • <font color=blue>EXEMPT</font></center></td></tr> <tr> <!--- CHARACTER ONE BEGIN ---> <td> <font color=COLOR> <div style="height: 100px; width: 100px; align: float; background: url(IMGURL); 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"><font color=#000><center>NAME</center></font></a></b></div></div> Post: <a href=URL>Description</a> Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) </font> </td> <!--- CHARACTER ONE END ---> <!--- CHARACTER TWO BEGIN ---> <td> <font color=COLOR> <div style="height: 100px; width: 100px; align: float; background: url(IMGURL); 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"><font color=#000><center>NAME</center></font></a></b></div></div> Post: <a href=URL>Description</a> Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) </font> </td> <!--- CHARACTER TWO END ---> <!--- CHARACTER THREE BEGIN ---> <td> <font color=COLOR> <div style="height: 100px; width: 100px; align: float; background: url(IMGURL); 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"><font color=#000><center>NAME</center></font></a></b></div></div> Post: <a href=URL>Description</a> Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) </font> </td> <!--- CHARACTER THREE END ---> </tr> </table></center> <!--- GAME END --->

Two column style:

gameurl
REQUIREMENTS: 1 Network/Log Post OR 1 Log thread of 5+ comments OR 1 Network thread of 10+ comments
CODE: GOOD TO GO • NEEDS MORE • EXEMPT
NAME Post: Description Thread: Description (#) Thread: Description (#) Thread: Description (#)	NAME Post: Description Thread: Description (#) Thread: Description (#) Thread: Description (#)
NAME On hiatus mm/dd-mm/dd

Two column code:
<!--- GAME BEGIN ---> <center><table width=600 style="font-size: 12pt; font-family: helvetica, futura, sans-serif; color: #000;"> <tr><td colspan=3><center><h3><user name=GAMEURL></h3></center></td></tr> <tr><td colspan=3><center><b>REQUIREMENTS:</b> insert requirements here</center></td></tr> <tr> <tr><td colspan=3><center><b>CODE:</b> <font color=green>GOOD TO GO</font> • <font color=magenta>NEEDS MORE</font> • <font color=blue>EXEMPT</font></center></td></tr> <tr> <!--- CHARACTER ONE BEGIN ---> <td> <font color=COLOR> <div style="height: 100px; width: 100px; align: float; background: url(IMGURL); 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"><font color=#000><center>NAME</center></font></a></b></div></div> Post: <a href=URL>Description</a></b> Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) </font> </td> <!--- CHARACTER ONE END ---> <!--- CHARACTER TWO BEGIN ---> <td> <font color=COLOR> <div style="height: 100px; width: 100px; align: float; background: url(IMGURL); 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"><font color=#000><center>NAME</center></font></a></b></div></div> Post: <a href=URL>Description</a> Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) </font> </td> <!--- CHARACTER TWO END ---> </tr> <tr> <!--- CHARACTER THREE BEGIN ---> <td> <font color=COLOR> <div style="height: 100px; width: 100px; align: float; background: url(IMGURL); 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"><font color=#000><center>NAME</center></font></a></b></div></div> Post: <a href=URL>Description</a> Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) Thread: <a href=URL>Description</a> (#) </font> </td> <!--- CHARACTER THREE END ---> </tr> </table></center> <!--- GAME END --->

THINGS TO CTRL+F AND REPLACE:
Everything should be pretty self-explanatory, but just in case...

• <user name=GAMEURL> should be replaced with the game's actual user name
  
• "insert requirements here" is where you insert the game's AC requirements
  
• <font color=COLOR> should be replaced with either green, magenta, or blue (or whatever colors you want), depending on the character's AC status
  
• IMGURL should be replaced with the icon URL
  
• USERNAME.dreamwidth.org should be replaced with the character's username
  
• NAME should be replaced with the character's name
  
• URL should be replaced with the link to the post/thread
  
• Description can be either a brief description of the post/thread, or the name of the other character
  
• (#) should be replaced with the number of comments from your character
  
• once a thread meets the required number of comments, you can either bold or strikethru to remind yourself that that thread is taken care of
  
• then when all requirements are met, you can change the <font color=COLOR> to green (or whatever color you choose)

Please credit gazgraphics, and feel free to comment! I'd love to see what you do with it!

Comments

[savedbylove]

How do you get the name to appear at the bottom of the picture and not the middle?

[gazgraphics]

change this: <div style="height: 20px; width: 100px; background: #eee; position: relative; top: 40px; opacity: 0.9;">

to this: <div style="height: 20px; width: 100px; background: #eee; position: relative; top: 80px; opacity: 0.9;">

that should move the name bar down to the bottom.

[inroad]

helllooo! i don't usually comment on these because i feel i never have anything worth sharing, but i wanted to say how awesome and useful this code is, not to mention simple which makes it a breeze to update. i'm the type of person who likes pretty code whether it's mine or someone else's but at the end of the day i'm just "yeah awesome never updating that again". haha. never thought i'd find one that i would both like the simplicity of AND find it easy to update.

one of the games i play in has a huge dream event this month where each character is encouraged to post their dreams as open logs, which is awesome but can be a headache keeping up and navigating once it hits past...ten or so. so i decided i wanted to keep a list and your code was so perfect for it, i thought i should share because super useful thank you thank you for sharing something like this.

also commenting to ask: would you mind if i shared the code (with your credit in tact as you see it on the page i linked) to the game monadexe, in case anyone wants to keep track themselves, too? o/

my only regret is i see this was posted in january, i wish i had found it sooner!

[gazgraphics]

wow, you have made my day. That is an awesome use of the code, so I'm glad you found it after all!

I'm so okay with you sharing the code with monad (lol I was actually there for like a hot second a few months back)! I'd be honored. :)