CSS Maker

I just wanted to recommend an awesome tool to help you customize your css codes.
It's called CSS 3.0 Maker and it has tools to let you modify colors, borders and radius, text and box shadows, transitions, animations, and more.

I use it all of the time when editing profiles.

2nd Video Tutorial on Editing MFC Profiles

Editing Halloween Profile (part 2)

Floating Ghosts:

For those of you who don't want to use the entire FREE Halloween profile layout I made, but would still like to use the floating ghosts, just ad the code below to your custom css section. (Click on any of the URLs to see what image they represent. Feel free to delete one or two of them from the code if the original is a bit too flashy for you.)

 .profile_section_content {
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurlfBkEkEzP82eJdWp5viZA30xwgcaw3Y5V-anzwY-lLFmQRuGsm-xW54dSBr41_L1lazEO9hpQU7cBLT39WtCU7MN2KgjNCCYylDb_K4p8MJxl3dgClYq5fz1hZbdsrtmMOiy6MUXvI/s1600/ghost1.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFaHSXg7cXTnauEWJgcu_v65aAA8yWVyuNj4PwMu9osGWGZD4jhuo9d6CpPpCr5DFNhSpt6uVMausLtDdTq4P_FDgAJ6WtrokUBKXGJt0vi2Be5-kfKNwDK1oWw7ZcDfbGNeRwpz7WFxE/s1600/ghost2.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiacwef3GHbEKjkFSVeV61Q3cNUAjKKHU3mPVUgkdrS4VWlCrTZ6KdF7p61Mp2PIAy4qeTSmVCkO4Oni_WGItPql9rPVO01prrrxTxSWco3atbLXqqydsinaxIuAC840Y4CmeVjip300A4/s1600/ghost3.png);
  -webkit-animation:ghosts 20s linear infinite;
  -moz-animation:ghosts 20s linear infinite;
  -ms-animation:ghosts 20s linear infinite;
  animation:ghosts 20s linear infinite;
 }

@keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-moz-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-webkit-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  50% {
    background-color:rgba(0,0,0,0.7);
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
    background-color:rgba(0,0,0,0.8);
  }
}

@-ms-keyframes ghosts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

FREE Floating Hearts Valentine's Day Effect

Inspired from css-mfc-pro's (Dan) falling snow flake effect for the holiday season.

I made a floating hearts effect to add to your profile for the month of February to celebrate Valentine's Day. 

Go to my profile to see it in action

If you would like to add this effect to your profile, all you have to do is copy n' paste the code below to your custom css section.

CSS Code:

.profile_section_content {
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8gJqU_DYZ5HfzjtpL9OP9TalkQHVAOVgN9JYv2VLsUdtURjr9rjNyCVU16ebuBQrHHwavGLX2a4inbxIr6W0bTEl3O1bIvtmoI9-4uBYDeA0WAbgSg2OfBvDRE2edilmM_e_Stv8tjKJZ/s1600/hearts1.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdH8xiRP_v9ZjKOZ4TAZ3Qrq_6WKgUKzZtS7BTI2Ia6aOtL0RcUhwHnUXvipOwG9myKe73T2n6edY9OekhkSEFyWzMwrp6aNKSDgCQd7KbYd40Vhiorh0-ML0H0R-VmboT-eiVYy2kpr7/s1600/hearts2.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyzVTRcUJjY_EOHbc_sFFp-C2_5QhiJlMMPqxvnbFm2kXzCOxTYy6n4Kkau6iwP_KfcoUcez83fei90H5ZixVZkFODWiSZXqfGYvnvO11wudbssiUiaYpjbC0rPYujdAeIz_7cvDrEQHCl/s1600/hearts3.png);
  -webkit-animation:hearts 20s linear infinite;
  -moz-animation:hearts 20s linear infinite;
  -ms-animation:hearts 20s linear infinite;
  animation:hearts 20s linear infinite;
}

@keyframes hearts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-moz-keyframes hearts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-webkit-keyframes hearts {
  0% {
    background-position:0 0px,0 0px,0 0;
    background-color:rgba(0,0,0,0.7);
  }
 
  50% {
    background-color:rgba(0,0,0,0.7);
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
    background-color:rgba(0,0,0,0.7);
  }
}

@-ms-keyframes hearts {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
 
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }

Tiled Background Images

Just some tiled background images I've been collecting.  I'll add more as I find them.
You never know when one of these might just come in handy.