I'm gonna show you how to put some cool effects on your MFC profile using css and html codes.

To make your link image change when you scroll over it with your cursor:

If you look at my MFC profile you'll see that I have a image that links to my amazon wishlist that looks like this,










but when you scroll over it, it changes to this,





What you want to do is add this css code in the "customize profile" section:
(note: I highlighted the parts in red that you need to change if you want to change the link and the images)

.amazonlink{
width: 500px;
height:166px;
display:block;
background:transparent url(' center top no-repeat;
}
.amazonlink:hover {
background-image:url('
}


Then you want to add this html code in the "edit profile" section where ever you want your images to appear on your profile,
(note: the part highlighted in red is where you want to paste your link instead)

'amazonlink' title='amazonlink'>


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:
(Highlighted in red is what you would need to change depending on what color you want. You can find the different codes by going here)

.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 this to your html image that you want highlighted

<img src="mypicture" class="highlight"/>

substitute the mypicture.jpg for your images url. The part you want to add is the class="highlight".


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) {display: none;}
.about_me + .heading + .content tr:nth-child(2) {display: none;}
.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

Liquor in the Front, Poker in the Rear!

Comments

Avatar
nickeven Hero
August 4, 2013 - 18:53

Thanx! youre an angel! love these thingsSmiley ;)

Avatar
dominalola OG
August 4, 2013 - 23:57

WoW. I did not know that mfc allows html code. Ha-ha. Was a long time ago when I wrote profile. Thank you!

Avatar
RandomGirlB Graduate
August 5, 2013 - 7:13

How about offline tip?

Avatar
GCats Hero
August 10, 2013 - 18:05

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)

Avatar
GCats Hero
August 10, 2013 - 18:07

Also, you don't have to use an image with offline tip. You can just use the text link reference

Avatar
NemesisDivin Goddess
August 16, 2013 - 18:40

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.

Avatar
misschyna Novice
August 21, 2013 - 4:13

"Cool"Smiley (lol)

Avatar
LexiWest Experienced
September 14, 2013 - 20:10

Question... do you have an offline tip one? Smiley :)

Avatar
Jellybearboy Experienced
October 7, 2013 - 1:08

nice and helpful Smiley (flower)

Avatar
katyannmilf Hotshot
October 10, 2013 - 15:07

thanks

Avatar
rdynwanting Ninja
February 6, 2014 - 7:10

these work for chaturbate as well

Avatar
KittyKushXXX Professional
February 11, 2014 - 0:50

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

Sign up to leave a comment!

Want to write an article or get interviewed?