Tessisamess

Information

Hey guys! Do you hate having a million credit links all over the place? Me too, especially since mine all lead... here lmao. So it would be hypocritical to expect you guys to have a credit link showing up fifty times on Recent on your journal when it's so easy to make a catchall! If you're using all layouts and codes by one person it's pretty easy to just change the layout credit to say "Layout & Coding" and call it a day, but if you have more credits and want to organize them all together, you're in the right place!

Below I've included two styled credit codes, as well as one zero-style code that lines everything up nicely, but can easily be dropped into almost any preexisting code so that you can keep to a matchy theme. You could also just add it as-is to a journal entry without a cut and it'll take on your journal's styling! Enjoy! 💖

Coding: No Style

<lj-raw><div style="display:flex;align-items:flex-end;flex-wrap:wrap;line-height:2.5;text-align:left;"> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:;">Link</a> </div> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:;">Link</a> </div> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:;">Link</a> </div> </div></lj-raw>

Coding: Framed

<lj-raw><div style="width:360px;margin:0 auto;background:#ddd url(BG_URL)center;background-size:cover;box-shadow:2px 2px 2px 1px rgba(0,0,0,0.1);font-family:georgia,serif;text-transform:lowercase;font-size:12px;color:#111;line-height:1;padding:40px;box-sizing:border-box;"> <div style="background:#fff;padding:50px;text-align:left;"> <!--TITLE--> <div style="margin:0 0 10px 0;letter-spacing:3px;font-size:22px;font-weight:bold;text-align:center;"> CREDITS </div> <!--CONTENT--> <div style="display:flex;align-items:flex-end;flex-wrap:wrap;margin:10px 0 0 0;line-height:2.5;"> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:#57C6AF;">Link</a> </div> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:#57C6AF;">Link</a> </div> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:#57C6AF;">Link</a> </div> </div> </div> </div></lj-raw>

Coding: Header

<lj-raw><div style="width:300px;margin:0 auto;background:linear-gradient(to bottom,#ddd,#fff);box-shadow:0 0 0 1px rgba(0,0,0,0.1);font-family:helvetica,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:10px;line-height:1;color:#111;"> <!--HEADER--> <div style="background:#999 url(BG_URL)center;background-size:cover;height:150px;margin:0 0 20px 0;display:flex;align-items:center;justify-content:center;color:#fff;letter-spacing:3px;font-size:20px;font-weight:bold;text-shadow:2px 2px 1px rgba(0,0,0,0.3);"> CREDITS </div> <!--CONTENT--> <div style="padding:5px 20px 20px 20px;display:flex;align-items:flex-end;flex-wrap:wrap;margin:10px 0 0 0;line-height:2.5;text-align:left;"> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:#57C6AF;">Link</a> </div> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:#57C6AF;">Link</a> </div> <!--CREDIT LINE--> <b style="width:50%;text-align:right;">Credit</b> <div style="margin:0 0 0 10px;"> <a href="URL" style="text-decoration:none;color:#57C6AF;">Link</a> </div> </div> </div></lj-raw>

Editing Guide

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

FONTS

georgia,serif - "Framed" text
helvetica,sans-serif - "Header" text

COLORS

#fff

"Header" title color; bottom of "Header" content gradient; "Framed" content background

#ddd

Top of "Header" content gradient

#57C6AF

Links

#111

Text

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!