4 Stats Cards + Bios

[tesscodes]

Information

Hey guys! Super stoked for these bios, because they double as tabletop-inspired stats cards! There are two bio options available, one with more vague stat meters, the other with classic stats+numbers, and non-bio minis of both options as well! Like the look of the bio options better, but dont need the bio area itself? That's fine! You can find indicators for the start and end of the text bio section in each bio code to know what area to delete if only the statistics card is needed. Any image dimensions should be fine for the gif area, including icons; they'll size appropriately! Enjoy! ♥

Coding: Full Bio w/Sliders

NAME HERE

RACE Thing

CLASS Thing

FIELD Thing

FIELD Thing

FIELD Thing

STATISTICS

TITLE

TITLE

TITLE

TITLE

TITLE

TITLE

APPEARANCE

Aenean cursus tellus sit amet porta tristique. Sed nec lorem mi. Donec ac ullamcorper purus. Vestibulum volutpat convallis sapien porta finibus. Duis ut gravida augue, quis malesuada tellus. Nulla purus nulla, euismod quis justo mattis, auctor pellentesque nisi. Cras in tincidunt velit. Pellentesque fermentum vestibulum hendrerit. Aenean consectetur metus lobortis sollicitudin ultricies. In malesuada est nisl, quis consectetur tortor malesuada scelerisque. Nunc venenatis diam eget libero commodo fermentum. Mauris id felis non tellus consectetur pulvinar. Nulla leo dolor, pharetra eu suscipit quis, auctor et nibh. Aenean sed libero velit. Praesent ornare sem in leo ultricies, eget blandit justo ullamcorper.

PERSONALITY

Ut a nisl ante. Maecenas eu consectetur lacus. Donec et turpis et ipsum finibus egestas. Duis aliquet mollis augue, nec ornare mauris pharetra ut. Quisque blandit malesuada nisl, a fermentum arcu varius et. Mauris suscipit massa tortor, sit amet maximus justo tempor non. Suspendisse potenti. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus dignissim lorem in ornare viverra. Quisque vitae justo molestie, fermentum sem quis, tincidunt neque. Integer eget ipsum ante. Etiam aliquet id ex in aliquam. Donec eleifend mollis dolor vitae auctor. In dignissim est at risus lacinia, sit amet porttitor quam lacinia. Vivamus lorem lacus, laoreet vel congue quis, dictum vel ante. Aliquam dignissim, purus a posuere fringilla, orci urna aliquet sapien, feugiat consectetur erat odio et arcu.

BACKSTORY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat ultricies dolor, id suscipit diam auctor eu. Sed congue blandit scelerisque. Integer porttitor tellus ante, eget pharetra tellus dictum nec. Sed sit amet ultricies neque. Vivamus vel nulla pellentesque ipsum efficitur ultricies nec consectetur odio. Quisque nec ipsum sit amet eros sodales varius. Fusce ut leo consequat, tristique augue a, luctus ex. Sed faucibus ex imperdiet sodales facilisis. Nulla facilisi.

Morbi justo neque, sodales nec turpis vel, egestas tincidunt lacus. Etiam condimentum diam a placerat tristique. Aenean euismod ultricies placerat. Aenean et elit posuere, sagittis velit non, scelerisque ante. Sed luctus pretium eleifend. Nullam luctus luctus lacus, sed consectetur nulla condimentum quis. Phasellus elementum mauris vel urna dapibus viverra. Sed porta mauris ut fringilla pharetra. Morbi hendrerit elit vel mauris ultricies rutrum. Nulla vitae pharetra nisi. Ut hendrerit elit non hendrerit egestas. Ut maximus id lectus porta consequat.

Aenean porttitor suscipit dui, vitae ultrices ipsum imperdiet non. Nulla sed diam ac metus ultrices lobortis. Morbi feugiat hendrerit velit et sagittis. Morbi finibus dictum luctus. Praesent vel sollicitudin nisl. Nullam auctor elit a vestibulum tincidunt. Integer euismod pretium mi luctus porttitor. Nam sagittis porttitor magna in hendrerit. Fusce commodo justo sit amet imperdiet sagittis.

NAME. Name AGE. 00 TIMEZONE. ABC PB. PB Name

CODE BY TESSISAMESS

