Entries tagged with code: misc

Entry tags:

HMD Code

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.

Entry tags:

gif + big text

open post

voice ✦ video ✦ text ✦ action

CODE

how's my driving?

IP off ✦ anon on ✦ comments screened

CODE

navigation

app ✦ inbox ✦ hmd ✦ permissions

CODE

JUST TEXT:

WITH LINKS:

<raw-code><center><div style="max-width:100%;width: 500px; height: 350px; background: url(IMGURL) center bottom; background-size: cover;display:flex;justify-content:center;align-items:center;">
<span style="color: #fff; text-transform: lowercase; font-size:60pt; font-weight:bold; text-shadow: 1px 1px 20px #ACCENTCOLOR;font-family:'FONT'">BIG TEXT</span>
</div>
<div style="letter-spacing:4px;font-family:'FONT';font-size:12pt;"><a href="LINKURL" style="text-decoration: none; color:#LINKCOLOR;">THING 1</a> <span style="color:#ACCENTCOLOR;font-weight:bold;">✦</span> <a href="LINKURL" style="text-decoration: none; color:#LINKCOLOR;">THING 2</a> <span style="color:#ACCENTCOLOR;font-weight:bold;">✦</span> <a href="LINKURL" style="text-decoration: none; color:#LINKCOLOR;">THING 3</a> <span style="color:#ACCENTCOLOR;font-weight:bold;">✦</span> <a href="LINKURL" style="text-decoration: none; color:#LINKCOLOR;">THING 4</a></div><br/>
<div style="max-width:100%;width:500px; text-align: right;"><a href="http://chriscodes.dreamwidth.org/" style="font-size:8px;letter-spacing:4px;text-decoration:none;color:#bbb;">CODE</a></div></center></raw-code>

THINGS TO REPLACE:

IMGURL = your gif
FONT = your font
ACCENTCOLOR = the hex code of the color for the big text shadow and accent color between each item of text at the bottom
BIG TEXT = the big text over the gif
THING 1, 2, 3, 4 = the bits at the bottom, customize as necessary
LINKURL = URL for your links
LINKCOLOR = the hex code of the color for your links
text-transform: lowercase; = (optional) remove if you want to be able to capitalize the big text

Entry tags:

simple AC tracker code

I've found, with multiple characters in multiple games, it can sometimes be difficult to track everyone's AC. Hopefully this bare-bones code will help.

( Read more... )

HMD Code

WITH GRADIENT

GRADIENT CODE

WITHOUT GRADIENT

PLAIN CODE

NO FRILLS

NO FRILLS CODE

FIND AND REPLACE

gif + big text

JUST TEXT:

WITH LINKS:

THINGS TO REPLACE:

simple AC tracker code