Tessisamess

Information

The last of my early June posting in celebration of all the exciting stuff I've got going on—including the launch of my Patreon—before July posting starts!

This contact/navigation code (right and centered versions below!) features large text, transparent overlaying elements to build up the content, and a simple, but tried and true way to showcase your/your character's aesthetic (or to easily portray them from two different mediums!) Enjoy! ♥

Righthand Text Coding

<lj-raw><div style="margin:0 auto 5px auto;width:350px;text-align:right;line-height:110%;background:url(BACKGROUNDIMG)center;background-size:cover;font-family:arial black;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:3px;font-size:26px;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);"><div style="height:245px;padding-top:155px;border:30px solid rgba(255,255,255,0.4);"> <img src="ICON" style="width:55px;height:55px;padding:5px;background:rgba(255,255,255,0.4);border-radius:200px;margin-bottom:5px;"><br> NAME<br> <a href="URL1" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK1</a><br> <a href="URL2" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK2</a><br> <a href="URL3" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK3</a><br> <a href="URL4" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK4</a><br> <a href="URL5" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK5</a><br> </div></div><a href="http://tessisamess.insanejournal.com/" style="display:block;margin:0 auto;width:350px;text-align:right;font-family:helvetica,arial,sans-serif;color:#aaa;text-decoration:none;letter-spacing:2px;font-size:8px;">&copy; TESSISAMESS</a></lj-raw>

Centered Text Coding

<lj-raw><div style="margin:0 auto 5px auto;width:350px;text-align:center;line-height:110%;background:url(BACKGROUNDIMG)center;background-size:cover;font-family:arial black;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:3px;font-size:26px;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);"><div style="height:275px;padding-top:125px;border:30px solid rgba(255,255,255,0.4);"> <img src="ICON" style="width:75px;height:75px;padding:5px;background:rgba(255,255,255,0.4);border-radius:200px;margin-bottom:5px;"><br> NAME<br> <a href="URL1" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK1</a><br> <a href="URL2" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK2</a><br> <a href="URL3" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK3</a><br> <a href="URL4" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK4</a><br> <a href="URL5" style="color:rgba(255,255,255,0.4);text-decoration:none;">LINK5</a><br> </div></div><a href="http://tessisamess.insanejournal.com/" style="display:block;margin:0 auto;width:350px;text-align:right;font-family:helvetica,arial,sans-serif;color:#aaa;text-decoration:none;letter-spacing:2px;font-size:8px;">&copy; TESSISAMESS</a></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

BACKGROUND IMG and ICON - Your images
NAME - Character or player first name
URL1 through URL5 - Your nav link URLs
LINK1 through LINK5 - Your nav link titles

Editing Guide

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

FONTS

arial black - Name and links

COLORS

255,255,255 - All non-image colors/backgrounds; change this to 0,0,0 if you'd rather have a dark overlay!

OTHER VALUES

0.4 - To change the opacity of the borders and links
0.6 - To change the opacity of your name/non-link text
125px - The padding height that pushes content to the bottom
350px - Overall width
275px - Height (add padding number for overall height)
30px - Container border width
5px - Userpic border width

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!