I'm going to show you how to put some cool effects on your MyFreeCams (mfc) profile using CSS and HTML codes.
To make your link image change when you scroll over it: If you look at my MyFreeCams.com/a_poker_babe" target="_new">mfc profile you'll see that I have an image that links to my Amazon wishlist that looks like this:
<img src="http://25.media.tumblr.com/143165aafabe89068970153c6a0de7ef/tumblr_mqojnoBvEl1rjl0hwo2_500.jpg" />
But when you scroll over it, it changes to this:
<img src="http://24.media.tumblr.com/65e9059f9021a11b7177b532881223cd/tumblr_mqojnoBvEl1rjl0hwo1_500.jpg" />
What you want to do is add this CSS code in the "customize profile" section:
.amazonlink {
width: 500px;
height: 166px;
display: block;
background: transparent url('http://25.media.tumblr.com/143165aafabe89068970153c6a0de7ef/tumblr_mqojnoBvEl1rjl0hwo2_500.jpg') center top no-repeat;
}
.amazonlink:hover {
background-image: url('http://24.media.tumblr.com/65e9059f9021a11b7177b532881223cd/tumblr_mqojnoBvEl1rjl0hwo1_500.jpg');
}
Then you want to add this HTML code in the "edit profile" section wherever you want your images to appear on your profile:
<a href="your_link_here" class="amazonlink" title="amazonlink"></a>
To make images glow/highlight when you scroll over them: Again if you look at my profile, you'll see that some of my images light up when you scroll over them. You'll need to put this CSS code in your customize section:
.highlight {
outline: none;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 4px solid rgba(0, 0, 0, 0.0);
}
.highlight:hover {
box-shadow: 0 0 10px rgba(255, 0, 255, 1.0);
-webkit-box-shadow: 0 0 10px rgba(255, 0, 255, 1.0);
-moz-box-shadow: 0 0 10px rgba(255, 0, 255, 1.0);
border: 4px solid rgba(255, 0, 255, 1.0);
}
Then you want to add this to your HTML image that you want highlighted:
<img src="mypicture.jpg" class="highlight" />
Replace "mypicture.jpg" with your image's URL.
Hide the Rate & Admire section: I can't stand the cheap asses who always say "rated and admired you bb," like that actually does anything to help me. So I just prefer to not have it on there at all. Just add this CSS code:
.content {
padding: 4px;
}
.about_me + .heading + .content tr:nth-child(1),
.about_me + .heading + .content tr:nth-child(2),
.about_me + .heading + .content tr:nth-child(3) {
display: none;
}
So anyways I hope you found this useful. Thank you to Kradek for teaching me how to do this.
Thank you!
CLICK HERE to send me an offline tip
much love, KK
Related Posts
Building And Monetizing Personal Digital Fan Clubs. Q&A with AdultHTML
The audience for adult performers is arguably one of the most supportive and engaged of any that is around. Knowing this, some talents decide to tap into that resource to make as much bonus money as possible. The great thing is you don’t need to be a marketing specialist or a business expert to make an honest living out of the fans' support. There’s a reliable techn [...]
How to make a paysite with WordPress
Do you distrust guys who say they can make you "your own" website? Are you just curious about how paysites are made? There are many reasons and uses to have a pay area on your site. First of all, if you have tons of pics which aren’t quite portfolio quality but which you hate "going to waste" on your hard drive, at least they have the potential to make money if you have a pay area of your si [...]
MFC Profile Check List
This is a checklist I put together for new models on MFC when adding information to their profile. If you can think of anything else that would be good to put on the list, please add it in the comments section. Thanks. Links Two of the most important links you need to include in your MFC profile are to your Twitter account and to leave an offline tip. Twitter is awesome ad [...]