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
10billionghosts
2021-12-20 11:17 pm (UTC)
(
link
)
<lj-raw><center><lj-cut text="BATTLE STATS"></center><div style="max-width:600px;width:100%;margin:10px auto;"> <div style="max-width:600px;width:100%;display:grid;grid-template-rows:15px;grid-template-columns:repeat(75,1fr);grid-gap:0;"><div style="grid-column-start:1;grid-column-end:63;grid-row-start:1;grid-row-end:2;background:#e74c3c;"></div><div style="grid-column-start:62;grid-column-end:64;grid-row-start:1;grid-row-end:2;background:#e74c3c;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:1;grid-column-end:62;grid-row-start:1;grid-row-end:2;background:#fff;"></div> <div style="grid-column-start:61;grid-column-end:63;grid-row-start:1;grid-row-end:2;background:#fff;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:1;grid-column-end:61;grid-row-start:1;grid-row-end:2;background:#e74c3c;"></div><div style="grid-column-start:60;grid-column-end:62;grid-row-start:1;grid-row-end:2;background:#e74c3c;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:1;grid-column-end:60;grid-row-start:1;grid-row-end:2;background:#fff;"></div><div style="grid-column-start:59;grid-column-end:61;grid-row-start:1;grid-row-end:2;background:#fff;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:1;grid-column-end:59;grid-row-start:1;grid-row-end:2;background:#e74c3c;"></div><div style="grid-column-start:58;grid-column-end:60;grid-row-start:1;grid-row-end:2;background:#e74c3c;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:64;grid-column-end:76;grid-row-start:1;grid-row-end:2;text-align:center;font-family:verdana, arial, sans serif;font-size:12.5px;font-variant:small-caps;font-weight:bold;color:#e74c3c;line-height:1.1">character</div></div> <div style="max-width:600px;width:100%;margin:10px 10px 10px 5px;padding:10px;text-align:justify;font-family:arial, sans serif;font-size:12.5px;color:#545454;"> </lj-raw><b style="color:#e74c3c">name:</b> <i>Character's name.</i> <b style="color:#e74c3c"> squad:</b> <i>Character's squad.</i> <b style="color:#e74c3c"> squad position:</b> <i>Leader|Second|Member|Support</i> <b style="color:#e74c3c"> weapon:</b> <i>Select your character's weapon of choice. Supports may mark this question as N/A.</i> <b style="color:#e74c3c"> combat style:</b> <i>Outline particular combat skills here, along with their attitude in battle. Are they gung-ho? Do they try to protect their teammates at risk of themselves? Do they try to let others do the heavy lifting? For support characters, this is how they handle their role and how they generally treat their team. Do they worry all the time? Are they quick to point out things, even if they're not a threat? Are they relaxed?</i> <i>In the Attributes section below, distribute eight ★s between Strength, Dexterity, Stamina, and Magic. Each attribute must have one ★. This will be used, along with your combat style, to determine how your character performs in combat and with certain tasks.</i> <lj-raw> <div style="padding:0 4px;font-size:13px;font-variant:small-caps;font-weight:bold;color:#e74c3c;">attributes</div> <div style="border:1px solid #ddd;margin:10px 10px 20px 0;padding:20px;"> <div style="width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;"> <div style="margin:6px"><b style="color:#e74c3c"> str</b> ★★★★★</div> <div style="margin:6px"><b style="color:#e74c3c"> dex</b> ★★★★★</div> <div style="margin:6px"><b style="color:#e74c3c"> sta</b> ★★★★★</div> <div style="margin:6px"><b style="color:#e74c3c"> mag</b> ★★★★★</div> </div></div> </div> <div style="max-width:600px;width:100%;display:grid;grid-template-rows:15px;grid-template-columns:repeat(75,1fr);grid-gap:0;"><div style="grid-column-start:1;grid-column-end:63;grid-row-start:1;grid-row-end:2;background:#e74c3c;"></div><div style="grid-column-start:62;grid-column-end:64;grid-row-start:1;grid-row-end:2;background:#e74c3c;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:1;grid-column-end:62;grid-row-start:1;grid-row-end:2;background:#fff;"></div> <div style="grid-column-start:61;grid-column-end:63;grid-row-start:1;grid-row-end:2;background:#fff;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:1;grid-column-end:61;grid-row-start:1;grid-row-end:2;background:#e74c3c;"></div><div style="grid-column-start:60;grid-column-end:62;grid-row-start:1;grid-row-end:2;background:#e74c3c;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:1;grid-column-end:60;grid-row-start:1;grid-row-end:2;background:#fff;"></div><div style="grid-column-start:59;grid-column-end:61;grid-row-start:1;grid-row-end:2;background:#fff;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:1;grid-column-end:59;grid-row-start:1;grid-row-end:2;background:#e74c3c;"></div><div style="grid-column-start:58;grid-column-end:60;grid-row-start:1;grid-row-end:2;background:#e74c3c;clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 0% 0%);"></div><div style="grid-column-start:64;grid-column-end:76;grid-row-start:1;grid-row-end:2;text-align:center;font-family:verdana, arial, sans serif;font-size:12.5px;font-variant:small-caps;font-weight:bold;color:#e74c3c;line-height:1.1">persona</div></div> <div style="max-width:600px;width:100%;margin:10px 10px 10px 5px;padding:10px;text-align:justify;font-family:arial, sans serif;font-size:12.5px;color:#545454;"> </lj-raw><b style="color:#e74c3c">name:</b> <i>Persona's name.</i> <b style="color:#e74c3c"> appearance:</b> <i>Provide a brief description of your Persona.</i> <b style="color:#e74c3c"> affinity:</b> <i>Select the Persona's element. This is the element that your character will be most proficient attacking with and defending against. Choose between: Fire, Water, Ice, Wind, Lightning, Thunder, Earth, Stone, Light, Darkness, Mind.</i> <b style="color:#e74c3c"> weakness:</b> <i>Select the Persona's weakness. This will be the element that does the most damage against your character and their Persona. This can not be the same as their affinity. Choose between: Fire, Water, Ice, Wind, Lightning, Thunder, Earth, Stone, Light, Darkness, Mind.</i> <b style="color:#e74c3c"> ailment susceptibility:</b> <i>Select the mental or physical ailment that your character is particularly susceptible to. All characters may get all status ailments, but this will be the one most likely to impact the character. Keep in mind that a toned down version of the ailment may, at times, linger with the character for a few days after the initial exposure. Choose between: Blind, Enervation, Mute, Poison, Sleep, Charm, Confusion, Despair, Fear, Forget, Happiness, and Rage.</i> <lj-raw></div> </div></lj-raw>
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