10billionghosts | code: SCREENCAPPED - a fake video game screenshot code (updated 7/20)

Viktor

And you need all of these for your build? Even the Book of Erotic Fantasy? ...You know we're doing PBtA, right?

lmao hi I noticed a few FFXIV rpers have been using my codes -- love it. I wanted to throw together a quick goofy code that I guess you could use as like ... a thing for your contact page/dropbox or just whatever: a fake screenshot code. You supply the screenshot, and the code sets you up with a dialogue box. It comes in these styles:

Final Fantasy XIV plain text, for normal dialogue.

Final Fantasy XIV shouting, for when you realize who you were definitely divorced from in a past life.

Classic Blue Final Fantasy message box, for when this guy are sick.

Gensh-ish Impact, a Genshin Impact-inspired version, because it was easy and I'm wishing you good luck on nabbing your favorite 5 star (updated 7/20 to fix spacing)

Final Fantasy Car Guys, inspired by FFXV and requested by panicstrickyn

CREDIT: FFXIV dialogue menus courtest of Daniel/@darthsuki on twitter

You can find each code at the bottom of this post, beneath a live sample. Up next, how to use 'em!

HOW TO USE:
❣️ Mind those lj-raw tags!!

❣️ This code is (mostly) mobile compatible and insanejournal friendly! Please keep in mind that for optimal mobile compatibility, you'll want to keep the actual dialogue you enter relatively short.

❣️ Want to use this code as a splash page for your journal? Check out Manx's guide to making splash pages on Dreamwidth, or Tess's guide for insanejournal!

❣️ The Final Fantasy 14 codes use Myriad Pro, the closest thing to the proprietary Final Fantasy 14 font, and sans serif fonts otherwise. It's not a 1:1 match for in game. Relatedly, the black stroke effect does not look good on smaller fonts in CSS, so I had to forego that for the name header field unfortunately. :(

❣️ The Classical Final Fantasy code simply uses Verdana, a websafe font that is a pretty close match to the font used in the PC remaster (not remake) version of FF7.

❣️ For the Gensh-ish Impact code, I used this genshin font generator to mimic the font from the game.

❣️ Replace IMG_URL with the URL for the "screenshot" you want to use. This maximizes out PRETTY big so that there's adequate space for readable dialogue.

❣️ The Final Fantasy 14 dialogue boxes rely on dialogue boxes by Daniel/darthsuki on twitter that I have externally hosted to imgur. Feel free to continue to use those imgur links for those dialogue boxes.

❣️ Please note that each of the codes is specifically tweaked to accommodate that specific dialogue box, and you probably won't be able to successfully sub out one style of dialogue box for another. For example, if you wanted to use my code to make a Fire Emblem-style fake screenshot code, it'd take a lot of extra coding to get it to look right.

❣️ Watch for !!SPEAKER NAME!! and !!your text here!!. That's where you do your input.

❣️ This code contains a couple of credit links -- just one for me on the classic final fantasy code and one for both me and the text box maker on the ff14 codes. If you are using the FFXIV codes, please at least keep the credit to the original dialogue box maker in place!

VERSION 1: FFXIV PLAIN TEXT

Viktor

Now where did I put that gun...

code & textbox

CODE HERE:

<lj-raw><div style="max-width:55vw;min-width:360px;min-height:177px;height:27vw;margin:0 auto;line-height:1.1;display:grid;grid-template-columns:1fr .5fr 3fr .5fr 1fr;grid-template-rows:5.5fr .2fr 1fr .2fr;gap:0;font-family:myriad pro, verdana, sans serif;font-size: clamp(8px, 1.5vw, 14px);color:#1f1f1f;background:#ccc url('IMG_URL')center;background-size:cover;">

<div style="grid-column-start:2;grid-column-end:5;grid-row-start:3;grid-row-end:4;"><img src="https://i.imgur.com/BuG8Nv9.png" style="width:100%;"></div>

<div style="grid-column-start:2;grid-column-end:4;grid-row-start:2;grid-row-end:4;max-height:27px;height:25%;max-width:300px;width:45%;margin-left:5px;padding-left:10%;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 100%);box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.2);font-size: clamp(9px, 1vw, 17px);color:#fff">!!SPEAKER NAME!!</div>

