User:Fangirl111/Sandbox

Heya, I'm Ember! Welcome to my Sandbox! Feel free to use my Sandbox and codes, although I would prefer if you ask first. Please put all your codes at the bottom of the page with your signature if you do. (I would recommend just making your own, tho, then you can do whatever you want. Just put /Sandbox at the end of your Username in the URL (community.wikia.com/wiki/User:YourUsername/Sandbox) ~ ** 💙 ** ~

   Welcome to my Message Wall! ^^      

Simply click < User:Fangirl111 at the top of the page to return to my Profile, and feel free to sign my Guest Book if you want! :P

(*The examples at the side and all codes below are for this Thread.*)

My original Message Wall Greeting code:

   Welcome to my Message Wall! ^^      

Only the gif:

   

Image size change example:

   <div style="background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(55%, #ffd1dc), color-stop(15%, #87CEEB)); color:white;font-size:120%;font-weight:bold; text-align:center; padding:5px;border-radius:20px;"> This is what it looks like without any breaks. I also changed the gif size from 175px to 275px for the first and 75px for the second. </li> </ul>

The other example:

  <div style="background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(55%, purple), color-stop(15%, gold)); color:red;font-size:100%;font-weight:none; text-align:right; padding:25px;border-radius:0px;"> I moved it up and more to the left, changed the font to red, shrunk the text from 120% to 100%, changed the font weight and changed the text align from center to right. I changed the percentage from 25% for the pink (on my MW)/purple (here) and 75% for the blue (on my MW)/gold (here) to 55% pink (MW)/purple (here) and 15% blue (MW)/gold (here), and the colours from pink and blue to purple and gold. Also changed the padding from 5% to 25% and the border radius to 0% so it isn't rounded at all. </li>

  <div style="background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(55%, purple), color-stop(15%, gold)); color:red;font-size:100%;font-weight:none; text-align:right; padding:25px;border-radius:0px;"> I moved it up and more to the left, changed the font to red, shrunk the text from 120% to 100%, changed the font weight and changed the text align from center to right. I changed the percentage from 25% for the pink (on my MW)/purple (here) and 75% for the blue (on my MW)/gold (here) to 55% pink (MW)/purple (here) and 15% blue (MW)/gold (here), and the colours from pink and blue to purple and gold. Also changed the padding from 5% to 25% and the border radius to 0% so it isn't rounded at all. </li> </ul>   <div style="background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(55%, #ffd1dc), color-stop(15%, #87CEEB)); color:white;font-size:120%;font-weight:bold; text-align:center; padding:5px;border-radius:20px;"> This is what it looks like without any breaks. I also changed the gif size from 175px to 275px for the first and 75px for the second. </li> </ul>   </li> </ul>