Mockup: System Message

[tesscodes]

Information

Hey guys! The time has come... for another round of my favorite throwback aesthetic. Let's go back to the '90s, y'all. (Except not really, eugh.) January and probably February are going to be '90s themed in some way or another, so let's get started with some cute little system message entry codes! One is standalone, so you can use it for whatever, and the other is a fake cut, so you can use it to cut for bios, playlists, etc. Enjoy! 💖

Contact Me

×

Name

Timezone

Etc.

OK

Coding: Standalone

<lj-raw><div style="margin:0 auto 5px auto;width:500px;background:#C8C8C0;border:4px outset;line-height:1;font-family:arial,sans-serif;font-size:13px;color:#000;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.7);"> <!--HEADER--> <div style="background:linear-gradient(to right,#0D2868,#AFBFD4);padding:3px 5px 3px 10px;display:flex;justify-content:space-between;align-items:center;"> <b style="color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.7);">TITLE_HERE</b> <div style="background:#C8C8C0;border:2px outset;display:inline-block;text-align:center;width:15px;height:15px;line-height:15px;font-size:18px;">×</div> </div> <!--CONTENT--> <div style="padding:15px;width:80%;margin:0 auto;display:flex;align-items:center;"> <img src="ICON_URL" style="width:75px;margin:0 25px 0 0;background:rgba(0,0,0,0.1);box-shadow:6px 3px 0 0 rgba(0,0,0,0.3);border-radius:100%;"> <div style="line-height:1.2;"> <li>YOUR_TEXT (delete li bullet if unneeded) </div> </div> <!--BUTTON--> <div style="margin:0 auto 15px auto;background:#C8C8C0;border:2px outset;width:100px;text-align:center;line-height:2;font-size:12px;box-shadow:0 0 0 1.5px #000"><a href="ENTRY_URL" style="display:block;color:#000;text-decoration:none;border:1px dotted;"><b> OK </b></a></div> </div><center><a href="https://tessisamess.insanejournal.com/141739.html" style="font-family:arial,sans-serif;font-size:7px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:#bbb;">CODING</a></center></lj-raw>

Name Here

×

Duis nec nunc at diam varius porta. Morbi quis scelerisque felis. Mauris mattis libero felis, euismod vestibulum tortor consequat sed.

Biography

Coding: Fake Cut

<lj-raw><div style="margin:0 auto 5px auto;width:500px;background:#C8C8C0;border:4px outset;line-height:1;font-family:arial,sans-serif;font-size:14px;color:#000;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.7);"> <!--HEADER--> <div style="background:linear-gradient(to right,#0D2868,#AFBFD4);padding:3px 5px 3px 10px;display:flex;justify-content:space-between;align-items:center;"> <b style="color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.7);">TITLE_HERE</b> <div style="background:#C8C8C0;border:2px outset;display:inline-block;text-align:center;width:15px;height:15px;line-height:15px;font-size:18px;">×</div> </div> <!--CONTENT--> <div style="padding:15px;width:80%;margin:0 auto;display:flex;align-items:center;"> <img src="ICON_URL" style="width:75px;margin:0 25px 0 0;background:rgba(0,0,0,0.1);box-shadow:6px 3px 0 0 rgba(0,0,0,0.3);border-radius:100%;"> <div style="line-height:1.2;"> YOUR_TEXT </div> </div> <!--BUTTON--> <div style="margin:0 auto 15px auto;background:#C8C8C0;border:2px outset;width:100px;text-align:center;line-height:2;font-size:12px;box-shadow:0 0 0 1.5px #000"><a href="ENTRY_URL" style="display:block;color:#000;text-decoration:none;border:1px dotted;"><b> Biography </b></a></div> </div><span style="display:none;"><lj-cut></span><center><a href="https://tessisamess.insanejournal.com/141739.html" style="font-family:arial,sans-serif;font-size:7px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:#bbb;">CODING</a></center> YOUR_CONTENT </lj-raw>

Installation Guide

Paste into an entry and fill in the following!

TITLE_HERE - Your header title
ICON_URL - Your icon
ENTRY_URL - Link to entry
YOUR_TEXT - Your info

Editing Guide

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

FONTS

arial,sans-serif - Body text

COLORS

#fff

Header title

#C8C8C0

Background

#AFBFD4

Light header gradient

#0D2868

Dark header gradient

#000

Text and borders

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!