<div style="grid-column-start:2;grid-column-end:4;grid-row-start:3;grid-row-end:4;padding:4% 10%;"></lj-raw>!! your text here !!<lj-raw></div>

</div>
<div style="max-width:55vw;width:100%;margin:0 auto;text-align:right;font-size:10px;color:#ddd"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">code</a> & <a title="message box credit!" href="https://twitter.com/darthsuki/status/1389988463152402442" style="text-decoration:none;color:#ddd;">textbox</a></div>
</lj-raw>

VERSION 2: FFXIV SHOUT TEXT

Viktor

Please tell me we signed a prenup!

code & textbox

CODE HERE:

<lj-raw><div style="max-width:55vw;min-width:360px;min-height:177px;height:27vw;margin:0 auto;line-height:1.1;display:grid;grid-template-columns:1fr .23fr 4fr .25fr 1fr;grid-template-rows:5.5fr .2fr 1fr .2fr;gap:0;font-family:myriad pro, verdana, sans serif;font-size: clamp(8px, 1.5vw, 14px);color:#1f1f1f;background:#ccc url('IMG_URL')center;background-size:cover;">

<div style="grid-column-start:2;grid-column-end:5;grid-row-start:3;grid-row-end:4;"><img src="https://i.imgur.com/Mi9NTMA.png" style="width:100%;"></div>

<div style="grid-column-start:2;grid-column-end:4;grid-row-start:3;grid-row-end:4;margin-top:3px;max-height:27px;height:25%;max-width:300px;width:45%;margin-left:5px;padding-left:10%;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 100%);box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.2);font-size: clamp(9px, 1vw, 17px);color:#fff">!!SPEAKER NAME!!</div>

<div style="grid-column-start:2;grid-column-end:4;grid-row-start:3;grid-row-end:4;padding:7% 10%;"></lj-raw>!! your text here !!<lj-raw></div>

VERSION 3: CLASSIC FINAL FANTASY

VIKTOR:

” And I just, like, nodded? And they loved it. ”

❤

CODE HERE:

VERSION 4: GENSH-ISH IMPACT

𝐕𝐢𝐤𝐭𝐨𝐫

𝐒𝐨... 𝐈 𝐬𝐡𝐨𝐮𝐥𝐝𝐧'𝐭'𝐯𝐞 𝐝𝐞𝐬𝐲𝐧𝐭𝐡𝐞𝐝 𝐭𝐡𝐚𝐭 𝐏𝐚𝐢𝐦𝐨𝐧 𝐈 𝐜𝐚𝐮𝐠𝐡𝐭, 𝐢𝐬 𝐰𝐡𝐚𝐭 𝐲𝐨𝐮'𝐫𝐞 𝐬𝐚𝐲𝐢𝐧𝐠.

❤

CODE HERE:

<lj-raw><div style="max-width:55vw;min-width:360px;min-height:177px;height:27vw;margin:0 auto;line-height:1.1;display:grid;grid-template-columns:1fr .5fr 3fr .5fr 1fr;grid-template-rows:5.5fr .1fr 1.5fr .2fr;gap:0;font-family:verdana, arial, sans serif;font-size: clamp(9px, 1vw, 14px);color:#fff;background:#ccc url('IMG_URL')center;background-size:cover;">

<div style="grid-column-start:2;grid-column-end:4;grid-row-start:3;grid-row-end:4;text-align:center;padding:2% 5%;font-size: clamp(11px, 2vw, 20px);text-shadow:1px 1px 3px rgba(0,0,0,0.68);color:#fecd01;">!!SPEAKER NAME!!

</div>
</div>

<div style="max-width:55vw;width:100%;margin:0 auto;text-align:right;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">❤</a></div>
</lj-raw>

VERSION 5: FINAL FANTASY CAR GUYS

Viktor

For being called the Great Booball Library this place sure is low on smut.

❤

CODE HERE:

<lj-raw><div style="max-width:55vw;min-width:360px;min-height:177px;height:27vw;margin:0 auto;line-height:1.1;display:grid;grid-template-columns:1fr .5fr 3fr .5fr 1fr;grid-template-rows:5.5fr .1fr 1.5fr .2fr;gap:0;font-family:verdana, arial, sans serif;font-size: clamp(10px, 1vw, 14px);color:#fff;background:#ccc url('IMG_URL')center;background-size:cover;">

!!SPEAKER NAME!!

</div>