MyFreeCams Profile Help!

[AmberCutie]

Ok, first off, I don't know why so many new girls feel the MFC profile is so important to the point where they freak out and search out people to pay to help them. The built in MFC profile editor is simple and easy to use, and you DON'T need some elaborate CSS design to set up your MFC profile. Just answer the questions in the "edit profile" section of your admin pages, or leave them blank if you don't want them to appear, and use the "customize profile" link in your admin pages to change the appearance as you desire. You don't HAVE to have a fancy designed profile to let your viewers know what you're all about. The most important aspect of your MFC career is being ON cam and entertaining, not so much what's on your profile...

BUT, if you do want something fancy for some reason, let this thread be the place that you ask questions and find help for it.

Attention all MFC profile editors! Post a reply here if you have advice, services for hire, or helpful links for HTML and css design.

A few girls have gone to this site for basic help with HTML and CSS - http://www.w3schools.com/

I am going to direct all new models to this thread for info since we see at least 1 per week popping up asking for desperate "HELP!" on their MFC profiles.

Take it away, folks!

 

[NorthBunnyx]

I like my profile page and I haven't even used the "css-thingy" to design it. It looks clean, but also very cute with the roses and stuff in the background

 

[SammiSins]

I've been Googling and I even seen where another girl asked how to do this, and I tried the code that she was told and I still can't get this to work

I'm trying to get an image to pop up over another image when you hover over it.
Basically trying to post the name of my video/price and when you hover the name of the video, it's a gif of the video.

I mainly use HTML, I'm not real good with CSS. Can this be done with HTML?

 

[Kradek]

I've been Googling and I even seen where another girl asked how to do this, and I tried the code that she was told and I still can't get this to work

I'm trying to get an image to pop up over another image when you hover over it.
Basically trying to post the name of my video/price and when you hover the name of the video, it's a gif of the video.

I mainly use HTML, I'm not real good with CSS. Can this be done with HTML?

No, you can't do this with just HTML. What part can you not get to work? Is the gif not showing on hover or is it just not positioned correctly?

Here is a fairly extensive tutorial for doing various versions of this using HTML/CSS.

 

[SammiSins]

I've been Googling and I even seen where another girl asked how to do this, and I tried the code that she was told and I still can't get this to work

I'm trying to get an image to pop up over another image when you hover over it.
Basically trying to post the name of my video/price and when you hover the name of the video, it's a gif of the video.

I mainly use HTML, I'm not real good with CSS. Can this be done with HTML?

No, you can't do this with just HTML. What part can you not get to work? Is the gif not showing on hover or is it just not positioned correctly?

Here is a fairly extensive tutorial for doing various versions of this using HTML/CSS.

I'm kind of clueless with CSS, so I have no idea where to place it to make it work. I only know how to do HTML, so I'm sure I'm doing something completely wrong.

 

[MiniatureKiwi]

Hi Sammi,

I'm not sure if you still need help with this or not, but I can guide you through a simplistic way of doing it with the link that Kradek provided for you.

There are two portions of the profile editing piece that you will be using.

1. Customize Profile. This is where you can edit your profile's styling, where you will utilize the CSS to perform the hover effect.
2. Edit Profile. This is where all your visible content is shown.

Under Customize Profile, if you have not done so already, you will be able to click on "Edit your CSS directly" on the top, to open the CSS window. While it may look scary, don't worry. You can add everything you need right on the top. When you first open it, the first block of CSS code you will see is:

a:link,a:active,a:hover {
  color:#;
}

Right on top of that block, copy and paste the following:

.textover:hover {
  width:300px;
  height:300px;
  background:url(URL TO THE IMAGE HERE) no-repeat;
}

The above block of code signifies that you will be using a class called "textover". When any HTML tag using the "textover" class is hovered on, it will show the appropriate image with a width of 300 pixels, which you can change, and a height of 300 pixels, which you can change.

Under Edit Profile, depending on where you are placing your text (most likely under Step 4 More About Me/Bio), use the following HTML:

<p class="textover">Text for the video name here.</p>

