Tessisamess

OUT OF CHARACTER

★ OOC Permission
★ OOC Permission
★ OOC Permission
★ OOC Permission
★ OOC Permission

IN CHARACTER

★ IC Permission
★ IC Permission
★ IC Permission
★ IC Permission
★ IC Permission

ASSUMPTIONS

★ Assumption
★ Assumption
★ Assumption
★ Assumption
★ Assumption

CODE BY TESSISAMESS

CODE BY TESSISAMESS

Information

Hey guys! I've got THREE versions of a code for you today—that's right, three! Two versions of a permissions code since I've never done one before, and a nav code in the same style juuust in case you saw it and wished that was what it was.

These codes are brought to you in part by the wonderful marlovian, who was kind enough to give me permission to make some fun matching codes to match her newest layout! I couldn't be happier with how these came out and I never would have thought to do it without seeing her beautiful work. Make sure you go give her some love for being so talented and just generally great! Enjoy! ♥

Coding: Version One

<lj-raw><div style="width:350px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:160%;letter-spacing:1px;color:#222;"> <img src="YOURICON" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #FF7F50;margin:0 auto -60px auto;position:relative;z-index:100;"> <div style="background:#24242C;padding:80px 30px 20px 30px;color:#fff;text-align:center;"> <b style="letter-spacing:4px;color:#FF7F50;">TITLEHERE</b><br> <div style="background:rgba(0,0,0,0.3);padding:9px;margin:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:10px;"> BLURBHERE </div> </div> <details style="background:#FF7F50;"> <summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OUT OF CHARACTER </summary> <div style="padding:20px;background:#fff;"> ★ OOC Permission<br> ★ OOC Permission<br> ★ OOC Permission<br> ★ OOC Permission<br> ★ OOC Permission<br> </div> </details> <details style="background:#FF7F50;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.1);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> IN CHARACTER </summary> <div style="padding:20px;background:#fff;"> ★ IC Permission<br> ★ IC Permission<br> ★ IC Permission<br> ★ IC Permission<br> ★ IC Permission<br> </div> </details> <details style="background:#FF7F50;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> ASSUMPTIONS </summary> <div style="padding:20px;background:#fff;"> ★ Assumption<br> ★ Assumption<br> ★ Assumption<br> ★ Assumption<br> ★ Assumption<br> </div> </details> <center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

Coding: Version Two

<lj-raw><div style="width:350px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:160%;letter-spacing:1px;color:#aaa;"> <img src="YOURICON" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #FF7F50;margin:0 auto -60px auto;position:relative;"><div style="background:#24242C;padding:15px;border-radius:15px;"> <div style="text-align:center;font-weight:bold;letter-spacing:4px;margin:60px 0 10px 0;">TITLEHERE</div> <details style="background:#FF7F50;"> <summary style="padding:30px 20px;cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> OUT OF CHARACTER </summary> <div style="padding:20px;background:#24242C;"> ★ OOC Permission<br> ★ OOC Permission<br> ★ OOC Permission<br> ★ OOC Permission<br> ★ OOC Permission<br> </div> </details> <details style="background:#FF7F50;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.1);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> IN CHARACTER </summary> <div style="padding:20px;background:#24242C;"> ★ IC Permission<br> ★ IC Permission<br> ★ IC Permission<br> ★ IC Permission<br> ★ IC Permission<br> </div> </details> <details style="background:#FF7F50;"> <summary style="padding:30px 20px;background:rgba(0,0,0,0.2);cursor:pointer;color:#fff;font-size:10px;letter-spacing:3px;font-weight:bold;"> ASSUMPTIONS </summary> <div style="padding:20px;background:#24242C;"> ★ Assumption<br> ★ Assumption<br> ★ Assumption<br> ★ Assumption<br> ★ Assumption<br> </div> </details> </div></div><center><a href="http://tessisamess.insanejournal.com/" style="font-family:helvetica,arial,sans-serif;color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></lj-raw>

Coding: Contact Navigation

<lj-raw><div style="width:350px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:160%;letter-spacing:1px;color:#222;"> <img src="YOURICON" style="width:100px;height:100px;border-radius:140px;display:block;padding:7px;border:4px solid #FF7F50;margin:0 auto -60px auto;position:relative;z-index:100;"> <div style="background:#24242C;padding:80px 30px 20px 30px;color:#fff;text-align:center;"> <b style="letter-spacing:4px;color:#FF7F50;">TITLEHERE</b><br> <div style="background:rgba(0,0,0,0.3);padding:9px;margin:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:10px;"> BLURBHERE </div> </div> <div style="font-size:10px;letter-spacing:3px;font-weight:bold;background:#FF7F50"> <a href="LINKURL1" style="text-decoration:none;display:block;padding:30px 20px;color:#fff;"> <big>»</big> LINKTITLE1 </a> <a href="LINKURL2" style="text-decoration:none;display:block;padding:30px 20px;background:rgba(0,0,0,0.1);color:#fff;"> <big>»</big> LINKTITLE2 </a> <a href="LINKURL3" style="text-decoration:none;display:block;padding:30px 20px;background:rgba(0,0,0,0.2);color:#fff;"> <big>»</big> LINKTITLE3 </a> <a href="LINKURL4" style="text-decoration:none;display:block;padding:30px 20px;background:rgba(0,0,0,0.3);color:#fff;"> <big>»</big> LINKTITLE4 </a> </div> <center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

YOURICON - Your top icon
TITLEHERE - Your title
BLURBHERE - Blurb content (#1 and Contact only)
LINKURL1 through LINKURL4 - Contact nav links
LINKTITLE1 through LINKTITLE4 - Contact 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

helvetica,arial,sans-serif - Overall font

COLORS

#fff - Section/link title font and blurb font where applicable; expanding background for #1
#FF7F50 - Accent color (color stops are done with transparent black overlay!)
#aaa - Text color (#2 only)
#24242C - Header background
#222 - Text color
0,0,0 - Color stops and blurb background (semi-transparent rgba value; change to 255,255,255 if you want the shades to lighten instead of darken)

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!