IGNORE ME!

[10billionghosts]

PROFILE CONTACT INVESTIGATE GAME

!!CHARACTER NAME!!

!!subheader!!

!!lyrics, concept line, blurb, whatever u want baybee!!

MOOD MUSIC IC TAG READING

❤

<lj-raw><div class="mask"><div class="vertical-center"><div style="max-width:700px;width:100%;height:450px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr 1fr;justify-content:center;align-items:stretch;gap:10px;font-family:arial, helvetica, sans serif;font-size:11px;font-weight:bold;line-height:1.5;color:#fff;background:transparent;"> <!-- LEFT --> <div style="grid-column-start:1;grid-column-end:2;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:space-between;gap:10px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;border:1px solid #5c5c5c;background:#fff;"> <div style="width:100%;height:220px;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="width:100%;height:220px;background:#ccc url('IMG_URL')center;background-size:cover;"></div> </div> <!-- LEFT END --> <!-- CENTER --> <div style="grid-column-start:2;grid-column-end:3;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:space-between;gap:10px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;border:1px solid #5c5c5c;background:#fff;"> <!-- (top links) --> <div style="width:100%;height:130px;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;background:transparent;"> <a href="#URL_HERE" style="width:75px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:5px 5px;text-align:center;text-decoration:none;flex-grow:1;color:#fff;background:#131936;">PROFILE</a> <a href="#URL_HERE" style="width:75px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:5px 5px;text-align:center;text-decoration:none;flex-grow:1;color:#fff;background:#131936;">CONTACT</a> <a href="#URL_HERE" style="width:75px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:5px 5px;text-align:center;text-decoration:none;flex-grow:1;color:#fff;background:#131936;">INVESTIGATE</a> <a href="#URL_HERE" style="width:75px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:5px 5px;text-align:center;text-decoration:none;flex-grow:1;color:#fff;background:#131936;">GAME</a> </div> <!-- (top links end) --> <!-- (center text) --> <div style="width:100%;height:150px;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;text-align:center;color:#131936"> <div style="width:100%;font-size:25px;">!!CHARACTER NAME!!</div> <div style="width:100%;font-weight:lighter;margin-top:-7px;">!!subheader!!</div> <div style="width:25%;margin:20px auto;border-bottom:1px solid #175b63"></div> <div style="font-weight:normal;font-size:12px;"></lj-raw>!!lyrics, concept line, blurb, whatever u want baybee!!<lj-raw></div> </div> <!-- (center text end) --> <!-- (bottom links) --> <div style="width:100%;height:130px;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;background:transparent;"> <a href="#URL_HERE" style="width:75px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:5px 5px;text-align:center;text-decoration:none;flex-grow:1;color:#fff;background:#131936;">MOOD</a> <a href="#URL_HERE" style="width:75px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:5px 5px;text-align:center;text-decoration:none;flex-grow:1;color:#fff;background:#131936;">MUSIC</a> <a href="#URL_HERE" style="width:75px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:5px 5px;text-align:center;text-decoration:none;flex-grow:1;color:#fff;background:#131936;">IC TAG</a> <a href="#URL_HERE" style="width:75px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:5px 5px;text-align:center;text-decoration:none;flex-grow:1;color:#fff;background:#131936;">READING</a> </div> <!-- (bottom links end) --> </div> <!-- CENTER END --> <!-- RIGHT --> <div style="grid-column-start:3;grid-column-end:4;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:space-between;gap:10px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;border:1px solid #5c5c5c;background:#fff;"> <div style="width:100%;height:220px;background:#ccc url('IMG_SRC')center;background-size:cover;"></div> <div style="width:100%;height:220px;background:#ccc url('IMG_SRC')center;background-size:cover;"></div> </div> <!-- RIGHT END --> </div></lj-raw><!-- CREDIT --> <div style="max-width:700px;width:100%;margin:5px auto;text-align:right;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#5c5c5c;">❤</a></div> <!-- CREDIT --></div></div><noembed>

RELEVANT COLORS TO CORRECT:

#5c5c5c - your border color for each square and the credit heart
#131936 - link background color

NOTE TO THOSE WHO HAVE STUMBLED ON THIS CODE RANDOMLY: This is a pre-release! It was purpose made to be a splash page code for insanejournal and was not tested as an in-entry code or splash code on DW. As such, it isn't quite working as intended for free use.

If you DO use this code, please keep this in mind. It will not be properly optimized for both sites until the official release.

Smooches have fun w it