The above HTML tag is the paragraph tag (which you can change to <div> if you're using those) using the "textover" class, so when you hover over the text shown, the image will now show. When you move away from it, the text will appear again.

If you are going to use two images, rather than text, you can copy the above CSS, and paste the block either on top or after it, and remove the ":hover" portion. You can then remove the text between the <p> and </p> HTML tag.

If you need any further help, please let me know.

 

[BlitheVelour]

I'm sort of okay with html because there are some useful online editors with previews of what the finish product looks like, but is html the same as CSS? I could just go ahead and try it to see if it works...

 

[JaxxDaniels]

I must be a complete idiot, because I am not getting the results I want at all.

 

[Kradek]

I must be a complete idiot, because I am not getting the results I want at all.

Computers are extremely precise tools that for the most part demand exact syntax. Even experts fuck up *constantly* after *years* working with them.

People are fuzzy. You are not an idiot.

 

[MiniatureKiwi]

Don't feel bad whatsoever.

The MFC profile design and custom coding, is in itself, terrible.

If you need help with anything specific, let me know what you need, and I will be more than happy to help you.

 

[AmberCutie]

I was noticing some of waterbird/airflame's layouts on girls' profiles has that awful copyright note on it. It's super offputting, charging $50 bucks, then forcing a model to leave this threatening quote on their profile.

Click Here if you need a MFC or Chaturbate template. | Copyright 2014. WaterBird
Deleting this Copyright breaks the agreement of free use of the template by you. You can't sell, resell or take profit from someone by making changes to this template. Violations of these rights will be associated with subject to legal actions.

And his MFC profile includes this: (Click to enlarge)



Seems dickish, no?

 

[JerryBoBerry]

I was noticing some of waterbird/airflame's layouts on girls' profiles has that awful copyright note on it. It's super offputting, charging $50 bucks, then forcing a model to leave this threatening quote on their profile.

Seems dickish, no?

How legal is that? If you're using the freely obtained copy I can see leaving the copyright. But if you pay for it and then can legally make whatever changes you want I don't see how it can be dictated an entire section must remain. It's yours to edit how you see fit at that point.

At best i'd just comment out that section so it's not visible on the web page itself. But it's still in the source code, so it's there. Or make the entire copyright thing a mouse hover over effect. Then only make it pop up while hovering over one single pixel in the lower corner. Still visible! :mrgreen: After all, he's got hover over effects built into the template, so they must be allowed!

 

[Poker_Babe]

At best i'd just comment out that section so it's not visible on the web page itself. But it's still in the source code, so it's there. Or make the entire copyright thing a mouse hover over effect. Then only make it pop up while hovering over one single pixel in the lower corner. Still visible! :mrgreen: After all, he's got hover over effects built into the template, so they must be allowed!

I was under the belief that css and html codes where an open source and you can’t patent it and you can’t trademark it. I guess my line of thinking is that somebody could then try to copyright something like this:

body { background: #FFFFFF }

And now all websites with a white background are breaking copyright law. I mean, I could see someone taking legal action against someone for using images that they created. But the internet is world-wide so how exactly would one go about suing someone that lives in another country?

 

[Koolguy321]

mmm.. this paying for "profile templates" and stuff seems like a really sneaky way for someone to get personal info about you. I mean i doubt they would want sex toys or lingerie off amazon as their form of payment :lol:
A few custom profiles i've seen now dont include the basic "about me" info at the top of most profiles, like status, age etc

Maybe i should learn some web developement and give away profile templates & graphics for free

 

[Kradek]

I was under the belief that css and html codes where an open source and you can’t patent it and you can’t trademark it. I guess my line of thinking is that somebody could then try to copyright something like this:

body { background: #FFFFFF }

And now all websites with a white background are breaking copyright law. I mean, I could see someone taking legal action against someone for using images that they created. But the internet is world-wide so how exactly would one go about suing someone that lives in another country?

You couldn't copyright an individual line of code like the one in your example. You can, however, copyright an entire CSS file or set of files, just look at any CSS framework out there. As you noticed, however, enforcing a copyright is an entirely different matter.

 

[Kradek]

I was noticing some of waterbird/airflame's layouts on girls' profiles has that awful copyright note on it. It's super offputting, charging $50 bucks, then forcing a model to leave this threatening quote on their profile.

Seems dickish, no?

How legal is that? If you're using the freely obtained copy I can see leaving the copyright. But if you pay for it and then can legally make whatever changes you want I don't see how it can be dictated an entire section must remain. It's yours to edit how you see fit at that point.

At best i'd just comment out that section so it's not visible on the web page itself. But it's still in the source code, so it's there. Or make the entire copyright thing a mouse hover over effect. Then only make it pop up while hovering over one single pixel in the lower corner. Still visible! :mrgreen: After all, he's got hover over effects built into the template, so they must be allowed!

Most common open source licenses include a phrase like that. This is the MIT license, for example.

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

Typically, this is just included in the code as a comment, so that, as you describe, someone could see it if they looked at the code. IANAL, but presumably you can come up with whatever license you want whether it's free or not. Whether you can enforce it is a different matter.

 

[SammiSins]

I gave up on trying to figure out the hover thing, it's too advance for me. haha
So I re-did my profile a different way.
Now I'm trying to hide my little recent side pictures, my headers, my rating, and basically everything but my HTML that I've added.

I've been messing around in CSS and can't figure it out..
Can anyone help me out?

 

[Poker_Babe]

I've been messing around in CSS and can't figure it out..
Can anyone help me out?

Replace the html in your "about me" section with this code:

<div class="link-amazon">
<a href="http://amzn.com/w/RDM1OH6PTPPL" target="_blank">Amazon Wishlist</a>
</div>
<div class="link-twitter">
<a href="https://twitter.com/@sammi_sins" target="_blank">Twitter</a>
</div>

<div id="faqsec" class="frame">

<div style="text-align:center;">

<br><img src="https://DL.dropbox.com/s/1balwu4odggzvf3/prowork.png?dl=0" alt=""><br><div style="width:700px;height:700px;line-height:3em;overflow:scroll;padding:5px;background-color:#FFFFFF;color:#AC58FA;border:4px double #00BFFF;">
<img src="https://DL.dropbox.com/s/f87aj9ib2jgfqp7/newprofilenewvids.jpg?dl=0" alt=""></div>

<br><div style="width:700px;height:700px;line-height:3em;overflow:scroll;padding:5px;color:#008000;border:4px double #00BFFF;">
<img src="https://DL.dropbox.com/s/n79cfy1h2y642fr/oldschoolvideolistmfc.png?dl=0" alt=""></div>

<br><div style="width:700px;height:300px;line-height:3em;overflow:scroll;padding:5px;background-color:#FFFFFF;color:#008000;border:4px double #00BFFF;">
<img src="https://DL.dropbox.com/s/1daw42ux4xh41cw/newinterracialmfc.jpg?dl=0" alt=""></div>

<br><div style="width:700px;height:250px;line-height:3em;overflow:scroll;padding:5px;background-color:#FFFFFF;color:#008000;border:4px double #00BFFF;">
<img src="https://DL.dropbox.com/s/n2vq03io7t6ywc0/Othervidsmfcnew.png?dl=0" alt=""></div>

</div>

<img src="https://DL.dropbox.com/s/2jsuvg0edclnfwd/Kart%20krew.jpg?dl=0" alt=""><br><img src="https://DL.dropbox.com/s/z1sgoy2rjdf3xnw/MFCtip.jpg?dl=0" alt=""><br><br></div>

Then copy n' paste this code to your custom css

textover:hover {
  width:300px;
  height:300px;
  background:url https://DL.dropbox.com/s/j54hx8tu1c3njly/test1.jpg?dl=0 no-repeat;
}

a:link,a:active,a:hover {
  color:#;
}

a:visited {
  color:#;
}

body {
  background-color:#ffffff;
  background-color:#f7f9f5;
  color:#000000;
  font-family:'Times New Roman';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

.profile_section_content {
  color:#000000;
  border:0 none #;
  padding:5px;
  margin:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:1;
}

.img_radius_shadow {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
  padding:5px;
  background-color:#000000;
  color:#FFFFFF;
  font-family:'Tahoma';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
}

.content {
  padding:5px;
}

#profile_schedule .heading {
  display:none;
}

#profile_main_photo,.flagCounter,#username_container,#marital_status_container,#gender_container,#body_type_container,#height_container,#ethnicity_container,#cam_score_container,#hair_container,#eyes_container,#weight_container,#age_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#occupation_container,#school_container,#favorite_food_container,#pets_container,#automobile_container,#tags_container,#profile_about_me .label,#profile_about_me > .heading {
  display:none;
}

#profile_interests_content {
  display:none;
}

.wall_post_time {
  font-size:9px;
  display:none;
}

#header_bar {
  display:none;
}

