thediadem | CODES & CREDITS ∞

Codes & Credits ∞

Journal Codes & Resource Credits

These are optional codes for your character's info and inbox page. Feel free to use other codes if you prefer. Just make sure the information here is included in whatever code you're using.

Leave the Disable Auto-Formatting box unchecked. Text within the < /lj-raw > tags will obey hard returns; no need to use < br >. Please keep the code source link so other players can find this page!

If you have any questions about the codes, ask below. We'll do our best to troubleshoot. Comments are screened to keep the page tidy.

Color HEX Codes

HEX colors for all codes are below. Find + replace to swap them out.

#EBECF3 #C84D81 #111D30 #DEF4F5 #A78397

∞ Character Info Code ∞

View Live Example

<lj-raw>

<div style="max-width:800px; min-width:300px; width:80%; margin: 0 auto; font-family: arial, sans serif; font-size:13px; line-height:1.4; overflow:hidden; border:2px solid #111D30; color:#1f1f1f; background:#fff;">

<div style="display:block; background:#111D30; border-bottom:4px solid #111D30;">

<div style="display:block; padding:18px;">

[Character Name]

</div>

[Character Canon]

</div>

</div>

<div style="height:auto; background:#EBECF3;  font-size:11px; font-weight:bold; text-transform: uppercase; color:#1f1f1f; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; margin:0px; padding:10px; gap:5px; border-bottom:1px solid #111D30;">

<a href="URLHERE" style="color:#C84D81; text-decoration:none;">Inbox</a> —

<a href="URLHERE" style="color:#C84D81; text-decoration:none;">Permissions</a> —

<a href="URLHERE" style="color:#C84D81; text-decoration:none;">Link</a> —

</div>

<div style="margin:20px;"></div>

<div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#514060; text-transform:uppercase; letter-spacing:0.8px;">Height</div>
<div style="background:#EBECF3; border-left:3px solid #A78397; padding:10px 10px; text-align:left; color:#000; font-size:13px;">

[ Add your details ]

</div></div>

<div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#514060; text-transform:uppercase; letter-spacing:0.8px;">Build</div>
<div style="background:#EBECF3; border-left:3px solid #A78397; padding:10px 10px; text-align:left; color:#000; font-size:13px;">

[ Add your details ]

</div></div>

<div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#514060; text-transform:uppercase; letter-spacing:0.8px;">Hair</div>
<div style="background:#EBECF3; border-left:3px solid #A78397; padding:10px 10px; text-align:left; color:#000; font-size:13px;">

[ Add your details ]

</div></div>

[ Add your details ]

</div></div>

<div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#514060; text-transform:uppercase; letter-spacing:0.8px;">Age</div>
<div style="background:#EBECF3; border-left:3px solid #A78397; padding:10px 10px; text-align:left; color:#000; font-size:13px;">

[ Add your details ]

</div></div>

<div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#514060; text-transform:uppercase; letter-spacing:0.8px;">Canon Point</div>
<div style="background:#EBECF3; border-left:3px solid #A78397; padding:10px 10px; text-align:left; color:#000; font-size:13px;">

[ Add your details ]

</div></div>

<div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#514060; text-transform:uppercase; letter-spacing:0.8px;">Markings</div>
<div style="background:#EBECF3; border-left:3px solid #A78397; padding:10px 10px; text-align:left; color:#000; font-size:13px;">

[ Add your details ]

</div></div>

<div style="width:48%;min-width:245px;"><div style="font-weight:bold; font-size:11px; line-height:1.5; color:#514060; text-transform:uppercase; letter-spacing:0.8px;">Vehicle</div>
<div style="background:#EBECF3; border-left:3px solid #A78397; padding:10px 10px; text-align:left; color:#000; font-size:13px;">

</div></div>

</div></div>

<div style="width: 80%; border-bottom:1px solid #A78397; margin: 0px auto 30px auto; padding:0px;"></div>