<lj-raw><div style="width:650px;margin:0 auto;font-family:palatino linotype,georgia,serif;font-size:13px;color:#111;text-align:center;line-height:1.5;border:1px solid rgba(0,0,0,0.1);"> <div style="background:#222 url(BG_URL)center;color:rgba(255,255,255,0.7);font-size:9px;letter-spacing:2px;text-transform:uppercase;"><div style="background:rgba(0,0,0,0.7);padding:40px 40px 25px 40px;outline:1px solid rgba(255,255,255,0.2);outline-offset:-10px;display:flex;flex-wrap:wrap;"> <div style="width:44.9%;margin-right:5%;padding-right:5%;border-right:1px solid rgba(255,255,255,0.2);"> <img src="IMG_URL" style="max-width:220px;background:rgba(255,255,255,0.15);padding:15px;"> <div style="margin:20px 0;display:flex;align-items:center;font-size:15px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:#fff;"> <div style="border-bottom:1px solid rgba(255,255,255,0.2);width:30%;"></div> <div style="padding:0 20px;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);width:100%;">NAME HERE</div> <div style="border-bottom:1px solid rgba(255,255,255,0.2);width:30%;"></div> </div> <div style="text-align:left;line-height:3;"> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);"> <b>RACE</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);"> <b>CLASS</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);"> <b>FIELD</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);"> <b>FIELD</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);"> <b>FIELD</b> Thing </div> </div> </div> <div style="width:44.9%;font-weight:bold;"> <div style="margin:0 0 20px 0;display:flex;align-items:center;font-size:15px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:#fff;"> <div style="border-bottom:1px solid rgba(255,255,255,0.2);width:30%;"></div> <div style="padding:0 20px;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);width:100%;">STATISTICS</div> <div style="border-bottom:1px solid rgba(255,255,255,0.2);width:30%;"></div> </div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:75%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:35%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:55%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:25%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:85%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:45%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> </div> </div> </div> <!---START BIO---> <div style="padding:10px 20px 40px 20px;max-height:500px;overflow:auto;text-align:justify;line-height:1.6;"> <div style="display:flex;align-items:center;font-size:15px;letter-spacing:2px;color:#000;text-transform:uppercase;font-weight:bold;margin:30px;"> <div style="border-bottom:1px solid #555;width:100%;"></div> <div style="padding:0 20px;border-left:1px solid #555;border-right:1px solid #555;">APPEARANCE</div> <div style="border-bottom:1px solid #555;width:100%;"></div> </div> Appearance info <div style="display:flex;align-items:center;font-size:15px;letter-spacing:2px;color:#000;text-transform:uppercase;font-weight:bold;margin:30px;"> <div style="border-bottom:1px solid #555;width:100%;"></div> <div style="padding:0 20px;border-left:1px solid #555;border-right:1px solid #555;">PERSONALITY</div> <div style="border-bottom:1px solid #555;width:100%;"></div> </div> Personality info <div style="display:flex;align-items:center;font-size:15px;letter-spacing:2px;color:#000;text-transform:uppercase;font-weight:bold;margin:30px;"> <div style="border-bottom:1px solid #555;width:100%;"></div> <div style="padding:0 20px;border-left:1px solid #555;border-right:1px solid #555;">BACKSTORY</div> <div style="border-bottom:1px solid #555;width:100%;"></div> </div> Backstory info </div> <div style="background:#222 url(BG_URL)center;color:rgba(255,255,255,0.7);font-size:9px;letter-spacing:2px;text-transform:uppercase;"><div style="background:rgba(0,0,0,0.7);padding:20px;outline:1px solid rgba(255,255,255,0.2);outline-offset:-10px;"> <b>NAME.</b> Name <b>AGE.</b> 00 <b>TIMEZONE.</b> ABC <b>PB.</b> PB Name </div> <!---END BIO---> </div></div><a href="http://tessisamess.insanejournal.com/" style="display:block;width:650px;margin:10px auto 0 auto;font-family:palatino linotype,georgia,serif;font-size:8px;color:#bbb;text-align:center;letter-spacing:3px;text-decoration:none;">CODE BY TESSISAMESS</a></lj-raw>

Coding: Full Bio w/Stat Numbers

NAME HERE

