chriscodes | color block inbox code

“Hey, I’m not here right now... Leave one at the beep!”

voice video text action

username: SPIDER-MILES

code credit

“Hey, I’m not here right now... Leave one at the beep!”

voice video text action

username: THE.BALL

art credit code credit

THE CODE:

<div style="width:100%; padding: 10px;color: #MESSAGE_COLOR; font-size:18px;"><b>“MESSAGE_TEXT”</b></div>
<div style="width:50%;display:flex;justify-content:space-between;font-size:12px;">
<span style="padding:5px 10px;background:#TOP_BACKGROUND_COLOR;color:#TOP_COLOR;font-weight:bold;">voice</span>
<span style="padding:5px 10px;background:#TOP_BACKGROUND_COLOR;color:#TOP_COLOR;font-weight:bold;">video</span>
<span style="padding:5px 10px;background:#TOP_BACKGROUND_COLOR;color:#TOP_COLOR;font-weight:bold;">text</span>
<span style="padding:5px 10px;background:#TOP_BACKGROUND_COLOR;color:#TOP_COLOR;font-weight:bold;">action</span>
</div>
<div style="float:left;margin:10px 5px;padding:5px 0 0 5px;font-size:12px;"><span style="padding:5px 10px;background:#BOTTOM_BACKGROUND_COLOR;color:#BOTTOM_COLOR;font-weight:bold;">username: <span style="font-family: courier; monospace">USERNAME</span></span></div>

<div style="float:right;margin:10px 5px;padding:5px 5px 0 0;font-size:12px;"><span style="padding:5px 10px;background:#BOTTOM_BACKGROUND_COLOR;color:#BOTTOM_COLOR;font-weight:bold;"><a href="ART_URL" style="color:#BOTTOM_COLOR;">art credit</a></span>

<span style="margin: 0 0 0 10px;padding:5px 10px;background:#BOTTOM_BACKGROUND_COLOR;color:#BOTTOM_COLOR;font-weight:bold;"><a href="https://chriscodes.dreamwidth.org/10529.html" style="color:#BOTTOM_COLOR;">code credit</a></span></div></div></center>

THINGS TO REPLACE:

BACKGROUND_COLOR = the background color of the bottom block
IMG_URL = your image
MESSAGE_COLOR = color of the voicemail message
MESSAGE_TEXT = text of the voicemail message
TOP_BACKGROUND_COLOR = the background color of the top row (voice/video/text/action)
TOP_COLOR = the font color of the top row (voice/video/text/action)
BOTTOM_BACKGROUND_COLOR = the background color of the bottom row (username/credits)
BOTTOM_COLOR = the font color of the bottom row (username/credits)
ART_URL = where you got your art from