Tessisamess

Information

Hey guys! Who has two thumbs and has only ever posted two thread trackers on this journal? THAAAT'S RIGHT LOL. I have another more style-inclined tracker in the works too, but for those of you who are into a very orderly aesthetic for tracking information, and would rather have it on IJ than on a Drive spreadsheet, this thread tracker will do the trick!

There are, of course, no tables, so this is fairly easy to add/remove things and you could easily relabel things if you decide you like this for something other than thread tracking; enjoy! ♥

The Coding

<lj-raw><div style="margin:0 auto;min-width:800px;max-width:1200px;background:#fff;border:1px solid #ddd;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:1.5;color:#222;"> <div style="padding:25px;border-bottom:1px solid #ddd;font-weight:bold;text-transform:uppercase;letter-spacing:2px;"> Thread Tracker <span style="float:right">Month, 2018</span> </div> <div style="display:flex;align-items:center;border-bottom:1px solid #ddd;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:bold;background:#f5f5f5;"> <span style="border-right:1px solid #ddd;padding:10px;width:1%;">✓</span> <div style="width:25%;padding:10px;border-right:1px solid #ddd;">Thread Title</div> <span style="width:6%;padding:10px;border-right:1px solid #ddd;">Start</span> <span style="width:6%;padding:10px;border-right:1px solid #ddd;">Due On</span> <span style="width:6%;padding:10px;border-right:1px solid #ddd;">End</span> <span style="width:20%;padding:10px;border-right:1px solid #ddd;">Characters</span> <span style="width:36%;padding:10px;">Summary</span> </div> <div style="display:flex;align-items:center;border-bottom:1px solid #ddd;"> <span style="border-right:1px solid #ddd;padding:10px;width:1%;">&check;</span> <a href="" style="width:25%;padding:10px;border-right:1px solid #ddd;">Thread Title</a> <span style="width:6%;padding:10px;border-right:1px solid #ddd;">00.00.00</span> <span style="width:6%;padding:10px;border-right:1px solid #ddd;">00.00.00</span> <span style="width:6%;padding:10px;border-right:1px solid #ddd;">00.00.00</span> <span style="width:20%;padding:10px;border-right:1px solid #ddd;">Name, Name, Name</span> <span style="width:36%;padding:10px;">Short Summary</span> </div> <div style="border-bottom:1px solid #ddd;font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;"> <span style="padding:10px;border-right:1px solid #ddd;width:100%;">&check; Completed</span> <span style="padding:10px;border-right:1px solid #ddd;width:100%;">&#9655; In-Progress</span> <span style="padding:10px;border-right:1px solid #ddd;width:100%;">&cross; Abandoned</span> <span style="padding:10px;width:100%;"><font color="red">&#8252;</font> Overdue</span> </div> <div style="padding:15px;border-bottom:1px solid #ddd;font-weight:bold;text-transform:uppercase;letter-spacing:2px;background:#f5f5f5;"> Notes </div> <div style="padding:10px;"> Any notes on threads, hiatuses, etc. here. </div> <a href="http://tessisamess.insanejournal.com/" style="display:block;text-decoration:none;text-align:right;padding:5px;font-size:8px;letter-spacing:2px;font-weight:bold;color:#aaa;text-transform:uppercase;border-top:1px solid #ddd;"> Code by Tessisamess </a> </div></lj-raw>

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS

helvetica,arial,sans-serif - Overall font

COLORS

#fff

Overall background

#f5f5f5

Header backgrounds

#ddd

All borders

#222

Text color

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!