undying nav

[partybabysitter]

XENK YENDAR

gold court youngblood

inbox . info . opt-out

code

Comments

CODE:

[partybabysitter]

Grab this code:
<raw-code> <div style="max-width:750px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:15px;"> <!-- [[CHARACTER PROFILE]]; --> <div style="max-width:350px;width:100%;min-height:150px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:5px;line-height:.9;font-family:georgia, serif;color:#fff"> <!-- CONTENT SPACE - start; all of your cards go below this point --> <!-- CARD (left text) - character name; start --> <div style="max-width:350px;width:100%;height:120px;display:grid;grid-template-columns:10px 1fr 120px 35px;grid-template-rows:20px 80px 20px;gap:0;"> <!-- [background] You will need to swap the 2 colors in the linear-gradient to swap courts: GOLD: #b6921e, #8a6f17 SILVER: #7d7d7c, #969696 BLUE: #0d2077, #122ca5 RED: #541212, #7e1b1b BLACK: #000, #1e1e1e --> <div style="grid-column-start:1;grid-column-end:5;grid-row-start:2;grid-row-end:3;background: linear-gradient(90deg, COLOR1, COLOR2);border-radius: 0 50px 0 50px"></div> <!-- [background, end] --> <!-- [ICON] only thing you need to change here is IMG_URL, works best with 100x100 icons --> <div style="grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:4;border-radius:50%;transform: rotate(0);border:8px solid #fff;box-shadow:2px 2px 5px rgba(0,0,0,.5);background:#aaa url('IMG_URL')center;background-size:cover;"></div> <!-- [portrait, end] --> <!-- [label] look for and change !!content between exclamation points!! and update #URL_HERE--> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;padding:10px 7px 5px 5px;transform:rotate(0);text-align:right;"> <div style="width:100%;margin:0 0 2px 0;padding:0;line-height:1;font-size: clamp(15px, 2vw, 17px);font-weight:bold;color:#fff;">!!Character Name!!</div> <div style="width:100%;margin:0;padding:0;font-size:clamp(11px, 1vw, 12px);font-style:italic;">!!gold/silver/red/blue/black court youngblood/novice!!</div> <br/><!-- remove this break <br/> if your Character Name is 2 lines --> <div style="width:100%;margin:10px 0 0;padding:0;font-size:clamp(10px, 1vw, 11px);letter-spacing:1px;font-weight:bold;font-variant:small-caps"> <a href="#URL_HERE" style="text-decoration:none;color:#fff;">permissions</a> . <a href="#URL_HERE" style="text-decoration:none;color:#fff;">info</a> . <a href="#URL_HERE" style="text-decoration:none;color:#fff;">app</a> </div></div> <!-- [label, end] --> </div></div></div> <!-- CARD (left text) - character name; end --> <!-- CREDIT --> <div style="max-width:750px;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 --></raw-code>