Profile I designed for @ickle_blue

Latest profile I put together for Ickle Blue.

Make sure to follow her on Twitter and stop by her chat room next time she's online.

 

Customized Profile I did for @erryn_embers

Just finished customizing a profile for ErrynEmbers check it out.

Add a Custom Cursor to your Profile

Adding a custom cursor to you profile is pretty easy.

In you custom css section, look for the block of code that starts with "body {". The exact code will vary, but will look a little something like this:

body {
  background-color:black;
  font-family:-webkit-pictograph;
  font-weight:400;
  font-style:oblique;
  font-size:17px;
}

You will want to add your cursor code to that section. So make another line between those brackets ({ }), and paste the following code:

cursor:url(Image_url_goes_here),auto;

Just make sure to replace the "Image_url_goes_here" with the url to the image you want to use as your cursor.

So now your block of code will look something like this:

body {
  background-color:black;
  font-family:-webkit-pictograph;
  font-weight:400;
  font-style:oblique;
  font-size:17px;
  cursor:url(Image_url_goes_here),auto;
}

Here's a collection of different cursors, just right click on them and copy the image url (if using firefox, right click and copy the "image location"):

FREE Tagger Art Layout

This summary is not available. Please click here to view the post.

FREE Star Wars Theme Layout

This summary is not available. Please click here to view the post.

FREE Starry Theme Layout

This summary is not available. Please click here to view the post.

Fade and Slide in Effect for Avatars

This effect was inspired from Wild4KittenTK 

Want your avatar to slide in upon your profile page loading like this...?

well here's how you do it...

FREE Black and Pink Custom Galleries CSS Code

For anyone who wants their galleries like this...

Just copy n' paste this to your custom css code:

/* Gallery */
.photo_gallery_preview {
  color:#FFCCFF;
  width:100px;
  height:150px;
  padding:3px;
  font-weight:bold;
  text-shadow:-4px 8px 9px #000;
  font-size:12px;
  background:rgba(0,0,0,1);
  outline:1px solid #000 -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  transition:all .5s ease;
}

.photo_gallery_preview:hover {
  font-weight:bold;
  font-style:none;
  color:#FFF;
  padding:5px;
  background:rgba(204,0,102,1);
  -webkit-box-shadow:inset 0 10px 10px 0 #000;
  -moz-box-shadow:inset 0 5px 5px 0 #000;
  box-shadow:inset 0 5px 5px 0 #000;
  text-shadow:-4px 8px 9px #000;
  font-size:12px;
  position:relative;
  -moz-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -webkit-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -o-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
  -ms-box-shadow:0 18px 10px -9px rgba(0,0,0,0.7);
}

img {
  outline:1px solid #728F8F;
}

.photo_gallery_preview .photo_gallery_count {
  font-size:15px;
}

.photo_gallery_preview a,.photo_gallery_preview a:link,.photo_gallery_preview a:active,.photo_gallery_preview a:hover,.photo_gallery_preview a:visited {
  color:#FCFCFC;
  text-decoration:none;
  white-space:nowrap;
}

Custom Border Colors for MFC Galleries

For anyone who wants borders that change color on hover like this...

Here's a few different colors to choose from, just copy n' paste the code for the one that you want in your custom css, that's it!
 

Pink

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #FF0066;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Red

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #FF0000;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Light Blue

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #00FFFF;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Dark Blue

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #0000FF;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Green

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #00FF00;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Yellow

.photo_gallery_image {
  width:70px;
  height:70px;
  border:6px solid #000;
  border-radius:8px;
  borderradius:8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  margin:0 10px 4px -6px;
  -webkit-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 200ms cubic-bezier(0.250,0.250,0.750,0.750);
}

.photo_gallery_image:hover {
  border:6px solid #FFFF00;
  -webkit-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -moz-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -ms-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  -o-transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
  transition:all 50ms cubic-bezier(0.250,0.250,0.750,0.750);
}

Shout out to @Hannah_Cox_87

This summary is not available. Please click here to view the post.

FREE Purple Sparkle Theme Profile Layout

This summary is not available. Please click here to view the post.