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!

 

[MFCModelHelper]

More info... The basic profile page image I have included above is the basic mfc layout. Hers does look much different but I would like the ability to include some of these categories (favorite songs, movies, etc) on her profile and place that information anywhere on her profile.

Thanks again!

 

[asafo]

@MFCModelHelper Without being able to see the actual profile, I can only do the next best thing and try to replicate your issues. I have found that if you have the following CSS code somewhere in your CSS code, it will produce the same results that you are seeing. I recommend looking through your CSS to see if you can find something similar to this CSS code and remove/change it. I am sure there may be other ways of causing these issues, but try this for a start.

#header_bar {
  display:none;
}

#profile_header {
  display:none
}

#profile_about_me .value {
  display:none;
}

 

[MFCModelHelper]

ASAFO!!!!!!!! You are a profile GOD!!!!!!!!!!!!!!!!
Thank you so much! That worked (deleting the entries that is.

I also did some experimenting and searched the CSS for "display:none;" entries and I am playing around with that. I've noticed deleting the entries or editing them, gets me the look I want.

Thank you so much! You have been a great help!

 

[opheliaayres]

Hi @Striker44 ,
Isn't it simpler to use a class via css?

img.mywidth {display:block;width:100%;height:auto;margin:0 auto}

<img class="mywidth" src="image-url-path" alt="some stuff"/>

Class added directly to any image you want to make it responsive and 100% value can be easily edited
- wonderful you use % values which makes the element fluid width, good for you thumb up.

The second version is for responsive image inside a parent element

.mywidth img{display:block;width:100%;height:auto;margin:0 auto}

<div class="mywidth">
<img src="image-url-path" alt="some stuff"/>
</div>

Any image added inside the div element with mywidth custom class will became responsive and use the same values defined in css

I do prefer (and it is recommended) to keep markup codes clean, less inline css if possible and as much responsiveness as possible.

I can’t even BEGIN to imagine why I never thought of just assigning classes to the images and using CSS for width percentages. Thank you!!

 

[CurvyVi]

I have a plethora of questions, now that frameworks have been added- mostly directed to @Dan202 and @Striker44
here's a couple for starters

1. Best framework for mfc profiles i.e; less reliability on javascript/jquery but most css customization capibility
2. Bootstrap question: which components require Java/which components can i use on mfc?

thats all for now

 

[Striker44]

I have a plethora of questions, now that frameworks have been added- mostly directed to @Dan202 and @Striker44
here's a couple for starters

1. Best framework for mfc profiles i.e; less reliability on javascript/jquery but most css customization capibility
2. Bootstrap question: which components require Java/which components can i use on mfc?

thats all for now

Hi,

I'm not sure I can answer the first one easily. I only know about Bootstrap myself.

For the Bootstrap question... first it's JavaScript and not "Java". Easy mistake Big difference to a programmer . .

MFC said they disabled the JavaScript pieces I believe, this was a big blow really. They still inject a lot of crap into the page and now big pieces of Bootstrap are disabled. The first thing I tried, which did not work, was the NavBar. That was really annoying to be honest.

I still used Bootstrap for a models profile but to me I only did that to get the Grid working. And that does work well. This makes it easy to get something responsive going and fill out the screen. I'm more a backend developer so I'm not an expert at CSS. The grid gets me around that problem.

As to what components you can use? I would think most of the CSS based ones will work. The "Jumbotron" for instance but the components that have some functionality like "button dropdowns"... those may not work. They likely require JavaScript. But I've not tried them, I've only tried the navBar really.

Let me know if there's anything else I can assist with.

 

[CurvyVi]

Hi,

I'm not sure I can answer the first one easily. I only know about Bootstrap myself.

For the Bootstrap question... first it's JavaScript and not "Java". Easy mistake Big difference to a programmer . .

MFC said they disabled the JavaScript pieces I believe, this was a big blow really. They still inject a lot of crap into the page and now big pieces of Bootstrap are disabled. The first thing I tried, which did not work, was the NavBar. That was really annoying to be honest.

I still used Bootstrap for a models profile but to me I only did that to get the Grid working. And that does work well. This makes it easy to get something responsive going and fill out the screen. I'm more a backend developer so I'm not an expert at CSS. The grid gets me around that problem.

As to what components you can use? I would think most of the CSS based ones will work. The "Jumbotron" for instance but the components that have some functionality like "button dropdowns"... those may not work. They likely require JavaScript. But I've not tried them, I've only tried the navBar really.

Let me know if there's anything else I can assist with.

Gee thanks man, i appreciate the prompt response which i am lacking, lol
Quick question: toggling show hide on sections in a single page website w/o javascript*?
examples:
https://profiles.myfreecams.com/Lexaxxx
https://profiles.myfreecams.com/WildestKitten
basically i want to hide all container divs until the link in my navbar is clicked

in other news ive spent the past week studying and writing html/css and i think i want a(nother) job in this once i can grasp it all fully, lol
thanks again love

 

[HollyHockens]

personal opinion, but you don’t really need to learn too much about javascript, etc. the mfc standard is actually fine the way it is, unless you wanna change automated aspects like disabling tooltips, etc. I’d probably just focus on the html and css alone, you can still do so much between the two, it’s so much less complicated. It’s just a matter of research. I’m not sure if anyone has said this already but it also helps a lot if you have a software like Adobe Photoshop for your graphics and Dreamweaver for your coding. It is time-consuming, but it helps if you have a lot of spare time and not a lot to do irl. (If that makes sense).

 

[Striker44]

Gee thanks man, i appreciate the prompt response which i am lacking, lol
Quick question: toggling show hide on sections in a single page website w/o javascript*?
examples:
https://profiles.myfreecams.com/Lexaxxx
https://profiles.myfreecams.com/WildestKitten
basically i want to hide all container divs until the link in my navbar is clicked

in other news ive spent the past week studying and writing html/css and i think i want a(nother) job in this once i can grasp it all fully, lol
thanks again love

I have not tried to hide/show based on an event for MFC. That typically does require JavaScript. When MFC added bootstrap to MFC they did say they disabled JavaScript but I took that to mean just Bootstrap's JavaScript. JavaScript is almost still certainly available on the page. It's just a question on if you're allowed to use it. I do not know. MFC does change some HTML when you save it, so I don't know. The profile template that I use has a top menu bar but just scrolls to the needed position and doesn't unhide anything.

If I get a chance to try it I'll let you know.

 

[Striker44]

personal opinion, but you don’t really need to learn too much about javascript, etc. the mfc standard is actually fine the way it is, unless you wanna change automated aspects like disabling tooltips, etc. I’d probably just focus on the html and css alone, you can still do so much between the two, it’s so much less complicated. It’s just a matter of research. I’m not sure if anyone has said this already but it also helps a lot if you have a software like Adobe Photoshop for your graphics and Dreamweaver for your coding. It is time-consuming, but it helps if you have a lot of spare time and not a lot to do irl. (If that makes sense).

I think Holly makes a key key point here. For the CSS and HTML code, do NOT try and edit or work with it inside MFC. Use an editor to do your work and you can even do some testing and copy and PASTE any code into MFC. Do the same thing for all changes.

 

[CurvyVi]

I think Holly makes a key key point here. For the CSS and HTML code, do NOT try and edit or work with it inside MFC. Use an editor to do your work and you can even do some testing and copy and PASTE any code into MFC. Do the same thing for all changes.

yeah, i use w3.schools' try me editor usually but i use a lot of different websites and programs based on what i am trying to do. it is hard to modify css/html inside dreamweaver because of mfc's base code
anyways, i think i've found away using :target selector & display:none; and display:block; but i am having a definite hard time

 

[HollyHockens]

it is hard to modify css/html inside dreamweaver because of mfc's base code

Do you mean when MFC shifts your inserted graphics to the right? Because that can be changed! Other than that, it should be similar formatting between mfc and dreamweaver, (with every mfc container on display:none) I think once you move the code over to MFC, only minor adjustments will have to be made, in order for it all to sit perfectly the way you orginially had it (centreing etc)

 

[Dan N]

yeah, i use w3.schools' try me editor usually but i use a lot of different websites and programs based on what i am trying to do. it is hard to modify css/html inside dreamweaver because of mfc's base code
anyways, i think i've found away using :target selector & display:none; and display:block; but i am having a definite hard time

You are on the right path... here's a "push"
https://codepen.io/cssmfcpro/pen/zPgEGp

 

[Kirby]

Go to Your css press advanced button and add:

#cam_score_container, #username_container {
    display:none !important;
}