Nunc venenatis diam eget libero commodo fermentum. Mauris id felis non tellus consectetur pulvinar. Nulla leo dolor, pharetra eu suscipit quis, auctor et nibh. Aenean sed libero velit.

STATISTICS

RACE Thing

CLASS Thing

FIELD Thing

FIELD Thing

FIELD Thing

FIELD Thing

FIELD Thing

FIELD Thing

FIELD Thing

STR
##

CON
##

DEX
##

INT
##

WIS
##

CHA
##

APPEARANCE

Aenean cursus tellus sit amet porta tristique. Sed nec lorem mi. Donec ac ullamcorper purus. Vestibulum volutpat convallis sapien porta finibus. Duis ut gravida augue, quis malesuada tellus. Nulla purus nulla, euismod quis justo mattis, auctor pellentesque nisi. Cras in tincidunt velit. Pellentesque fermentum vestibulum hendrerit. Aenean consectetur metus lobortis sollicitudin ultricies. In malesuada est nisl, quis consectetur tortor malesuada scelerisque. Nunc venenatis diam eget libero commodo fermentum. Mauris id felis non tellus consectetur pulvinar. Nulla leo dolor, pharetra eu suscipit quis, auctor et nibh. Aenean sed libero velit. Praesent ornare sem in leo ultricies, eget blandit justo ullamcorper.

PERSONALITY

Ut a nisl ante. Maecenas eu consectetur lacus. Donec et turpis et ipsum finibus egestas. Duis aliquet mollis augue, nec ornare mauris pharetra ut. Quisque blandit malesuada nisl, a fermentum arcu varius et. Mauris suscipit massa tortor, sit amet maximus justo tempor non. Suspendisse potenti. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus dignissim lorem in ornare viverra. Quisque vitae justo molestie, fermentum sem quis, tincidunt neque. Integer eget ipsum ante. Etiam aliquet id ex in aliquam. Donec eleifend mollis dolor vitae auctor. In dignissim est at risus lacinia, sit amet porttitor quam lacinia. Vivamus lorem lacus, laoreet vel congue quis, dictum vel ante. Aliquam dignissim, purus a posuere fringilla, orci urna aliquet sapien, feugiat consectetur erat odio et arcu.

BACKSTORY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat ultricies dolor, id suscipit diam auctor eu. Sed congue blandit scelerisque. Integer porttitor tellus ante, eget pharetra tellus dictum nec. Sed sit amet ultricies neque. Vivamus vel nulla pellentesque ipsum efficitur ultricies nec consectetur odio. Quisque nec ipsum sit amet eros sodales varius. Fusce ut leo consequat, tristique augue a, luctus ex. Sed faucibus ex imperdiet sodales facilisis. Nulla facilisi.

Morbi justo neque, sodales nec turpis vel, egestas tincidunt lacus. Etiam condimentum diam a placerat tristique. Aenean euismod ultricies placerat. Aenean et elit posuere, sagittis velit non, scelerisque ante. Sed luctus pretium eleifend. Nullam luctus luctus lacus, sed consectetur nulla condimentum quis. Phasellus elementum mauris vel urna dapibus viverra. Sed porta mauris ut fringilla pharetra. Morbi hendrerit elit vel mauris ultricies rutrum. Nulla vitae pharetra nisi. Ut hendrerit elit non hendrerit egestas. Ut maximus id lectus porta consequat.

Aenean porttitor suscipit dui, vitae ultrices ipsum imperdiet non. Nulla sed diam ac metus ultrices lobortis. Morbi feugiat hendrerit velit et sagittis. Morbi finibus dictum luctus. Praesent vel sollicitudin nisl. Nullam auctor elit a vestibulum tincidunt. Integer euismod pretium mi luctus porttitor. Nam sagittis porttitor magna in hendrerit. Fusce commodo justo sit amet imperdiet sagittis.

NAME. Name AGE. 00 TIMEZONE. ABC PB. PB Name

CODE BY TESSISAMESS

