Free inbox code!

[adlantisag]

A lot of people have asked me about Kida's ic inbox so I'm just dropping the code here for everyone's enjoyment! This code was gifted to me by a former player of ours, who got it from someone/somewhere else and tweaked it, basically I DON'T KNOW WHERE IT COMES FROM I JUST KNOW IT'S PRETTY. If anyone has a verifiable source, lmk. There's no need to credit me.

This is what it looks like, in ALASTAIR colours (thanks for the tip-off, inroad!):

username: USERNAME

✉ ☏ 📷

<center><raw-code><div style="width: 350px; height: 350px; background: url(IMAGE URL); background-color: #000; background-size: 350px 350px; background-position: center top; background-repeat: no-repeat; box-shadow: 5px 5px 5px 0px #565656;"></div><div style="height: 40px; background: #000; width: 300px; padding: 15px 11px 11px 11px; margin: -75px 0 0 0; opacity: .7; text-align: left;"><table><tr><td width="220" style="vertical-align: top;"><div style="line-height: 120%;"><span style="font-family: helvetica; color: #fff; font-size: 14px; font-weight: 100; letter-spacing: 2px;">username:</span></div><div style="line-height: 100%;"><span style="font-family: helvetica; color: #FFF; font-size: 12px; font-weight: 100; letter-spacing: .5px;">USERNAME GOES HERE IN CAPS</span></div></td><td valign="middle"><div style="margin: -5px 0 0 -50px;"><span style="color: #FFF; font-size: 25px;">  ✉</span> <span style="color: #FFF; font-size: 25px;">☏</span> <span style="color: #FFF; font-size: 25px;">📷</span></div></td></tr></tbody></table></div></div> </raw-code></center><br></br>
A few notes on the code:

> It works best with square images!
> You can edit the background to match your gif or just set it to black (I put it black by default)
> If you don't like this gif, feel free to find another one here, here, here, here, or here.

If you use it, please drop a link here! I WANT TO SEE EVERYONE'S CUTE GIFS OKAY. ♥

Comments

[digophelia]

lskajf thank you!! She can turn into blue butterflies to dodge, so it's a good gif.

[adlantisag]

i made some minor tweaks and i think they'd be relevant in your case! it's to eliminate the borders on either side.

up top, change the width of the first div to 350px; then on the bottom, change width of the text div (the one with her username in it!) to 300px.

let me know if that works or if it breaks everything....

[digophelia]

Nope! That worked perfectly. Thank you!