Tessisamess

Three styles available!

Information

Hey guys! Been a little bit since we've had some fake cut headers, so here we go! Three fake cut header options that are designed to take on the styling on your journal in some aspects for cohesiveness, but if you prefer more control I've added information on placeholders below. Enjoy! 💖

Coding: Triad

<lj-raw><div style="max-width:400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;text-align:center;font-family:;"> <div style="background:#8A889F url(PIC1)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:90px;height:90px;border-radius:100%;margin:0 -35px;"></div> <div style="background:#BD9D9C url(PIC2)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:90px;height:90px;border-radius:100%;margin:0 -20px 50px -20px;"></div> <div style="background:#2F4867 url(PIC3)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:90px;height:90px;border-radius:100%;margin:0 -35px;"></div> <!--CUT TEXT--> <a href="ENTRY_URL#more" style="text-decoration:none;width:100%;font-weight:bold;letter-spacing:6px;text-transform:uppercase;font-size:11px;margin:20px 0 0 0;color:;">Your_Cut_Text</a> </div><span style="display:none;"><lj-cut></span><a name="more"></a></lj-raw>

Coding: Ornament

<lj-raw><div style="max-width:400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;text-align:center;font-family:;"> <div style="background:#8A889F url(PIC1)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:60px;height:60px;border-radius:100%;margin:0 -10px;"></div> <div style="background:#BD9D9C url(PIC2)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:90px;height:90px;border-radius:100%;position:relative;"></div> <div style="background:#2F4867 url(PIC3)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:60px;height:60px;border-radius:100%;margin:0 -10px;"></div> <!--CUT TEXT--> <a href="ENTRY_URL#more" style="text-decoration:none;width:100%;font-weight:bold;letter-spacing:6px;text-transform:uppercase;font-size:11px;margin:20px 0 0 0;color:;">Your_Cut_Text</a> </div><span style="display:none;"><lj-cut></span><a name="more"></a></lj-raw>

Coding: Retrofit

<lj-raw><div style="max-width:500px;margin:0 auto;display:flex;flex-wrap:wrap;text-align:right;font-family:;"> <div style="background:#8A889F url(PIC1)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:100px;height:60px;border-radius:10%;margin:0 5px 0 0;"></div> <div style="background:#BD9D9C url(PIC2)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:80px;height:60px;border-radius:10%;margin:0 5px 0 0;"></div> <div style="background:#2F4867 url(PIC3)center;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;width:60px;height:60px;border-radius:10%;margin:0 5px 0 0;"></div> <!--CUT TEXT--> <a href="ENTRY_URL#more" style="text-decoration:none;width:100%;font-weight:bold;letter-spacing:6px;text-transform:uppercase;font-size:11px;margin:20px 0 0 0;color:;">Your_Cut_Text</a> </div><span style="display:none;"><lj-cut></span><a name="more"></a></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

PIC1 through PIC1 - Your images (you can leave an image as-is to use a solid color instead!) These do not need to be a specific size.
ENTRY_URL - URL for fake cut (if using this in a new entry, leave this as-is, post the entry, then grab the URL and edit the post to add it)
Your_Cut_Text - Text title
Change more (appears two times) to change your jump cut text, if desired.

Editing Guide

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

STYLING

color:; - Add a color for your text link or leave blank for the fake cut to take on the same link colors and effects as your journal styling
font-family:; - Add a font for your text link or leave blank for the fake cut to take on the same font as your journal styling

COLORS

#fff

Color block border

#ccc

Color block box shadow

#BD9D9C

Second color block

#8A889F

First color block

#2F4867

Third color block

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!