efryndiel | [ code ] profile / cr chart / muse list + matching thread tracker

single card

SHIZUO HEIWAJIMA

» » » hatesviolence

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mattis elementum elit, ut tempor nisl accumsan ac. Ut est libero, commodo at cursus in, ultricies mattis massa. In hac habitasse platea dictumst. Cras facilisis tellus mauris, sit amet lacinia urna maximus condimentum. Pellentesque sit amet ipsum at tellus facilisis condimentum. In pellentesque nibh eget imperdiet facilisis. Nam sed purus vestibulum, posuere quam et, iaculis felis.

TRUST

SUPPORT

AFFECTION

STRENGTH

SHIZUO HEIWAJIMA

» » » hatesviolence

STRENGTH

PLOTTING

SHIPPING

DROPPING

code

<center>ღ <a href="URL" style="color: #91815f; text-decoration: none;">link 1</a> ღ <a href="URL" style="color: #91815f; text-decoration: none;">link 2</a> ღ <a href="URL" style="color: #91815f; text-decoration: none;">link 3</a> ღ <a href="URL" style="color: #91815f; text-decoration: none;">link 4</a> ღ</center></div></div></td>
<td style="padding: 8px; vertical-align:top;"><div style="width: 200px; margin: 20px 0 0 -18px;"><div style="width: 120px; height: 18px; background: #f4f3ef; border: 2px solid #d4ccb5; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 100%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">TRUST</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">SUPPORT</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 25%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">AFFECTION</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 80%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">STRENGTH</span></div></div></div></td>
</tr></table>

multiple cards

MASAYUKI HORI

» » » dramapolice

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TRUST

SUPPORT

AFFECTION

STRENGTH

RAVEN

» » » rainofheaven

TRUST

SUPPORT

AFFECTION

STRENGTH

code

<table style="margin: auto; width: 633px;"><tr><td style="padding: 8px; vertical-align:top;"><div style="vertical-align:top; height:100px; width:100px; float:left; padding:0; margin: 20px 0px 0px -75px;"><img src="USERPIC" style="border: 8px solid #c2baa0;"></div>
<div style="min-height: 150px; width: 400px; background-color: #f4f3ef; border: 8px solid #c2baa0; margin-top:-18px; box-shadow: #d5d5d5 1px 2px 3px 0px;">
<span style="margin: -8px 5px 8px 40px; color:#423e31; font-family:georgia; font-size:18pt; line-height:0.9em; text-shadow: 2px 2px 4px #999; display: block;">CHARACTERNAME</span><hr><span style="float: right; font-family:georgia; font-size:14pt; color:#5b5748; line-height:0.8em; padding: 0 10px 0 10px;">» » » <i>journalname</i></span>
<div align="justify" style="padding: 20px 10px 10px 40px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">Summary blurb.</div></div></td>
<td style="padding: 8px; vertical-align:top;"><div style="width: 200px; margin: 20px 0 0 -18px;"><div style="width: 120px; height: 18px; background: #f4f3ef; border: 2px solid #d4ccb5; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">TRUST</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">SUPPORT</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">AFFECTION</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">STRENGTH</span></div></div></div></td>
</tr>
<tr><td style="padding: 8px; vertical-align:top;"><div style="vertical-align:top; height:100px; width:100px; float:left; padding:0; margin: 20px 0px 0px -75px;"><img src="USERPIC" style="border: 8px solid #c2baa0;"></div>
<div style="min-height: 150px; width: 400px; background-color: #f4f3ef; border: 8px solid #c2baa0; margin-top:-18px; box-shadow: #d5d5d5 1px 2px 3px 0px;">
<span style="margin: -8px 5px 8px 40px; color:#423e31; font-family:georgia; font-size:18pt; line-height:0.9em; text-shadow: 2px 2px 4px #999; display: block;">CHARACTERNAME</span><hr><span style="float: right; font-family:georgia; font-size:14pt; color:#5b5748; line-height:0.8em; padding: 0 10px 0 10px;">» » » <i>journalname</i></span>
<div align="justify" style="padding: 20px 10px 10px 40px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">Summary blurb.</div></div></td>
<td style="padding: 8px; vertical-align:top;"><div style="width: 200px; margin: 20px 0 0 -18px;"><div style="width: 120px; height: 18px; background: #f4f3ef; border: 2px solid #d4ccb5; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">TRUST</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">SUPPORT</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">AFFECTION</span></div></div>
<div style="margin-top: -10px; width: 120px; height: 18px; border: 2px solid #d4ccb5; background: #f4f3ef; box-shadow: #d5d5d5 1px 2px 3px 0px;"><div style="width: 50%; height: 18px; background: #d4ccb5;"><span style="margin-left:5px; color:#423e31; font-family:palatino; font-size: 11pt; line-height:0.5em;">STRENGTH</span></div></div></div></td>
</tr></table>