<lj-raw><div style="width:650px;margin:0 auto;font-family:palatino linotype,georgia,serif;font-size:13px;color:#111;text-align:center;line-height:1.5;border:1px solid rgba(0,0,0,0.1);"> <div style="background:#222 url(BG_URL)center;color:rgba(255,255,255,0.7);font-size:9px;letter-spacing:2px;text-transform:uppercase;"><div style="background:rgba(0,0,0,0.7);padding:40px 40px 25px 40px;outline:1px solid rgba(255,255,255,0.2);outline-offset:-10px;display:flex;flex-wrap:wrap;"> <div style="width:44.9%;margin-right:5%;padding-right:5%;border-right:1px solid rgba(255,255,255,0.2);"> <img src="IMG_URL" style="max-width:220px;background:rgba(255,255,255,0.15);padding:15px;"> <div style="margin:20px 0;display:flex;align-items:center;font-size:15px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:#fff;"> <div style="border-bottom:1px solid rgba(255,255,255,0.2);width:30%;"></div> <div style="padding:0 20px;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);width:100%;">NAME HERE</div> <div style="border-bottom:1px solid rgba(255,255,255,0.2);width:30%;"></div> </div> <div style="background:rgba(255,255,255,0.15);padding:15px;font-size:8px"> Blurb info </div> </div> <div style="width:44.9%;"> <div style="margin:0 0 20px 0;display:flex;align-items:center;font-size:15px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:#fff;"> <div style="border-bottom:1px solid rgba(255,255,255,0.2);width:30%;"></div> <div style="padding:0 20px;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);width:100%;">STATISTICS</div> <div style="border-bottom:1px solid rgba(255,255,255,0.2);width:30%;"></div> </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0;"> <b>RACE</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0;"> <b>CLASS</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0;"> <b>FIELD</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0;"> <b>FIELD</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0;"> <b>FIELD</b> Thing </div> <div style="display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);padding:6px 0;"> <b>FIELD</b> Thing </div> </div> <div style="width:100%;margin-top:5%;padding-top:15px;border-top:1px solid rgba(255,255,255,0.2);display:flex;font-size:18px;"> <div style="width:100%;border-right:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">STR</b><br> ## </div> <div style="width:100%;border-right:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">CON</b><br> ## </div> <div style="width:100%;border-right:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">DEX</b><br> ## </div> <div style="width:100%;border-right:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">INT</b><br> ## </div> <div style="width:100%;border-right:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">WIS</b><br> ## </div> <div style="width:100%;"> <b style="color:#fff;">CHA</b><br> ## </div> </div> </div> </div> <!---START BIO---> <div style="padding:10px 20px 40px 20px;max-height:500px;overflow:auto;text-align:justify;line-height:1.6;"> <div style="display:flex;align-items:center;font-size:15px;letter-spacing:2px;color:#000;text-transform:uppercase;font-weight:bold;margin:30px;"> <div style="border-bottom:1px solid #555;width:100%;"></div> <div style="padding:0 20px;border-left:1px solid #555;border-right:1px solid #555;">APPEARANCE</div> <div style="border-bottom:1px solid #555;width:100%;"></div> </div> Appearance info <div style="display:flex;align-items:center;font-size:15px;letter-spacing:2px;color:#000;text-transform:uppercase;font-weight:bold;margin:30px;"> <div style="border-bottom:1px solid #555;width:100%;"></div> <div style="padding:0 20px;border-left:1px solid #555;border-right:1px solid #555;">PERSONALITY</div> <div style="border-bottom:1px solid #555;width:100%;"></div> </div> Personality info <div style="display:flex;align-items:center;font-size:15px;letter-spacing:2px;color:#000;text-transform:uppercase;font-weight:bold;margin:30px;"> <div style="border-bottom:1px solid #555;width:100%;"></div> <div style="padding:0 20px;border-left:1px solid #555;border-right:1px solid #555;">BACKSTORY</div> <div style="border-bottom:1px solid #555;width:100%;"></div> </div> Backstory info </div> <div style="background:#222 url(BG_URL)center;color:rgba(255,255,255,0.7);font-size:9px;letter-spacing:2px;text-transform:uppercase;"><div style="background:rgba(0,0,0,0.7);padding:20px;outline:1px solid rgba(255,255,255,0.2);outline-offset:-10px;"> <b>NAME.</b> Name <b>AGE.</b> 00 <b>TIMEZONE.</b> ABC <b>PB.</b> PB Name </div> <!---END BIO---> </div></div><a href="http://tessisamess.insanejournal.com/" style="display:block;width:650px;margin:10px auto 0 auto;font-family:palatino linotype,georgia,serif;font-size:8px;color:#bbb;text-align:center;letter-spacing:3px;text-decoration:none;">CODE BY TESSISAMESS</a></lj-raw>