<div style="display:block; background: transparent; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; font-size:clamp(12px, 0.75vw, 15px); color: #286B85; font-weight:bold; text-transform: uppercase; padding:0px 0px 10px 0px; margin:0px 20px; letter-spacing:.5px; text-decoration: underline; text-decoration-color: #C84D81; text-decoration-thickness: 2px; text-underline-offset: 5px;">Character Information</div>

<div style="margin: 10px 20px 25px 20px; text-align:justify; ">

</lj-raw>[ Insert text here ]
<lj-raw>
</div>

<div style="width: 80%; border-bottom:1px solid #A78397; margin: 0px auto 30px auto; padding:0px;"></div>

<div style="margin: 10px 20px 20px 20px; text-align:justify; ">

</lj-raw>[ Insert text here ]
<lj-raw>
</div>

<div style="width: 80%; border-bottom:1px solid #A78397; margin: 0px auto 30px auto; padding:0px;"></div>

<div style="margin: 10px 20px 20px 20px; text-align:justify; ">

</lj-raw>[ Insert text here ]
<lj-raw>
</div>

<div style="width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:start; align-contents:start; gap:25px;">

<div style="box-sizing:border-box; width:200px; height:220px; background:#ccc url('IMG_URL')center; background-size:cover;"></div>

</div>

</div></div>

<div style="height:auto; background:#fff; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; padding:10px; font-size:10px; color:#111D30; gap:5px; font-weight:bold; text-transform:uppercase;">

Player Name ∞ Time Zone —

<a href="URLHERE" style="color:#C84D81;">Contact</a>

</div>

<div style="height:auto; background:#111D30; display:flex; justify-content:center; align-items:flex-start; flex-flow: row wrap; box-sizing:border-box; padding:6px; font-size:10px; color:#111D30; gap:5px; font-weight:bold; text-transform:uppercase;">
<a href="https://thediadem.dreamwidth.org/4784.html" style="color:#EBECF3; text-decoration:none;">Code Source</a>
</div>

</div></div>

∞ Inbox Code ∞

View Live Example — Generate Random Phone #

<lj-raw>

<div style="max-width:600px; min-width:300px; width:80%; margin: 0 auto; font-family: arial, sans serif; font-size:13px; line-height:1.4; overflow:hidden; border:2px solid #111D30; color:#1f1f1f; background:#fff;">

<div style="display:block; background:#111D30; border-bottom:4px solid #111D30;">
<div style="display:flex; flex-wrap:wrap; justify-content:end; align-items:center; padding:5px;margin-bottom:-15px;"><img src="https://thediadem.dreamwidth.org/file/9399.png" width="18px"> <img src="https://thediadem.dreamwidth.org/file/8992.png" width="18px">
</div>

<div style="font-size:clamp(22px, 1vw, 28px); text-transform: uppercase; color:#DEF4F5; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-weight:bold; padding:10px 20px; margin-bottom:-20px;">Inbox</div>

### – #### [ <- phone # here; leave a space around the dash to avoid activating the tap-to-call hyperlink on mobile view. ]

</div>
</div>

Voice — Text

</div>

<div style="margin:20px;"></div>

<div style="height:200px; padding:10px; margin:20px; display:flex; justify-content:flex-end; background:#ccc url('IMG_URL')center; background-size:cover; color:#fff;"></div>

<div style="background-color:#EBECF3; text-align:justify; font-style:italic; color:#282031; margin: 10px 20px 20px 20px; padding:20px;">

</lj-raw>"You've reached _______. Leave a message after the tone."
<lj-raw>

</div>

<div style="margin:20px;"></div>

</div></div>

∞ Credits ∞

Community layout: tessisamess
Header/profile images: Simon Stålenhag
Profile code: killthecake
All other codes: Noa

Sources for images used on individual pages can be found directly on the image itself or in the link URL (if hyperlinked). Any uncredited images are created by the mod team themselves.

Main Navigation