User:Fangirl111/Sandbox

   Welcome to my Message Wall! ^^       Creating a Sandbox! (Probably just for now :P)

~Ember

Madness is like gravity, all it takes is a little push.  20:46, September 26, 2018 (UTC)

(*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>