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!


( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Don't have an account? Create one now.
No HTML allowed in subject
Notice! This user has turned on the option that logs your IP address when posting.