card+tracker

SHIZUO HEIWAJIMA

» » » hatesviolence

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TRUST

SUPPORT

AFFECTION

STRENGTH

THREAD TRACKER

» » » january

Brief summary blurb if you want. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id tellus scelerisque, volutpat ex sed, ultrices mauris. Pellentesque sed quam luctus, tincidunt felis nec, semper lorem. Etiam sed nisi elit. Maecenas ullamcorper eleifend ligula, in consequat metus congue vitae.

ღ 1/01: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ღ 1/15: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id tellus scelerisque, volutpat ex sed, ultrices mauris.

ღ 1/25: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id tellus scelerisque, volutpat ex sed, ultrices mauris. Pellentesque sed quam luctus, tincidunt felis nec, semper lorem.

» » » february

ღ 2/03: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id tellus scelerisque, volutpat ex sed, ultrices mauris.
ღ 2/14: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id tellus scelerisque, volutpat ex sed, ultrices mauris. Pellentesque sed quam luctus, tincidunt felis nec, semper lorem.
ღ 2/20: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

code

ღ <a href="URL" style="color: #91815f; text-decoration: none;">DATE</a>: Blurb.
ღ <a href="URL" style="color: #91815f; text-decoration: none;">DATE</a>: Blurb.
ღ <a href="URL" style="color: #91815f; text-decoration: none;">DATE</a>: Blurb.

<hr><span style="float: right; font-family:georgia; font-size:14pt; color:#5b5748; line-height:0.8em; padding: 0 10px 0 10px;">» » » <i>month</i></span>

tracker

THREAD TRACKER

» » » january

code

<div style="margin: auto; width: 550px; background-color: #f4f3ef; border: 8px solid #c2baa0; box-shadow: #d5d5d5 1px 2px 3px 0px;">
<span style="margin: -8px 5px 8px 10px; color:#423e31; font-family:georgia; font-size:18pt; line-height:0.9em; text-shadow: 2px 2px 4px #999; display: block;">THREAD TRACKER</span><hr><span style="float: right; font-family:georgia; font-size:14pt; color:#5b5748; line-height:0.8em; padding: 0 10px 0 10px;">» » » <i>month</i></span>
<div align="justify" style="padding: 20px 10px 10px 10px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">Brief summary blurb if you want.

<hr><span style="float: right; font-family:georgia; font-size:14pt; color:#5b5748; line-height:0.8em; padding: 0 10px 0 10px;">» » » <i>month</i></span>

instructions

❖ Can be used for either muselists, cr charts, or whatever else! They're pretty simple and versatile. Thread tracker is just a bonus to look pretty and if you want to use it to track threads specific to the cr. Feel free to modify c:
❖ Colors:

background: #f4f3ef
borders: #c2baa0
links: #91815f
cr bar (border+fill): #d4ccb5

❖ When using the multiple chart, it's one card per row.
❖ When filling in the bar, look for the width: ##% and change the percentage values (0% - 100%).
❖ The bars can be used for other things than CR, like if you want to use it for muselist/attribute bars (voice strength, shippability, likelihood of dropping, etc.). Just change the text! Each one has 4 bars to start, but if you know what you're doing, you can add more to it. The code is here:
❖ Matching set here.
❖ Credit either

laenavesse or

efryndiel