-->
Showing posts with label Templates. Show all posts
Showing posts with label Templates. Show all posts

Sunday, November 9, 2014

New Blue Theme MFC Profile





CSS Code:


About Me Section (HTML code):









Edit: I'm in the process of making another youtube tutorial on editing this profile. It's going to be on how to replace the "Your Picture goes here" images with images of your own.

What you will need:
The image urls
(larger image) http://i.minus.com/ihybfbOXTxv3d.png
(smaller image)  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKbGwBhTGIQ2LK8YMN82YE9yfqorOnW6kJWd95fdqZH2ODsv0Aa2eewSf0-CblDVLIwGCxqgjJGSDBP-og_K5Q_rq_N6mcPI3BJgC6iEC9K1JoKB-m4vDjmE6Rek4pXO6KC2qV3qeW7w/s1600/LMv3AJjjDUI3.png

Gimp 2
(download direct from gimp website for FREE) http://www.gimp.org/

Sunday, October 12, 2014

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;
  }
}


Editing Halloween Profile (part 1)

Editing the Skype Raffle Ad:





















All you have to do to add details to the image provided in the FREE Halloween profile is go to this link, then click on the "From URL" tab, paste https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGDhevFe9OvFXCITrtYsHWny3in4JoWdufypBMDxAz0bj31tO-ek3JTWpy9l6fFGiGiog948vFSFzSDNOOnWyheAlJbtM46ZnGUD-NCOxuR2Ky54gPt1V0Y0iwRMGQOfFSqEdhdiWDp80/s1600/skyperaffel.png and hit "Upload".



From there you can add whatever text you like, save it to your computer, upload it to whatever image hosting site you use, and replace the old image url with your new one in the html code.



Click here if you would rather use a completely blank image to work with.

And for those of you who don't want to use the whole Halloween profile, but would still like to use the Skype raffle ad, here's the codes:

CSS:

div.skype-ad,div.hof-ad {
  width:400px;
  margin:50px 0;
  position:absolute;
  top:5px;
  left:350px;
  z-index:10;
}

div.skype-ad img,div.hof-ad img {
  width:50%;
  max-width:2000px;
}

div.skype-ad img:hover,div.hof-ad img:hover {
  width:110%;
}

img {
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
  -moz-transform:rotate(-0deg);
  -webkit-transform:rotate(-0deg);
}

.container img:hover {
  -moz-transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
}

.container a.desc-img img {
  -moz-transform:rotate(-1deg);
  -webkit-transform:rotate(-1deg);
}



HTML (About Me section):

<div class="skype-ad nohide"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifDl630jgLm05KuH-zgqtxGw3R-6bAvE9qXjcGDcyMTPRPOYKUrqMt6hqxjXjBd5QQYHOvjzmgcZQTXJ8coAyDmEFJj7ZF5GdzyEZq4h7qvCb6O-ElTLRCrPaJiz5TlNqEN9LwXftyavg/s1600/skype+raffel.png" alt=""></div>

Saturday, October 11, 2014

FREE Halloween Theme MFC Profile

So I made another MFC Profile layout. It's a Halloween theme. I'm going to post it on my blog for anyone who wants it to use. It's my FREE Halloween gift to all you wonderful women.

Anyways, I'm pretty much done with it, except I wanted to add some pictures of camgirls in Halloween costumes to give it the finishing touch. So I thought it would be fun to use pictures from some of you.

You can take a look at it hereif you want me to use your costume pic, I'll make sure to add your cam model name with it, so everyone knows who you are, and how to find you online.


If you would like to edit any of the images yourself, you can download them here.
Below are the css and html codes.

Sunday, April 6, 2014

FREE MFC Profile: Neon Pink

Just finished making this, and I'm too burned out to write the tutorial on how to edit it right now. But those of you who know a little about css and html can figure it out I'm sure. So I'm gonna go a head and post the codes for it now. And anyone who wants to, can play around with it until I write the tutorial.

Here's some screen shots of it: