Tessisamess

CODING

Information

Hey guys! And now a matching character nav code in the style of today's game advertising code, this time with a single content panel and no hidden nav, but this could easily be used for advertising too if you don't want a hidden nav. Enjoy! 💖

The Coding

<lj-raw><div style="margin:0 auto;width:450px;height:550px;padding:50px 50px 50px 0;background:#666 url(BG_IMG)center;background-size:cover;display:flex;align-items:flex-end;justify-content:flex-end;box-sizing:border-box;outline:1px solid #fff;outline-offset:-15px;line-height:1;font-family:times,serif;font-size:12px;color:#fff;text-align:center;"> <!--TITLE--> <i style="writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:45px;text-transform:lowercase;letter-spacing:1px;line-height:0.6;text-shadow:0 0 3px #222,1px 1px 1px #222;"> navigate; </i> <!--NAV--> <div style="width:57%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background:#222;border:1px solid rgba(255,255,255,0.2);box-sizing:border-box;line-height:2;font-size:8px;text-transform:uppercase;letter-spacing:1px;"><div style="width:100%;display:flex;justify-content:center;flex-wrap:wrap;"> <div> <!--ICON OR GIF--> <img src="IMG_OR_ICON" style="margin:0 0 15px 0;max-width:calc(100% - (8px * 2));outline:1px solid rgba(255,255,255,0.1);outline-offset:7px;box-sizing:border-box;"><br> <!--NAME--> <div style="display:inline-block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#fff;border-bottom:2px solid #777;padding:5px 10px;margin:0 auto 10px auto;">TITLE_HERE</div> </div> <a href="URL" style="color:#fff;text-decoration:none;display:block;padding:2px 0 0 0;margin:3px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);width:46%;box-sizing:border-box;">LINK</a> <a href="URL" style="color:#fff;text-decoration:none;display:block;padding:2px 0 0 0;margin:3px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);width:46%;box-sizing:border-box;">LINK</a> </div></div> </div><center style="margin:5px 0 0 0;font-size:7px;letter-spacing:3px;font-weight:bold;"><a href="https://tessisamess.insanejournal.com/140003.html" style="color:#aaa;text-decoration:none;">CODING</a></center></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

BG_IMG - Background image
IMG_OR_ICON - Content image

Editing Guide

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

FONTS

times,serif - All text

COLORS

#fff

Container border; body text

rgba(255,255,255,0.1)

Image border; link background and border

#777

Title border

#666

Container background

#222

Content background

#000

weee

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!