HMD Code

[millennialfalcon]

WITH GRADIENT
How's My Driving with Natasha? IP off, anon on, comments screened. CODE		How's My Driving with Peggy? IP off, anon on, comments screened. CODE
GRADIENT CODE <!---GRADIENT CODE BEGIN---> <center><div style="width: 500px;"> <!---IMAGE + GRADIENT---> <div style="width:100%; height: 400px; background:linear-gradient(0deg, rgba(R,G,B, 1) 0%, rgba(0, 0, 0, 0) 15%), url(IMGURL) center; background-size: cover;"></div> <!---TEXT BLOCK---> <div style="width: 100%; text-align: left; font-size: 12px; padding: 8px; background-color: #BKGRD_COLOR; color: #COLOR_2;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;"> <span style="font-weight: bold; color: #COLOR_1;">How's My Driving</span> with NAME? <span style="float: right; font-style: italic; color: #COLOR_3;">IP off, anon on, comments screened.</span></div> <!---CREDIT, DO NOT REMOVE---> <div style="width: 100%;text-align:right; margin-top: 5px"><a href="https://chriscodes.dreamwidth.org/" style="color:#ccc;text-decoration:none;font-family:helvetica;font-size:9px">CODE</a></div> </div></center> <!---GRADIENT CODE END--->
WITHOUT GRADIENT
How's My Driving with Natasha? IP off, anon on, comments screened. CODE		How's My Driving with Peggy? IP off, anon on, comments screened. CODE
PLAIN CODE <!---PLAIN CODE BEGIN---> <center><div style="width: 500px;"> <!---IMAGE + GRADIENT---> <div style="width:100%; height: 400px; background: url(IMGURL) center; background-size: cover;"></div> <!---TEXT BLOCK---> <div style="width: 100%; text-align: left; font-size: 12px; padding: 8px; background-color: #BKGRD_COLOR; color: #COLOR_2;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;"> <span style="font-weight: bold; color: #COLOR_1;">How's My Driving</span> with NAME? <span style="float: right; font-style: italic; color: #COLOR_3;">IP off, anon on, comments screened.</span></div> <!---CREDIT, DO NOT REMOVE---> <div style="width: 100%;text-align:right; margin-top: 5px"><a href="https://chriscodes.dreamwidth.org/" style="color:#ccc;text-decoration:none;font-family:helvetica;font-size:9px">CODE</a></div> </div></center> <!---PLAIN CODE END--->
NO FRILLS
How's My Driving with Wanda? IP off, anon on, comments screened. CODE
NO FRILLS CODE <!---NO FRILLS CODE BEGIN---> <center><div style="width: 500px;"> <!---IMAGE---> <div style="width:100%; height: 400px; background: url(IMGURL) center; background-size: cover;"></div> <!---TEXT BLOCK---> <div style="width: 100%; text-align: left; font-size: 12px; padding-top: 8px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;"> <span style="font-weight: bold;">How's My Driving</span> with NAME? <span style="float: right; font-style: italic;">IP off, anon on, comments screened.</span></div> <!---CREDIT, DO NOT REMOVE---> <div style="width: 100%;text-align:right; margin-top: 5px"><a href="https://chriscodes.dreamwidth.org/" style="color:#ccc;text-decoration:none;font-family:helvetica;font-size:9px">CODE</a></div> </div></center> <!---NO FRILLS CODE END--->

FIND AND REPLACE

• width: 500px - Width of the code (you can make it wider or narrower)
• height: 400px - Height of the code (you can make it shorter or taller)
• IMGURL - Your image
• R,G,B - The RGB code of your background color. To convert hex code into RGB, use a site like this one
• BKGRD_COLOR - Hex code of your background color
• COLOR_1 - Hex code of your "How's My Driving" color*
• COLOR_2 - Hex code of your "with Character?" color*
• COLOR_3 - Hex code of your "IP off, anon on, comments screened." color
• NAME - Character name

*PLEASE NOTE: COLOR_1 and COLOR_2 appear in opposite order inside the code, but I've numbered them in the order the text will appear.

Feel free to edit the code however you want! Use it for inboxes, whatever. Just please don't remove the credit.