#footer_bar {
  display:none;
}

div#profile_header.profile_section {
  display:none;
}

body {
  width:1024px!important;
  margin:auto!important;
}

#faqsec {
  display:block;
  width:780px;
  height:4450px;
  float:left;
  margin-top:5px;
  margin-left:110px;
  margin-right:-2px;
  padding:5px;
  overflow:auto;
  font-size:15px;
  color:#fff;
  text-shadow:0 1px 0 #ccc;
  font-family:Century Gothic;
  text-align:center;
  text-shadow:1px 2px 3px #000000,-1px 2px 1px #000000,-1px -2px 1px #000000;
}

.link-twitter a {
  display:block;
  width:101px;
  height:93px;
  float:r;
  float:right;
  background:transparent url(http://2.bp.blogspot.com/-HY9M0ySIUtA/VTWi-kmREjI/AAAAAAAAH0I/jsC3O5dZkZc/s1600/bird12.png) no-repeat;
  position:relative;
  margin:415px 0 0 -5px;
  margin-top:12px;
  margin-right:330px;
  text-indent:-3000px;
}

.link-twitter a:hover {
  background-position:0 -93px;
}

.link-amazon a {
  display:block;
  width:101px;
  height:93px;
  float:left;
  background:transparent url(http://1.bp.blogspot.com/-tPpUvTRqb5Y/VTWi-rG_soI/AAAAAAAAH0E/tsIrs4OZ0r8/s1600/amazon12.png) no-repeat;
  position:relative;
  margin:215px 0 0 185px;
  margin-top:1px;
  margin-left:369px;
  text-indent:-3000px;
}

.link-amazon a:hover {
  background-position:0 -93px;
}

.photo_gallery_image {
  border:0;
}

.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 #33CCFF;
  -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);
}

 

