[24] More Inbox Codes

[lina_trinch]

leave a message

leave a message

Code:
<center><div style="width:500px;height: 250px;background: url(IMG);background-position:center;background-size:cover;box-shadow: 3px 3px 1px;"> <div style="width: 500px;height: 60px;background: rgba(250,250,250,0.9);position:relative;top: 150px;left: 100px;box-shadow: 3px 3px 1px rgba(0,0,0,0.7)"> <!---To change how high or low the text is in the little box, adjust the value of TOP: 3PX in the code below. Depending on your browser, layout, or what you write, this may need adjustment.---> <div style="position:relative;top: 3px;text-shadow:2px 2px 1px rgba(0,0,0,0.1);text-align:right;padding-right: 10px;font-family:helvetica;font-variant:small-caps;font-weight:bold;color:transparent;font-size:35px;background-clip:text;-webkit-background-clip:text; background-image:linear-gradient(0deg, #b394b0, #b870b1, #bd40b1, #bd08ab); background-image:-moz-linear-gradient(90deg, #b394b0, #b870b1, #bd40b1, #bd08ab); background-image:-webkit-linear-gradient(90deg, #b394b0, #b870b1, #bd40b1, #bd08ab);"> leave a message </div></div></div>

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post. ❖ For the gradient in the text, you'll have to change the colors three times. This is so it works on all/most browsers. I spaced the code out so it should be obvious where they are, though. ❖ Again, for the gradient, the middle two colors will be the main ones that show up. The outer two will act more as accents and won't really be too visible. Still, it looks better if you have four colors instead of two but add as many or as few as you want. Ctrl+F & Replace: ❖ IMG - image url ❖ leave a message - the text. you can leave it as is or put what you want, just nothing too too long. rgba(250,250,250,0.9) background of the text box rgba(0,0,0,0.7) shadow of the text box rgba(0,0,0,0.1) text shadow #b394b0 gradient #b870b1 gradient #bd40b1 gradient #bd08ab gradient