If You want to hide all use in css:

#username_container, #body_type_container, #ethnicity_container, #hair_container, eyes_container, #weight_container, #height_container, #age_container, #city_container, #sexual_preference_container, #marital_status_container, #marital_status_container, #gender_container, #country_container, #gender_container, #eyes_container, #smoke_container, #drink_container, #drugs_container, #occupation_container, #favorite_food_container, #pets_container, #school_container, #automobile_container, #cam_score_container {
    display:none !important;
}

just want to say THANK YOU! and finally! i've been on acf looking through quite a few threads.. even on different websites. couldn't find a code that worked that would hide that stuff! I appreciate it.

 

[Brie Taylor]

MFC can add a lot of new things and that's awesome but... those new improvements and functions are targeting the commercial aspect and not the visual one.
The CSS library is helping the model make a fancy profile page which targets the visual aspect.
Club, share, Whiteboard, all are using default visual aspect which with time will become like old, green default mfc profile, boring and less effective.
It is up to the profile owner to refresh their image which empower their activity and sales with visual and why not functional new aspects.
(and here, MFC is to be applaud allowing so much freedom and flexibility)

Bottom line, the model should and has the possibility to choose and use or not a fancy profile page.
From my personal point of view, a fancy and original profile page is the model's calling card and many of the webcam performers started to understand the value of their image/brand (slowly taking advantage of it)

