Skip to Main Content
jay, novice human (
10billionghosts
) wrote
2021
-
10
-
10
11:05 pm
Entry tags:
code: public testing ground
,
code: scrap
(no subject)
Header Text
Footer Text
code
<lj-raw><div style="max-width:610px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1.75fr 1fr;grid-template-rows:160px 70px 70px 160px;gap:10px;font-family:times new roman, serif;color:#fff;"> <!-- IMAGE BOARD --> <!-- left column --> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- left column; end --> <!-- center column; this one contracts --> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:4;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:4;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- center column; end --> <!-- right column --> <div style="grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:3;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;grid-row-start:3;grid-row-end:5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- right column; end --> <!-- IMAGE BOARD; end --> <!-- FOREGROUND; this section & all subsections are optional, delete any unwanted part or the whole section --> <div style="font-size:30px;grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:5;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:5px;text-align:center;"> <!-- header text --> <div style="width:100%;font-weight:bold;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 1px 1px 0 #2d2d2d, 1px -1px 0 #2d2d2d, -1px 1px 0 #2d2d2d, -1px -1px 0 #2d2d2d, 1px 0px 0 #2d2d2d, 0px 1px 0 #2d2d2d, -1px 0px 0 #2d2d2d, 0px -1px 0 #2d2d2d;"> Header Text </div> <!-- header text;end --> <!-- color line/links --> <div style="width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:7px;"> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> <a href="#url_here" title="label" style="width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;background:#eee;"> </a> </div> <!-- color line; end --> <!-- footer text --> <div style="font-size:28px;width:100%;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 1px 1px 0 #2d2d2d, 1px -1px 0 #2d2d2d, -1px 1px 0 #2d2d2d, -1px -1px 0 #2d2d2d, 1px 0px 0 #2d2d2d, 0px 1px 0 #2d2d2d, -1px 0px 0 #2d2d2d, 0px -1px 0 #2d2d2d;"> Footer Text </div> <!-- footer text;end --> </div> <!-- CREDIT --> <div style="grid-column-start:1;grid-column-end:4;margin-top:-5px;text-align:center;font-size:10px;color:#ddd"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">code</a></div> <!-- CREDIT --> </div></lj-raw>
Flat
|
Top-Level Comments Only
no subject
stoplickingthedamnthing
2025-05-15 12:50 am (UTC)
(
link
)
<lj-raw><div style="max-width:400px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:2px 4px;font-size:13px;font-family:helvetica, sans serif;color:#303030"> <!-- row of images --> <div style="grid-column-start:1;grid-column-end:2;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/48/31/e9/4831e9e58daa74c4f7ec6a08e7b6a636.jpg')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/1b/75/c1/1b75c16b9231e2900ce33be82aa07227.jpg')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/e2/c2/77/e2c2776978d77c39ac94a0c27de33295.jpg')center;background-size:cover;"></div> <!-- row of images; end --> <!-- hidden content (text) --> <details style="grid-column-start:1;grid-column-end:4;"> <summary style="cursor:pointer;list-style: none;text-decoration:none;width:32%;padding-top:27%;margin:-33% auto 0;text-align:center;"> <!-- optional text! --> <div style="margin:-50px auto 0;padding-bottom:40%;font-size:15px;font-weight:bold;text-shadow: 0px 1px 2px rgba(0,0,0,0.75), 1px -2px 6px rgba(175,175,175,0.55);color:#fff">what</div> </summary> <div style="padding:10px 5px;text-align:justify;"> </lj-raw>Carrot cake donut macaroon macaroon sugar plum. Sesame snaps donut shortbread chocolate cake pastry chocolate cake chocolate sweet roll. Pudding soufflé jujubes sweet gingerbread carrot cake. Pudding jujubes muffin chupa chups muffin bear claw biscuit cupcake. Dragée cupcake brownie pie candy canes sweet brownie chupa chups sweet. Gingerbread soufflé caramels toffee pudding macaroon jelly beans tootsie roll pudding. Cake pastry apple pie cheesecake macaroon.<lj-raw> </div> </details> <!-- hidden content; end --> <!-- row of images --> <div style="grid-column-start:1;grid-column-end:2;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/f5/65/2e/f5652e81c7430b00c058228c89134881.jpg')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/18/f6/34/18f634a62ee73330fd6ac836ac2516f0.jpg')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/d0/2a/db/d02adb1ce06afd135d7be9a9be9d7f8c.jpg')center;background-size:cover;"></div> <!-- row of images; end --> <!-- hidden content (links) --> <details style="grid-column-start:1;grid-column-end:4;"> <summary style="cursor:pointer;list-style: none;text-decoration:none;width:32%;padding-top:27%;margin:-33% auto 0;text-align:center;"> <!-- optional text! --> <div style="margin:-50px auto 0;padding-bottom:40%;font-size:15px;font-weight:bold;text-shadow: 0px 1px 2px rgba(0,0,0,0.75), 1px -2px 6px rgba(175,175,175,0.55);color:#fff">like it's</div> </summary> <div style="padding:10px 5px;display:grid;grid-template-columns: auto auto auto;grid-template-rows:auto;gap:5px;"> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> <a href="#URL_HERE" style="padding:2px 4px;text-decoration:none;text-align:center;background:#bbb;color:#fff">text</a> </div> </details> <!-- hidden content; end --> <!-- row of images --> <div style="grid-column-start:1;grid-column-end:2;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/4c/0a/56/4c0a56a045b5cf94d83c4dd799a53452.jpg')center;background-size:cover;"></div> <div style="grid-column-start:2;grid-column-end:3;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/3f/69/63/3f6963b01ebf2b4dde1722f27f9f11e9.jpg')center;background-size:cover;"></div> <div style="grid-column-start:3;grid-column-end:4;padding-top:100%;background:#ccc url('https://i.pinimg.com/736x/e8/7e/ac/e87eac436b9d37c69caac9588b11188c.jpg')center;background-size:cover;"></div> <!-- row of images; end --> <!-- hidden content (text) --> <details style="grid-column-start:1;grid-column-end:4;"> <summary style="cursor:pointer;list-style: none;text-decoration:none;width:32%;padding-top:27%;margin:-33% auto 0;text-align:center;"> <!-- optional text! --> <div style="margin:-50px auto 0;padding-bottom:40%;font-size:15px;font-weight:bold;text-shadow: 0px 1px 2px rgba(0,0,0,0.75), 1px -2px 6px rgba(175,175,175,0.55);color:#fff">hard?</div> </summary> <div style="padding:10px 5px;text-align:justify;"> </lj-raw>Carrot cake donut macaroon macaroon sugar plum. Sesame snaps donut shortbread chocolate cake pastry chocolate cake chocolate sweet roll. Pudding soufflé jujubes sweet gingerbread carrot cake. Pudding jujubes muffin chupa chups muffin bear claw biscuit cupcake. Dragée cupcake brownie pie candy canes sweet brownie chupa chups sweet. Gingerbread soufflé caramels toffee pudding macaroon jelly beans tootsie roll pudding. Cake pastry apple pie cheesecake macaroon.<lj-raw> </div> </details> <!-- hidden content; end --> </div> </lj-raw>
Edited
2025-05-15 01:21 (UTC)
8 comments
Post a new comment
Flat
|
Top-Level Comments Only
Log in
Account name:
Password:
Remember me
Other options:
Forget your password?
Log in with OpenID?
Close
menu
Log in
Create
Create Account
Display Preferences
Explore
Interests
Directory Search
Site and Journal Search
Latest Things
Random Journal
Random Community
FAQ
Shop
Buy Dreamwidth Services
Gift a Random User
DW Merchandise
Interest
Region
Site and Account
FAQ
Email
no subject