bannertech | thread tracker

JANUARY

1/21 → this post happened
   ↳ billy
   ↳ bob
   ↳ jim

billy jim bob
   ↳ 1/04 → introduction
   ↳ 1/14 → event plot
   ↳ 1/30 → post-event fallout

maskormenace
   ↳ open post
   ↳ thread A
   ↳ thread B

bakerstreet
   ↳ picture prompt
   ↳ vampire AU
   ↳ texting

FEBRUARY

↳ 2/02 -- a post happened
This was a long month and maybe more things happened so you need more space. Maybe you like to describe what happens in your threads or list the characters such as below.

↳ marc antony & cleopatra, blind date scenario
met in Rome, she lures him back to Cairo in an anachronistism-filled romance adventure chuck full of gender role reversals.

<raw-code>

<div style="width:850px;font-family:Arial Black, Gadget;font-size:30px;letter-spacing:5px;text-transform:uppercase;text-align:right;">JANUARY</div>
<div style="width:100%;text-align:justify;border-radius:10px;border-top: 15px solid #00A572;padding:15px;">
<table border="0" width="100%"><tr><td width="25%">
<B>1/21 → <a href="http://" style="text-decoration:none;color:black;">this post happened</A></B>
<small><br>   ↳ <a href="http://" style="text-decoration:none;color:black;">billy</A>
<br>   ↳ <a href="http://" style="text-decoration:none;color:black;">bob</A>
<br>   ↳ <a href="http://" style="text-decoration:none;color:black;">jim</A></small>
</td><td width="25%">
<B>billy jim bob</B>
<small><br>   ↳ <a href="http://" style="text-decoration:none;color:black;">1/04 → introduction</A>
<br>   ↳ <a href="http://" style="text-decoration:none;color:black;">1/14 → event plot</A>
<br>   ↳ <a href="http://" style="text-decoration:none;color:black;">1/30 → post-event fallout</A></small>
</td><td width="25%">
<B>maskormenace</B>
<small><br>   ↳ <a href="http://" style="text-decoration:none;color:black;">open post</A>
<br>   ↳ <a href="http://" style="text-decoration:none;color:black;">thread A</A>
<br>   ↳ <a href="http://" style="text-decoration:none;color:black;">thread B</A></small>
</td><td width="25%">
<B>bakerstreet</B>
<small><br>   ↳ <a href="http://" style="text-decoration:none;color:black;">picture prompt</A>
<br>   ↳ <a href="http://" style="text-decoration:none;color:black;">vampire AU</A>
<br>   ↳ <a href="http://" style="text-decoration:none;color:black;">texting</A></small>
</td></tr></table></div>

<div style="width:850px;font-family:Arial Black, Gadget;font-size:30px;letter-spacing:5px;text-transform:uppercase;text-align:right;">FEBRUARY</div>
<div style="width:100%;text-align:justify;border-radius:10px;border-top: 15px solid #00A572;padding:15px;">
<B>↳ <a href="http://" style="text-decoration:none;color:black;">2/02 -- a post happened</A></B>
<br>    <I>This was a long month and maybe more things happened so you need more space. Maybe you like to describe what happens in your threads or list the characters such as below.</I>
<br> 
<p><B>↳ <a href="http://" style="text-decoration:none;color:black;">marc antony & cleopatra,
 blind date scenario</A></B>
<br>    <I>met in Rome, she lures him back to Cairo in an anachronistism-filled romance adventure chuck full of gender role reversals.</I>
</div>

</raw-code>

The hex code for the color bar is #00A572. If you change the number of columns, make sure your td widths add up to 100%.

thread tracker

no subject