[KatVonnegut]

I thought I could muddle my way through CSS pretty well but I'm having an issue.
I would like a straight profile and centered without padding on the sides. See: http://profiles.myfreecams.com/RobinMae
But I get this weird padding thing going on on the left side, because that's where the about me stuff was all aligned.
How do I get rid of that?

 

[KatVonnegut]

I managed to center with the float property but it made the container behind it disappear. If anyone else has a different solution I would be forever in your debt ray:

 

[nikki_bbw]

Poker Babe,

I used one of your free layouts http://4.bp.blogspot.com/-2Z-S181y0Z0/VSvcvB6HfeI/AAAAAAAAHyQ/XMISNvIlYNw/s1600/new.png. Well I used the basic structure of it anyway, and tweaked alot of it. I know mine looks amateur hour and crappy right now, but eventually I'll get it looking better.

Is there a way to make the videos container scrolling? I'm going to need to add more videos and I don't want them stacking one underneath the other all the way down the page if that makes sense. I just want to add to that same box but just have the ability to scroll down.

TIA!!

Oh and thanks for providing the free layouts!!

 

[Poker_Babe]

Poker Babe,

I used one of your free layouts http://4.bp.blogspot.com/-2Z-S181y0Z0/VSvcvB6HfeI/AAAAAAAAHyQ/XMISNvIlYNw/s1600/new.png. Well I used the basic structure of it anyway, and tweaked alot of it. I know mine looks amateur hour and crappy right now, but eventually I'll get it looking better.

Is there a way to make the videos container scrolling? I'm going to need to add more videos and I don't want them stacking one underneath the other all the way down the page if that makes sense. I just want to add to that same box but just have the ability to scroll down.

TIA!!

Oh and thanks for providing the free layouts!!

 

[nikki_bbw]

Awesome, thank you!

 

[Poker_Babe]

Hey gals, I managed to bust out two FREE layouts today. Posted them both on my blog. Codes are all there, although I haven't made the video tutorials for them just yet. But they are on the way.

 

[HaileyRoyale]

Is it possible to create a layout by just using a background image that is mapped? Basically an image layout if that makes sense, would MFC allow it?

 

[Poker_Babe]

Is it possible to create a layout by just using a background image that is mapped? Basically an image layout if that makes sense, would MFC allow it?

Do you mean a profile that only shows just the background image and nothing else? No text, rate & admire, camscore, comments, etc... And just have everything that you want on your profile in one big image?

If that's what you mean, then yes, that can be done.

 

[ramblin]

Just please don't remove the online/offline bit. It's so frustrating to follow a model's link to her profile and not be able to see if she's online and have a one-click way to hop into her room.

 

[Amberlie_]

Ahh Poker babe lovely, how do I show the online now but in my profile (using your awesome new template above), and the camscore too?

 

[AmberCutie]

Just please don't remove the online/offline bit. It's so frustrating to follow a model's link to her profile and not be able to see if she's online and have a one-click way to hop into her room.

:text-yeahthat: :text-+1:

 

[Poker_Babe]

Ahh Poker babe lovely, how do I show the online now but in my profile (using your awesome new template above), and the camscore too?

where do you want it to show on your profile? here is the code I use for mine, but I'm sure you'll need to tweek yours a bit to fit it right

#profile .profile_row:first-child {
  position: absolute;
  left: 248px;
  top: 711px;
  color: #fff!important;
  width: 400px;
  font-size: 16px;
}

 

[Poker_Babe]

Scratch that... I fixed the css code to include it. go a head and try it now :thumbleft: