Previous | Next

Contact/Navigation: Layered


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

Centered Text Coding

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!

arial black - Name and links

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

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!


Jun. 29th, 2017 06:35 pm (UTC)

This is AMAZING! I am using this for something!
Jun. 29th, 2017 10:48 pm (UTC)
Heee, tysm! ♥ I've been wanting to do some of these for a while now haha.
Jun. 29th, 2017 11:53 pm (UTC)
It's really cool! I'm using it on this journal, using the idea you have with linking to all my CDJ stuff.
Jun. 30th, 2017 12:16 am (UTC)
Oh, rad! I was hoping someone would do that (my CDJ isn't set up to have room for it so I was a little sad hahaha.)

And it looks so nice with those pictures! (Also that page background, ughhh.)
Jun. 30th, 2017 10:43 pm (UTC)
:) I just had something simple before, but I always love trying something new, and I really love how it's put together!

Thanks! :D I first tested it with a background of Hobbiton with an icon of Bilbo, but it was a lot of green with my layout background. Lol. I thought this matched a bit and still had a bit of that fandom love. Clearly I'm a nerd. xD
Jun. 29th, 2017 06:38 pm (UTC)

I'm going to be redoing so much coding

Jun. 29th, 2017 10:48 pm (UTC)
LOL, sorry for the inconvenience. (Not really.)
Jul. 2nd, 2017 03:12 am (UTC)
Well now I definitely have to come back to RP, just so I can use this.
Jul. 2nd, 2017 11:28 pm (UTC)
Heeee, dude yeah you definitely should! ♥
Aug. 1st, 2017 03:05 am (UTC)
Is there a way to edit the code to allow multiple char posts to sit beside one another along one page? They keep popping up vertical, and I can't seem to get them horizontal.
Aug. 1st, 2017 04:06 am (UTC)
Nevermind. Adding :float fixed it.