Coding: Card w/Sliders

Mauris volutpat nibh nec purus pharetra blandit. Nunc eget justo venenatis, convallis diam ac, accumsan nisi. Quisque facilisis tellus ut tempus rutrum. Cras suscipit imperdiet accumsan ultrices.

TITLE

TITLE

TITLE

TITLE

TITLE

CODE BY TESSISAMESS

<lj-raw><div style="width:330px;margin:0 auto;background:#222 url(BG_URL)center;color:rgba(255,255,255,0.7);font-family:palatino linotype,georgia,serif;font-size:12px;text-align:center;line-height:1.5;"><div style="background:rgba(0,0,0,0.7);padding:40px 40px 25px 40px;outline:1px solid rgba(255,255,255,0.2);outline-offset:-10px;"> <img src="IMG_URL" style="max-width:220px;background:rgba(255,255,255,0.15);padding:15px;"> <div style="margin:15px 0;text-align:justify;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.2);"> Blurb info </div> <div style="font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;"> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:50%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:50%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:50%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:50%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> TITLE <div style="margin:5px 0 15px 0;background:rgba(255,255,255,0.15);border-radius:20px;"><div style="width:50%;background:rgba(255,255,255,0.4);height:15px;border-radius:20px;"></div></div> </div> </div></div><a href="http://tessisamess.insanejournal.com/" style="display:block;width:330px;margin:10px auto 0 auto;font-family:palatino linotype,georgia,serif;font-size:8px;color:#bbb;text-align:center;letter-spacing:3px;text-decoration:none;">CODE BY TESSISAMESS</a></lj-raw>

Coding: Card w/Stat Numbers

Mauris volutpat nibh nec purus pharetra blandit. Nunc eget justo venenatis, convallis diam ac, accumsan nisi. Quisque facilisis tellus ut tempus rutrum. Cras suscipit imperdiet accumsan ultrices.

STR
##

CON
##

DEX
##

INT
##

WIS
##

CHA
##

CODE BY TESSISAMESS

<lj-raw><div style="width:330px;margin:0 auto;background:#222 url(BG_URL)center;color:rgba(255,255,255,0.7);font-family:palatino linotype,georgia,serif;font-size:12px;text-align:center;line-height:1.5;"><div style="background:rgba(0,0,0,0.7);padding:40px 40px 25px 40px;outline:1px solid rgba(255,255,255,0.2);outline-offset:-10px;"> <img src="IMG_URL" style="max-width:220px;background:rgba(255,255,255,0.15);padding:15px;"> <div style="margin:15px 0;text-align:justify;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.2);"> Blurb info </div> <div style="width:100%;margin-top:5%;display:flex;justify-content:center;flex-wrap:wrap;font-size:18px;"> <div style="width:49.5%;border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">STR</b><br> ## </div> <div style="width:49.5%;border-bottom:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">CON</b><br> ## </div> <div style="width:49.5%;border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">DEX</b><br> ## </div> <div style="width:49.5%;border-bottom:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">INT</b><br> ## </div> <div style="width:49.5%;border-right:1px solid rgba(255,255,255,0.2);"> <b style="color:#fff;">WIS</b><br> ## </div> <div style="width:49.5%;"> <b style="color:#fff;">CHA</b><br> ## </div> </div> </div></div><a href="http://tessisamess.insanejournal.com/" style="display:block;width:330px;margin:10px auto 0 auto;font-family:palatino linotype,georgia,serif;font-size:8px;color:#bbb;text-align:center;letter-spacing:3px;text-decoration:none;">CODE BY TESSISAMESS</a></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

BG_URL - Background image (leave blank if you want a solid color instead)
IMG_URL - Gif or icon
50% - Stat meters (0% - 100% range)

Editing Guide

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

FONTS

palatino linotype,georgia,serif - Overall font

COLORS

255,255,255

All borders and dark background text

#fff

Dark background headers

#555

Scrolling bio header borders

#222

Background for stats cards and OOC footers

#111

Text color for scrolling bio text

#000

Scrolling bio headers

0,0,0,0.1

Overall border for bios (mainly for scrolling area)

0,0,0,0.7

Dark background top overlay

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!