Skip to Main Content

(ALT CODE: Version 1, 6 link footer)

Yep! Here you go:

<lj-raw><div style="max-width:350px;width:100%;display:flex;flex-wrap:wrap;gap:10px;padding:10px;margin:0 auto;font-family:arial, helvetica, sans serif;font-size:12px;line-height:1.2;border:1px solid #eee;color:#fff;background:#fff;">

<div style="width:100%;height:350px;display:grid;grid-template-columns: repeat(7, 1fr);grid-template-rows: repeat(9, 1fr);gap:10px;">

<div style="grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:6;background:#eee url('IMG_URL')center;background-size:cover;"></div>

<div style="grid-column-start:4;grid-column-end:8;grid-row-start:1;grid-row-end:5;background:#eee url('IMG_URL')center;background-size:cover;"></div>

<div style="grid-column-start:1;grid-column-end:5;grid-row-start:6;grid-row-end:10;background:#eee url('IMG_URL')center;background-size:cover;"></div>

<div style="grid-column-start:5;grid-column-end:8;grid-row-start:5;grid-row-end:10;background:#eee url('IMG_URL')center;background-size:cover;"></div>

<div style="grid-column-start:3;grid-column-end:6;grid-row-start:4;grid-row-end:8;max-width:125px;max-height:125px;border-radius:50%;outline:10px solid #fff;background:#eee url('IMG_URL')center;background-size:cover;"></div>

</div>

<div style="width:100%;height:70px;display:grid;grid-template-columns: auto auto auto;gap:10px;">

<a href="#URL_HERE" style="display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;"></a>

<a href="#URL_HERE" style="display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;"></a>

<a href="#URL_HERE" style="display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;"></a>

<a href="#URL_HERE" style="grid-row-end:3;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;"></a>

<a href="#URL_HERE" style="display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;"></a>

<a href="#URL_HERE" style="display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;"></a>

</div>

</div>
<div style="max-width:350px;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>

Post a comment in response:

From:

Anonymous This account has disabled anonymous posting.

OpenID

Dreamwidth account

If you don't have an account you can create one now.

Subject

HTML doesn't work in the subject.

Formatting type

Message