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

[laenavesse]

profile 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.

ღ link 1 ღ link 2 ღ link 3 ღ link 4 ღ

code
<div style="margin: auto; width: 550px;"><div style="vertical-align:top; height:100px; width:100px; float:left; padding:0; margin: 20px 0px 0px -75px;"><img src="USERPIC" style="border-radius:20%; box-shadow: #c2baa0 1px 2px 3px 2px;"></div> <div style="min-height: 130px; background-color: #f4f3ef; border: 8px solid #c2baa0; border-radius: 25px; margin-top:-18px;"> <span style="margin: -8px 5px 8px 25px; color:#423e31; font-family:georgia; font-size:18pt; line-height:0.9em; text-shadow: 2px 2px 4px #999; display: block;">CHARACTER NAME</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 30px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">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. <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></div>


multiple items

DEATH THE KID » » » soulsymmetrical Lorem ipsum dolor sit amet, consectetur adipiscing elit.	ELIZABETH "LIZ" THOMPSON » » » pistolperfect Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mattis elementum elit, ut tempor nisl accumsan ac.
HIKO SEIJURO XIII » » » kuzuryuusen Lorem ipsum dolor sit amet, consectetur adipiscing elit.	HAK » » » raijuu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mattis elementum elit, ut tempor nisl accumsan ac.

code
<table style="margin: auto; width: 750px; border-radius: 25px;"><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-radius:20%; box-shadow: #c2baa0 1px 2px 3px 2px;"></div> <div style="min-height: 130px; width:300px; background-color: #f4f3ef; border: 8px solid #c2baa0; border-radius: 25px; margin-top:-18px;"> <span style="margin: -8px 5px 8px 25px; 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 30px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div></td> <td style="padding: 8px; vertical-align:top;"><div style="float: right;"><div style="vertical-align:top; height:100px; width:100px; float:left; padding:0; margin: 20px 0px 0px -75px;"><img src="http://v.dreamwidth.org/3286942/1610367" style="border-radius:20%; box-shadow: #c2baa0 1px 2px 3px 2px;"></div> <div style="min-height: 130px; width:300px; background-color: #f4f3ef; border: 8px solid #c2baa0; border-radius: 25px; margin-top:-18px;"> <span style="margin: -8px 5px 8px 25px; 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 30px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mattis elementum elit, ut tempor nisl accumsan ac.</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-radius:20%; box-shadow: #c2baa0 1px 2px 3px 2px;"></div> <div style="min-height: 130px; width:300px; background-color: #f4f3ef; border: 8px solid #c2baa0; border-radius: 25px; margin-top:-18px;"> <span style="margin: -8px 5px 8px 25px; 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 30px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div></td> <td style="padding: 8px; vertical-align:top;"><div style="float: right;"><div style="vertical-align:top; height:100px; width:100px; float:left; padding:0; margin: 20px 0px 0px -75px;"><img src="USERPIC" style="border-radius:20%; box-shadow: #c2baa0 1px 2px 3px 2px;"></div> <div style="min-height: 130px; width:300px; background-color: #f4f3ef; border: 8px solid #c2baa0; border-radius: 25px; margin-top:-18px;"> <span style="margin: -8px 5px 8px 25px; 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 30px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mattis elementum elit, ut tempor nisl accumsan ac.</div></div></div></td></tr></table>


card + tracker

SHIZUO HEIWAJIMA » » » hatesviolence Lorem ipsum dolor sit amet, consectetur adipiscing elit.

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
<table style="margin: auto; width: 550px; border-radius: 25px;"><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-radius:20%; box-shadow: #c2baa0 1px 2px 3px 2px;"></div> <div style="min-height: 130px; background-color: #f4f3ef; border: 8px solid #c2baa0; border-radius: 25px; margin-top:-18px;"> <span style="margin: -8px 5px 8px 25px; 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 30px; color:#2b250f; font-family:calibri; font-size:10pt; line-height: 1.2em;">Blurb text.</div></div></td></tr> <tr><td style="padding: 8px; vertical-align:top;"><div style="background-color: #f4f3ef; border: 8px solid #c2baa0; border-radius: 25px;"> <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. ღ <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> ღ <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</div></td> </tr></table>

thread tracker

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
<div style="margin: auto; width: 550px; background-color: #f4f3ef; border: 8px solid #c2baa0; border-radius: 25px;"> <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. ღ <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> ღ <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</div></div>


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. Feel free to modify c:
❖ Colors:

• background: #f4f3ef
  
• borders+icon drop shadow: #c2baa0
  
• links: #91815f

❖ When using the multiple chart, it's two cells per row with one card per row.
❖ Matching set here.
❖ Credit either laenavesse or efryndiel