Tessisamess

S	M	T	W	T	F	S
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

Quisque ultrices lacus sapien. Donec felis augue, accumsan ac convallis ut, euismod sed diam. Curabitur lacinia felis at mauris luctus posuere. Vivamus ut elit enim.

Name Here

Quisque ultrices lacus sapien. Donec felis augue, accumsan ac convallis ut, euismod sed diam. Curabitur lacinia felis at mauris luctus posuere. Vivamus ut elit enim.

Name Here

Quisque ultrices lacus sapien. Donec felis augue, accumsan ac convallis ut, euismod sed diam. Curabitur lacinia felis at mauris luctus posuere. Vivamus ut elit enim.

Name Here

Quisque ultrices lacus sapien. Donec felis augue, accumsan ac convallis ut, euismod sed diam. Curabitur lacinia felis at mauris luctus posuere. Vivamus ut elit enim.

Name Here

Information

Hey guys! I got a push notification on my phone at like 3am and the thing it took me to inspired this lmao; great for rosters, but also really good for smaller cast lists where you're able to add extra info without burning out LOL. If you don't need the blurb, however, you can delete it from the character block and it won't mess up the way the code looks/functions. Icons are from here if you want to add/swap any. Enjoy! 💖

The Coding

<lj-raw><article style="margin:0 auto;width:calc((275px + (10px * 2)) * 4);display:flex;flex-wrap:wrap;font-family:calibri,arial,sans-serif;font-size:12px;line-height:1;color:#111;">

<section style="width:275px;margin:10px;background:#fff;padding:10px;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;">

<div style="height:150px;background:#ddd url(CHAR_IMG)center;background-size:cover;border-radius:10px;margin:0 0 10px 0;"></div>

<div style="margin:0 0 10px 0;line-height:1.3;text-align:justify;">
			BLURB_INFO
		</div>

<div style="display:flex;align-items:center;">

<img src="CHAR_ICON" style="height:25px;border-radius:3px;margin:0 5px 0 0;">

<div style="font-weight:bold;letter-spacing:1px;text-transform:uppercase;font-size:10px;color:#8B6965;">
				Name Here
			</div>

<div style="margin:0 0 0 auto;">

<a href="" title="bio."><img src="https://i.imgur.com/KFbPED1.png" style="height:16px;margin:0 0 0 5px;"></a>
				
				<a href="" title="contact."><img src="https://i.imgur.com/cad3rIS.png" style="height:16px;margin:0 0 0 5px;"></a>
				
				<a href="" title="ic tag."><img src="https://i.imgur.com/gQVPr67.png" style="height:16px;margin:0 0 0 5px;"></a>

</div>

</section>

<div style="width:100%;margin:10px;text-align:right;font-size:8px;letter-spacing:2px;"><a href="https://tessisamess.insanejournal.com/150910.html" style="text-decoration:none;color:#aaa;">© CODING</a></div></article></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

calibri,arial,sans-serif - Body font
font-size:12px; - Body text
font-size:10px; - Name text

DIMENSIONS

* 4 - Number of characters per row; change the number only, not the asterisk
275px - Character width
10px - Margin & padding

150px - Character image height

25px - Character icon height
16px - Info icons height

border-radius:10px - Character image radius
border-radius:3px - Character icon radius

COLORS

#fff Character background

#8B6965 Character name

#111 Text color

rgba(0,0,0,0.1) Borders

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!

Tags: codes, codes: cast list, codes: character roster

Profile

Title Here

Navigation

July 2024

Links List

Resources

Tags

Layout By

Roster: Pushed

Information

The Coding

Editing Guide

Terms of Use