PokerBabe published: Some cool css & html stuff for your MFC Profile
Experienced • 28883 hits MFC, Advice, codes

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.

Author

PokerBabe

23 Likes 12 Comments
Like
Bookmark
Comment
Thanx! youre an angel! love these thingsSmiley ;)
WoW. I did not know that mfc allows html code. Ha-ha. Was a long time ago when I wrote profile.
Thank you!
How about offline tip?
Hero
Offline tips code. Of course you'll need to plug in your id number as well as a graphic to click onto.




CLICK HERE to send me an offline tip


Smiley (H)
Hero
Also, you don't have to use an image with offline tip. You can just use the text link reference
I put the link to the offline code in the other article she wrote. You don't need the at the end of a img url. You only need it if you're putting it with a link. it should be I used to put the at the end of img urls until I found out it was wrong. If you're using the image with a link it should be , you don't really need the text if you're using the imag url. I'm on another site that allows you to use html and when you do a edit and go to save it and you put at the end of a image the system will tell you that it needs to be corrected and it will give you the correct edited version. It won't let you save your edit until you correct it. That's how I found some of my coding was wrong. I downloaded a html validator to check my html codes couple of years ago. If you're not sure what your broadcaster ID is then write to customer service to find out.
"Cool"Smiley (lol)
Question... do you have an offline tip one? Smiley :)
nice and helpful Smiley (flower)
thanks
these work for chaturbate as well
girl you obviously know what you're doing. i just created a MFC profile and i'm like totally stumped by the HTML coding process :/

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 [...]

Want to write an article or get interviewed?