network code |

TÊTE-À-TÊTE.

YOUR PARIS NETWORK.

⚠ cw, cw, cw ⚠

!!TEXT BODY HERE!!

code

EXAMPLE OF HOW IT CAN LOOK:

TÊTE-À-TÊTE.

YOUR PARIS NETWORK.

⚠ strong language, implied sexual content, etc. ⚠

Relying on a kind stranger to be able to give me a lift to Versailles today. My taxi guy has very pointedly made other plans, despite a prior agreement. Rude, huh?

code

CODE HERE:

<lj-raw> <div style="max-width:450px;width:100%;min-height:300px;margin:0 auto;display:grid;grid-template-columns:.5fr 2fr .5fr;grid-template-rows:125px 15px 25px 1fr 15px 125px;gap:0;font-size: clamp(11px, 1vw, 12px);font-family:arial, helvetica, sans serif;color:#254753"> <!-- TOP IMAGE; --> <div style="grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:3;border-radius:25px 25px 0 0;background:#ccc url('https://0hlalamoderation.dreamwidth.org/file/497.jpg')center;background-size:cover;"></div> <!-- TOP IMAGE; end --> <!-- BOTTOM IMAGE; --> <div style="grid-column-start:1;grid-column-end:4;grid-row-start:5;grid-row-end:7;border-radius:0 0 25px 25px;background:#ccc url('https://0hlalamoderation.dreamwidth.org/file/793.jpg')center;background-size:cover;"></div> <!-- BOTTOM IMAGE; end --> <!-- HEADERFOOTER; --> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;transform:rotate(0);line-height:1.1;text-align:center;font-size:12px;font-weight:bold;font-variant:small-caps;background:rgba(255, 192, 203,.85);color:#fff">TÊTE-À-TÊTE.</div> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:5;grid-row-end:6;transform:rotate(0);line-height:1.1;text-align:center;font-size:12px;font-weight:bold;font-variant:small-caps;background:rgba(255, 192, 203,.85);color:#fff">YOUR PARIS NETWORK.</div> <!-- HEADERFOOTER; end --> <!-- TEXT BACKGROUND; just for changing background and border colors of text area --> <div style="grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:5;padding:10px 20px;border-top:1px solid #009885;border-bottom:1px solid #009885;background:#fff;"></div> <!-- TEXT BACKGROUND; end --> <!-- SHADOW --> <div style="grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:7;border-radius:25px;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;"></div> <!-- SHADOW --> <!-- CONTENT (THREAD HEADER/STARTER); this is where your actual content goes, all subsections optional --> <div style="grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:5;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:start;gap:0;padding:10px 20px;background:transparent;"> <!-- [teeny portraits for participants] --> <div style="width:60%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:10px;"> <a href="#JOURNAL_URL_HERE" title="CHARACTER NAME!" style="text-decoration:none;width:35px;height:35px;background:#ccc url('YOUR_CHARACTERS_ICON_HERE')center;background-size:cover;"></a> </div> <!-- [teeny portraits end] --> <!-- [CONTENT WARNINGS, PLEASE MARK IF ANY, FEEL FREE TO DELETE IF NONE] --> <div style="width:100%;margin-bottom:10px;text-align:center;font-size:11px;font-style:italic;color:#06839d">⚠ cw, cw, cw ⚠</div> <!-- [content warnings end] --> <!-- [large text body] --> <div style="width:100%;margin:20px auto;line-height:1.5;"> </lj-raw>!!TEXT BODY HERE!!<lj-raw> </div> <!-- [large text body end] --> </lj-cut></div> <!-- CONTENT; end --> </div></div> <!-- CREDIT --> <div style="max-width:450px;width:100%;margin:0 auto;text-align:center;font-size:10px;color:#ccc"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ccc;">code</a></div> <!-- CREDIT --></lj-raw>



Code is from here with great instructions on how to use. I've only made minor edits to fit the theme of the sandbox and the purpose of the network.