Tessisamess

Information

Hey guys! Another thing I've never made before! I had an HTML page to post, but it doesn't work on IJ so I was very hesitant to post something that had no direct way to use it on the site. I'll still definitely post it, but I realized I'd rather it be an extra unscheduled thing sometime in Jan or Feb due to that.

BUT W/E because today we've got celeb info codes for your famous OCs and the like! There's an actor and a musician template, but I'm sure these could easily be changed for use other ways! I wasn't sure how needed a code like this would be so I went pretty light on coding for this time around, but if this is something you'd like to see more of let me know and I'll definitely make a couple more! ♥

Coding: Actor

<lj-raw><div style="width:600px;margin:0 auto;font-family:century gothic,helvetica,arial,sans-serif;color:#111;font-size:12px;"> <div style="margin-bottom:20px;font-size:20px;background:#eee;padding:15px;border-bottom:3px solid #8265B2;color:#000;"> 🎭 Actor Information </div> <div style="margin-bottom:30px;display:flex;"> <img src="CHAR_URL" style="width:200px;margin-right:20px;"> <div style="width:100%;"> Name <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">FULL NAME</div> 00 <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">AGE</div> Month, Day <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">BIRTHDAY</div> 0'0" <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">HEIGHT</div> Place <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">HOMETOWN</div> Answer <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">TITLE</div> Answer <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">TITLE</div> </div> </div> <div style="margin-bottom:20px;font-size:20px;background:#eee;padding:15px;border-bottom:3px solid #B26585;color:#000;"> 🎥 Filmography </div> <div style="margin-bottom:30px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="margin:5px;"> <img src="MOVIE_URL" style="width:170px;margin-bottom:5px;"><br> Movie Title<br> <i>Year</i> </div> </div> <div style="margin-bottom:20px;font-size:20px;background:#eee;padding:15px;border-bottom:3px solid #6588B2;color:#000;"> 📺 Television </div> <div style="margin-bottom:20px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="margin:10px;"> <img src="SHOW_URL" style="width:170px;margin-bottom:10px;"><br> Show Title<br> <i>Year - Year</i> </div> </div> <div style="margin-bottom:20px;font-size:20px;background:#eee;padding:15px;border-bottom:3px solid #65B2A2;color:#000;"> 🏆 Awards </div> <div style="margin-bottom:30px;display:flex;flex-wrap:wrap;line-height:2;"> <div style="width:35%;border-bottom:1px solid rgba(0,0,0,0.1);"> Project Title </div> <div style="width:23%;border-bottom:1px solid rgba(0,0,0,0.1);"> Role </div> <div style="width:32%;border-bottom:1px solid rgba(0,0,0,0.1);"> Award </div> <div style="width:10%;border-bottom:1px solid rgba(0,0,0,0.1);"> Year </div> </div> <a href="http://tessisamess.insanejournal.com/" style="display:block;text-align:right;margin-top:25px;font-size:9px;letter-spacing:2px;color:#bbb;text-decoration:none;text-transform:uppercase;">&copy; tessisamess</a></div></lj-raw>

Coding: Musician

<lj-raw><div style="width:600px;margin:0 auto;font-family:century gothic,helvetica,arial,sans-serif;color:#111;font-size:12px;"> <div style="margin-bottom:20px;font-size:20px;background:#eee;padding:15px;border-bottom:3px solid #8265B2;color:#000;"> 🎤 Artist Information </div> <div style="margin-bottom:30px;display:flex;"> <img src="CHAR_URL" style="width:200px;margin-right:20px;"> <div style="width:100%;"> Name <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">FULL NAME</div> 00 <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">AGE</div> Month, Day <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">BIRTHDAY</div> 0'0" <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">HEIGHT</div> Place <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">HOMETOWN</div> Answer <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">TITLE</div> Answer <div style="border-top:1px solid rgba(0,0,0,0.1);font-size:10px;text-align:right;">TITLE</div> </div> </div> <div style="margin-bottom:20px;font-size:20px;background:#eee;padding:15px;border-bottom:3px solid #B26585;color:#000;"> 💿 Albums </div> <div style="margin-bottom:20px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="margin:10px;"> <img src="ALBUM_URL" style="width:170px;margin-bottom:10px;"><br> Album Title<br> <i>Year</i> </div> </div> <div style="margin-bottom:20px;font-size:20px;background:#eee;padding:15px;border-bottom:3px solid #65B2A2;color:#000;"> 🎶 Singles </div> <div style="margin-bottom:30px;display:flex;flex-wrap:wrap;line-height:2;"> <div style="width:39.3%;border-bottom:1px solid rgba(0,0,0,0.1);"> Track Title </div> <div style="width:30.3%;border-bottom:1px solid rgba(0,0,0,0.1);"> Year </div> <div style="width:30.3%;border-bottom:1px solid rgba(0,0,0,0.1);"> Billboard Ranking </div> </div> <a href="http://tessisamess.insanejournal.com/" style="display:block;text-align:right;margin-top:25px;font-size:9px;letter-spacing:2px;color:#bbb;text-decoration:none;text-transform:uppercase;">&copy; tessisamess</a></div></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

century gothic,helvetica,arial,sans-serif - Overall font

COLORS

#eee

Header background

#8265B2

First header border

#B26585

Second header border

#6588B2

Third header border

#65B2A2

Fourth header border

#111

Overall text

#000

Header text

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!