color block inbox code

[millennialfalcon]

“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: <center><div style="width:600px;max-width:100%;padding-bottom:45px; background: #BACKGROUND_COLOR;"> <img src="IMG_URL" style="width:100%;"> <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