Tessisamess

Information

Hey guys! I really don't do enough profile codes, do I? Here's a fun little portrait table for your account profile, featuring a compact symbol links list, but if you don't need links it's easily deleted! Your blurb is also optional, so feel free to delete that area if you don't need it. I've also included an entry-compatible version of this code for those of you who want to use this, but don't need it for your account profile. Enjoy! 💖

Coding: Profile Code

<lj-raw><table align="center" cellpadding="1" cellspacing="0"><tr> <td><table width="125" cellpadding="1" cellspacing="0" bgcolor="#ddd"><tr><td> <table cellpadding="10" cellspacing="0" bgcolor="#fff"><tr><td> <!--IMAGE--> <img src="IMG_URL" width="125"><br> <!--BLURB--> <p align="center"> <font face="monospace" size="1" color="#111"> BLURB_TEXT </font> </p> </td></tr></table> </td></tr></table></td> <!--LINKS COLUMN - DELETE IF UNNEEDED--> <td valign="bottom"> <font size="2"> <a href="URL1" title="TITLE1"><font color="#000">▢</font></a><br> <a href="URL2" title="TITLE2"><font color="#000">▢</font></a><br> <a href="URL3" title="TITLE3"><font color="#000">▢</font></a><br> <a href="URL4" title="TITLE4"><font color="#000">▢</font></a> </font> </td> </tr> <!--CREDIT - DO NOT DELETE--> <tr><td><font size="1"><a href="https://tessisamess.insanejournal.com/138605.html" title="coding"><font color="#bbb">©</font></a></font></td></tr> </table></lj-raw>

Coding: Entry Code

<lj-raw><div style="margin:0 auto;max-width:calc(125px + (13px + 2px) + ((10px + 1px) * 2));display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;line-height:1.2;box-sizing:content-box;font-family:monospace;"> <!--IMAGE & BLURB--> <div style="width:125px;padding:10px;border:1px solid #ddd;text-align:center;font-size:9px;color:#111;"> <img src="IMG_URL" style="width:100%;margin:0 0 15px 0;"><br> BLURB_TEXT </div> <!--LINKS LIST - DELETE IF UNNEEDED--> <div style="margin:0 0 0 2px;font-size:13px;"> <a href="URL1" title="TITLE1" style="color:#000;text-decoration:none;">▢</a><br> <a href="URL2" title="TITLE2" style="color:#000;text-decoration:none;">▢</a><br> <a href="URL3" title="TITLE3" style="color:#000;text-decoration:none;">▢</a><br> <a href="URL4" title="TITLE4" style="color:#000;text-decoration:none;">▢</a><br> </div> <!--CREDIT - DO NOT DELETE--> <div style="width:100%;font-size:11px;"><a href="https://tessisamess.insanejournal.com/138605.html" title="coding" style="color:#bbb;text-decoration:none;">©</a></div> </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!

PLACEHOLDERS

IMG_URL - Your image
BLURB_TEXT - Your blurb
URL1 through URL4 - Links list URLs
TITLE1 through TITLE4 - Link hover titles

FONTS [PROFILE CODE]

face="monospace" size="1" - Blurb text
size="2" - Links

DIMENSIONS [PROFILE CODE]

125 - Container width
10 - Container padding

FONTS [ENTRY CODE]

monospace - Blurb text

DIMENSIONS [ENTRY CODE]

125px - Container width
10px - Container padding
13px - Links list size

COLORS

#fff

Container background

#ddd

Container border

#111

Blurb text

#000

Links

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!