10billionghosts | code: (stories) lizzie - a flier/game ad/nav code

(sized down preview gif)

PRIDE & PREJUDICE

She is tolerable; but not handsome enough to tempt me; and I am in no humour at present to give consequence to young ladies who are slighted by other men. You had better return to your partner and enjoy her smiles, for you are wasting your time with me.

In vain have I struggled. It will not do.

And here we are with Lizzie, the last of the Stories set of codes! This is the most complex of the three codes, featuring a detail menu (click the little '?') that has no maximum height, so you can write as much as you want. This code, like the other two, was intended to be used as a game ad code for comms, but it works quite well for a variety of other things including informational pages, bio sheets, and nav for profiles, games, and PSLs.

Lizzie works best with a panoramic view gif for the banner, but still images work as well!

Here is the base code:

<lj-raw><div style="max-width:500px;width:100%;background:#fff;margin:0 auto;padding:3px;border:1px solid #aaa;display:flex;flex-wrap:wrap;font-family:arial, helvetica, sans serif;font-size:11px;line-height:1.5;">

<div style="max-width:500px;width:100%;height:200px;background:#ccc;background:rgba(204, 204, 204,.75);display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;">
<div style="max-width:500px;width:100%;font-size:35px;font-weight:bold;color:#fff;margin:0 0 -15px -5px;letter-spacing:-2px;">HEADER TEXT</div>
</div>
</div>

<a href="#URL_HERE" style="min-width:55px;padding:2px 5px;background:#eee;color:#aaa;text-decoration:none;border:1px solid #aaa;border-radius:3px;font-variant:small-caps;text-align:center;">flagship link</a>

</div>
</details>

HOW TO USE:

❣️ Mind the lj-raw tags!! Keep them in place and be sure to write around them.

❣️ This code is mobile friendly and insanejournal friendly!

❣️ There is one spot for an image. Replace IMG_URL with the picture you'd like to use. I'd suggest using a gif!

❣️ Replace any instance of #URL_HERE with an appropriate URL.

❣️ background:#ccc;background:rgba(204, 204, 204,.75) controls a faint overlay you can place over a gif to make it a little more receptive to white text.

❣️ hex code #aaa controls all border and text colors.

❣️ hex code #eee control the background color of the link buttons.

❣️ hex code #a2a2a2a controls the color of the basic text in the hidden menu.

As always, I do not require credit, but it is appreciated, especially if you are editing my base code. I love to see what people have done with my code, so drop me a comment with a link if you decide to use!

As-is, this code is compatible with insanejournal.

IT'S IN THE BLOOD.

profile mood music game

Loves in your life live ever on

Home is not where you live but who cares when you’re gone

They’ll follow you to the beyond

It's in the blood

i'm leaving. try and stop me.

HEADER TEXT

link link link link link

// you can put as much text as you'd like here //

flagship link