Sweet, makes sense! Thank you so much for your insight

 

[mfcgraphic]

just want to say THANK YOU! and finally! i've been on acf looking through quite a few threads.. even on different websites. couldn't find a code that worked that would hide that stuff! I appreciate it.

No problem

 

[MFC_tittyteaser]

hey

i havent edited a mfc profile for a year or so, i cant seem to get the bootstrap grid system working very well. im not any good at bootstrap (just started learning it) i can get a little change with screen size differences when changing the size of the screen on my laptop (background color, or responsive about me blurb) but nothing is responsive or any different from full screen when i view on my laptop vs mobile,

please can someone point me in the right direction?

cheers

 

[Striker44]

hey

i havent edited a mfc profile for a year or so, i cant seem to get the bootstrap grid system working very well. im not any good at bootstrap (just started learning it) i can get a little change with screen size differences when changing the size of the screen on my laptop (background color, or responsive about me blurb) but nothing is responsive or any different from full screen when i view on my laptop vs mobile,

please can someone point me in the right direction?

cheers

I would suggest posting your code - stripping as much out of it as you can for brevity, or posting a link to your profile so we can see it.

 

[Dan N]

hey

i havent edited a mfc profile for a year or so, i cant seem to get the bootstrap grid system working very well. im not any good at bootstrap (just started learning it) i can get a little change with screen size differences when changing the size of the screen on my laptop (background color, or responsive about me blurb) but nothing is responsive or any different from full screen when i view on my laptop vs mobile,

please can someone point me in the right direction?

cheers

The main issue with MyFreeCams (and their Bootstrap) is that certain default elements are not included to responsive markup like the comment section (the text box, comments), rate & admire section.... bla bla bla....
You'll need to do this manually, to add the IDs and class names of the elements to a media query responsive markup
Something like this:

