Multi-Character Tracker

START COPYING----->

[nospaces]

[attr=class,ladevoteenb]

FIRST MIDDLE LAST

[attr=class,ladevoteebt]

Current

[attr=class,ladevoteesc]○ Thread Title[break] @username ○ Thread Title[break] @username ○ Thread Title[break] @username ○ Thread Title[break] @username ○ Thread Title[break] @username [break][break]

Finished

[attr=class,ladevoteesc]✔ Thread Title[break] @username ✔ Thread Title[break] @username ✔ Thread Title[break] @username ✔ Thread Title[break] @username ✔ Thread Title[break] @username [break][break]

Inactive

[attr=class,ladevoteesc]✖ Thread Title[break] @username ✖ Thread Title[break] @username ✖ Thread Title[break] @username ✖ Thread Title[break] @username ✖ Thread Title[break] @username [break][break]

[attr=class,ladevoteenb]

FIRST MIDDLE LAST

[attr=class,ladevoteebt]

Current

[attr=class,ladevoteesc]○ Thread Title[break] @username ○ Thread Title[break] @username ○ Thread Title[break] @username ○ Thread Title[break] @username ○ Thread Title[break] @username [break][break]

Finished

[attr=class,ladevoteesc]✔ Thread Title[break] @username ✔ Thread Title[break] @username ✔ Thread Title[break] @username ✔ Thread Title[break] @username ✔ Thread Title[break] @username [break][break]

Inactive

[attr=class,ladevoteesc]✖ Thread Title[break] @username ✖ Thread Title[break] @username ✖ Thread Title[break] @username ✖ Thread Title[break] @username ✖ Thread Title[break] @username [break][break]

MEL @ ADOXOGRAPHY

[googlefont=Cormorant Unicase]
[newclass=.ladevoteenb]position:relative;width:540px;overflow:hidden;text-align:center; font-family: Cormorant Unicase; font-size:15px;color:#aed7e0;text-transform:none;[/newclass]
[newclass=.ladevoteebt]transition:.5s;height:0px;overflow:hidden;background-image:url(https://i.imgur.com/Ncdvoyy.png);width:540px;[/newclass]
[newclass=.ladevoteenb:hover .ladevoteebt]transition:.5s;height:400px;[/newclass]
[newclass=.ladevoteesc::-webkit-scrollbar]width: 3px;[/newclass]
[newclass=.ladevoteesc::-webkit-scrollbar-thumb]background: #333333;[/newclass]<-----STOP COPYING
[break][break][break]
Coding instructions:

1. This code uses the nobreak tag. You must type [*break] when you would like to start a new line. To add spaces between lines, type two [*break] tags together. (Of course, remove the asterisk!)
   
2. To change the color of the tab, chang the hex codes #a96f81 and #ae2851 to whatever colors you want. You can even use the same color if you so choose!
3. Adding new sections is easy! Just copy from [*div][*attr=class... to the four [*/div] tags in a row! (Of course, sans asterisk!)
4. The image can be removed by simpling removing the very first line of code.
5. The image will autosize to 540 pixels wide and the height really doesn't matter if you want a taller or shorter image.
6. Quote this post and copy where indicated!