@media only screen and (max-width: 728px){
.profile_section {display:block;width:90%;height:auto;margin:10px auto;}
#comments{display:block;width:90%;height:auto}
#profile_friends{display:block;width:90%;height:auto}}

Please note that my above code is not tested, just typed from what I remember. You'll need to add your responsive markup for multiple screen size and also identify the elements which are not responsive and add them to CSS responsive markup.
When you shrink drag-to-resize the browser pay attention to which elements don't automatically resize usually you'll see the bottom horizontal scroll bar, scroll to right and see which elements are "outside" the responsive range...

Its not so simple but this is the only available option.
Good luck

 

[MFC_tittyteaser]

thanks for the advice,
i worked out that using @media only screen and (max-device-width: 499px) makes the changes i have coded in work on my mobile, but it wont make the changes on a browser window smaller than the screen (laptop browser not at full screen), where as @media only screen and (max-width: 499px) does a smaller browser window and not my mobile.
So with that information and with the advice Dan202 gave ill be able to move on with my design (and hopefully no one will view the profile in a smaller browser window)

but yeah im a complete noob when it comes to bootlace, so its all trial and error at the moment trying to get one element at time to respond as i want it too

cheers

 

[Striker44]

Hi,
I have a question on profiles... I've made a few with some different techniques. The one I like the most is a little framework I found somewhere and modified. Basically in CSS it sets a lot of the pre made sections to "display: none;" and then I pretty much get a big full width empty section to work with. Works pretty well.

But here's my question :

I'm hiding the sections with the username, camscore, last broadcast, and current status... online or offline. What if I want to pull those fields out but put them into a different location. Maybe not all the fields but some? It looks like current status for instance is written to the page. Is there a way to pull that information out and put it where ever I want on a custom profile?

Any information or ideas are appreciated.

Thank you

 

[sinfulbbwbabee]

Does anyone have any advice for someone that was sheltered from myspace and such as a child?! I have NO idea how to make my profile look better than the original on MFC and I don't want to pay a crap ton of money so if anyone found any really useful ways to set it up easily please reply!! )))

 

[sinfulbbwbabee]

thanks for the advice,
I worked out that using @media only screen and (max-device-width: 499px) makes the changes i have coded in work on my mobile, but it won't make the changes on a browser window smaller than the screen (laptop browser not at full screen), where as @media only screen and (max-width: 499px) does a smaller browser window and not my mobile.
So with that information and with the advice Dan202 gave ill be able to move on with my design (and hopefully no one will view the profile in a smaller browser window)

but yeah I'm a complete noob when it comes to bootlace, so its all trial and error at the moment trying to get one element at a time to respond as I want it too

cheers

This is exactly what I am currently doing. Plugging and seeing if it looks right, I'm a noob and have no clue coding and such haha

 

[Twistu]

Hey guys.I`m working at MFC profile for a while,and I have a big problem,I have two media queries 1400 and 500.The 500 media query does not take effect(on mobile).I searched in Inspector and found nothing to make sense.Is anybody who can tell me how to make more than one media query to take effect.I`m coding without any frameworks

 

[jazminegeneris]

Hi,
I have a question on profiles... I've made a few with some different techniques. The one I like the most is a little framework I found somewhere and modified. Basically in CSS it sets a lot of the pre made sections to "display: none;" and then I pretty much get a big full width empty section to work with. Works pretty well.

But here's my question :

I'm hiding the sections with the username, camscore, last broadcast, and current status... online or offline. What if I want to pull those fields out but put them into a different location. Maybe not all the fields but some? It looks like current status for instance is written to the page. Is there a way to pull that information out and put it where ever I want on a custom profile?

Any information or ideas are appreciated.

Thank you

#profile_header,#status_value a[href^="#"]
is the selector i concocted to make my online/offline show

i can elaborate on how to do shit w/ it if you tell me where/what you want it to be/look like

 

[eric00017]

This is exactly what I am currently doing. Plugging and seeing if it looks right, I'm a noob and have no clue coding and such haha

Maybe this link might help you, Poker Babe is a really nice gal and very helpful. I heard that she may not be feeling well and she was taken some time off from custom profile design, however, her website is full of knowledge and tutorials.

http://myfreemfcprofilehelp.blogspot.com/

 

[Aprilsweetart]

I hired "wandybear" and paid like 100 schmeckles for my legit ass profile. They were amazing to work with and super thorough!

 

[sweetlily_]

Hi girls! Want to ask about mfc rules.
Can models post on profile link to unblur.media or manyvids.com? And can models give links to these platform in pm to members who ask other meethod than tokens to pay for skype show?

 

[eric00017]

Your answer is #9 on this link

https://wiki.myfreecams.com/wiki/Rules_for_Models

 

[Pan_Flute_Fox]

I hired "wandybear" and paid like 100 schmeckles for my legit ass profile. They were amazing to work with and super thorough!

I absolutely love your profile, what an awesome theme