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!

 

[Dan N]

Thanks. I figured Bootstrap was out.

ok so I now know I can get much better control over the profile page itself. I've got a working proof of concept going that the model is happy with. http://profiles.myfreecams.com/Striker44Wild. I'm still not quite sure I've figured out the best way to replicate this on my local dev environment but I'm close at least. Always good to learn new things.

Thanks for the help Dan. Really appreciate it.

Good job so far....
a small suggestion... in your CSS you are using a class for images... make sure you define both width and height too... like this

.tipImg {width: 100%; height: auto; margin: 0 auto;}

again, by default image element is a block so its ok if you don't add display:block attribute
adding height auto is better and helps the browser render the image properly
margin:0 auto; - is used to center all images which are using this class and remove the blank space between...

 

[theDL199]

Hey Dan (or anybody), have you tried playing with share.mfc.com content at all? I was trying to see if a video would embed on a profile for a model but it doesn't allow embedding from the url. Curious if its a user vs. model profile issue, since idk why they would provide embed code but not allow it on their own site haha. But I suppose it's possible.

 

[Dan N]

@theDL199 unfortunately no, you can't embade from share.mfc into profiles.mfc (currently) tho it has no visible logic... both are MFC brand but I believe they want to make the share service more popular and who knows. maybe in the near feature the profiles will allow their own brand (domain) .
Aside the subject ---
The intensity of the MFC development has increased with cammunity (new profile pages format). share (new media platform) and both look pretty awesome...
Currently, MyFreeCams is the top leader on platform developing in this particular field, they understood the model's needs and comply, The downside is that MFC use different platforms and not a single one with all functions enabled.
(i guess they have their reasons)
In my own opinion, I don't think there is another camsite which offer all the freedom and services offered by MFC... top leader in platform development indeed. (Congrats MFC)

 

[theDL199]

@Dan202 Word, that's what I figured. Was hoping they got a little fancy on us and tied it to a model profile but didn't expect it haha. Just seems odd. "Here's some embed code you can put online... but not on our site." I'll just create a link then. Thanks for the confirmation. Hopefully they will allow the two platforms to interact a bit more with each other in the future.

And I agree. I don't understand their logic all the time, but they are definitely trying and it shows.

 

[mfcgraphic]

Hey Dan (or anybody), have you tried playing with share.mfc.com content at all? I was trying to see if a video would embed on a profile for a model but it doesn't allow embedding from the url. Curious if its a user vs. model profile issue, since idk why they would provide embed code but not allow it on their own site haha. But I suppose it's possible.

Try embed video from redtube i think its avalable in mfc

 

[theDL199]

Try embed video from redtube i think its avalable in mfc

Redtube doesn't have the privacy features we wanted, but thanks for the advice.

 

[terrorbird_jones]

Hey, guys. I have been perusing the posts on ACF for info about profile editing, and I'm probably totally missing it, but I can't find the answer to my question. It's super general:

It's my understanding that there are some HTML tags that are not allowed or not recognized in the about me section where models may post their own HTML. (true, not true?)

Would it be possible to get a list of disallowed HTML tags? (i asked support, but I thought I'd see if someone here had compiled a list)

I'd also love to know if I choose to add an element ( ' #element ' ) to my CSS and style it, will it show up? I made an attempt to do that with the header bar using ' #header_bar ' and the border I added did not appear. (header_bar is a Div ID on the profile page, but it is not included in the Advanced CSS area to be styled. I am trying to figure out if you can add existing elements to the CSS page to be styled.)

Thanks to anyone that can help!!! And sorry if I missed where this info is already mentioned.

 

[Dan N]

Hey, guys. I have been perusing the posts on ACF for info about profile editing, and I'm probably totally missing it, but I can't find the answer to my question. It's super general:

It's my understanding that there are some HTML tags that are not allowed or not recognized in the about me section where models may post their own HTML. (true, not true?)

Would it be possible to get a list of disallowed HTML tags? (i asked support, but I thought I'd see if someone here had compiled a list)

I'd also love to know if I choose to add an element ( ' #element ' ) to my CSS and style it, will it show up? I made an attempt to do that with the header bar using ' #header_bar ' and the border I added did not appear. (header_bar is a Div ID on the profile page, but it is not included in the Advanced CSS area to be styled. I am trying to figure out if you can add existing elements to the CSS page to be styled.)

Thanks to anyone that can help!!! And sorry if I missed where this info is already mentioned.

MFC allows almost all HTML tags with few exceptions from HTML5.
if you add an id and style it up with css markup, you must add the HTML div tag too. example below.
CSS
#my_element{display:block;width: 400px;height:auto;padding: 10px 22px; text-align:left;border: 3px double #888;}

HTML

<div id="my_element">some content here</div>

 

[terrorbird_jones]

MFC allows almost all HTML tags with few exceptions from HTML5.
if you add an id and style it up with css markup, you must add the HTML div tag too. example below.
CSS
#my_element{display:block;width: 400px;height:auto;padding: 10px 22px; text-align:left;border: 3px double #888;}

HTML

<div id="my_element">some content here</div>

Even if it's a Div ID they made and already use? That is where I was getting confruzed. I thought if I used Web Developer to copy the source code, edited out the bits I didn't need and used the basic HTML I had left as a guide for what I could style I'd be set. They have a Div ID they use for the header called 'header_bar', but if I try to make a CSS style for 'header_bar' it gets ignored. So, I have to put the HTML 'header_bar' in the about me section I guess? (and thank you!)

 

[Dan N]

Even if it's a Div ID they made and already use? That is where I was getting confruzed. I thought if I used Web Developer to copy the source code, edited out the bits I didn't need and used the basic HTML I had left as a guide for what I could style I'd be set. They have a Div ID they use for the header called 'header_bar', but if I try to make a CSS style for 'header_bar' it gets ignored. So, I have to put the HTML 'header_bar' in the about me section I guess? (and thank you!)

no. you can style up the existing id but its a matter of legacy ... mfc has 2 CSS stylesheets one is the core for reset/default/fallback and the profile one which you use it. Take a look at my MFC profile.. as you can notice I've edited some default ids via css but i didn't had to add the correspondent HTML in About Me section. add your custom CSS at the very end of existing CSS and make sure you target the right ids.... btw... there is a list of CSS and HTML ids somewhere here on the forum but i'm on my tablet and its difficult to search/type

 

[asafo]

<button> appears to not be allowed. Or, at least, it does not seem to work for me. So, if you want to start your list of disallowed HTML tags, this might be your first one. However, this is actually no big deal at all as you can create your own button interface (for example, when making menus) with CSS.


For your #header_bar border issue, I took a look at your profile. I added this to your #header_bar and I was able to get the border to appear in my browser:

border-style:solid!important;

It is probably not appearing the way you want. So, you might have to style it some more. For starters, try adjusting the padding sizes.

Try this CSS code and adjust more to your liking:

#header_bar {
border-style:solid!important;
border:3px #000000;
padding: 5px 20px 40px 10px;
}

Hope this helps!

 

[terrorbird_jones]

Ok, thanks. I'll check it out as soon as I can.

 

[terrorbird_jones]

<button> appears to not be allowed. Or, at least, it does not seem to work for me. So, if you want to start your list of disallowed HTML tags, this might be your first one. However, this is actually no big deal at all as you can create your own button interface (for example, when making menus) with CSS.


For your #header_bar border issue, I took a look at your profile. I added this to your #header_bar and I was able to get the border to appear in my browser:

border-style:solid!important;

It is probably not appearing the way you want. So, you might have to style it some more. For starters, try adjusting the padding sizes.

Try this CSS code and adjust more to your liking:

#header_bar {
border-style:solid!important;
border:3px #000000;
padding: 5px 20px 40px 10px;
}

Hope this helps!

Actually, yeah! It does. I was just using the header_bar id to test out my theory that I could use the html from the page source code I copied. Since it worked for you, that means it was my style code that was wrong. Thank you! I need to re educate myself on some of the 'important!' business and when stuff like that is needed. Been a while.

 

[Dan N]

A freebie from CLE...
Lovense coded widget with instant tip buttons, editable token values, speed and time...
This is for MyFreeCams platform, if you are looking for a Chaturbate (coded) version, the code is posted here
So, if you're not afraid of getting dirty and playing with markup codes, here you go.

CSS markup

* {box-sizing:border-box;}
html {}.leo-1 {width:8.33%;}.leo-2 {width:16.66%;}.leo-3 {width:25%;}.leo-4 {width:33.33%;}.leo-5 {width:41.66%;}.leo-6 {width:50%;}.leo-7 {width:58.33%;}.leo-8 {width:66.66%;}.leo-9 {width:75%;}.leo-10 {width:83.33%;}.leo-11 {width:91.66%;}.leo-12 {width:100%;}
[class*="leo-"] {float:left;padding:15px;border:0 solid #ccc;}
[class*="no"] {float:left;padding:0;}
[class*="padd20"] {display:block;padding:20px;}
.row:after {content:"";clear:both;display:block;}
@font-face {font-family: 'Titillium Web';font-style: normal;font-weight: 400;
src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcSo_WB_cotcEMUw1LsIE8mM.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Titillium Web';font-style: normal;font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcZSnX671uNZIV63UdXh3Mg0.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face {font-family: 'Oswald';font-style: normal;font-weight: 400;src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Oswald';font-style: normal;font-weight: 400;src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
#lovewrapper{background-color:#f1f1f1;color:#666666;overflow:hidden;font-size:19px;font-weight:normal;background-image:url(https://blacknrg.files.wordpress.com/2017/05/5c7e1ef4c0e17951e9d3f42854d533b0.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;background-position:center;text-align:center;margin:12px auto 20px auto;}
.loveheader{padding:10px 0 20px;text-align:center;font-size:3.333rem;color:#F39;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff;margin:-70px auto 20px auto;font-family: 'Titillium Web';font-style: normal;font-weight: 400;}
.lovecont{height:auto;padding:0;text-align:center;font-size:19px;margin:0 auto 40px auto;font-family: 'Oswald';font-style: normal;font-weight: 400;}
.lovelvels{height:auto;margin:10px auto -10px auto;font-family: 'Titillium Web';font-style: normal;font-weight: 400;}
.lovelevel_1{padding:11px 7px;color:#fff;margin:0 auto;background-color:#ffc95e;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #ffc95e;}.lovelevel_1 i,.lovelevel_2 i,.lovelevel_3 i,.lovelevel_4 i, .lovelevel_5 i{font-style:normal;text-align:center;font-family: 'Oswald';font-style: normal;font-weight: 400;}
.lovelevel_1_ttkns{height:auto;padding:11px 7px;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;}
.lovelevel_1_ttkns i{font-style:normal;text-align:center;color:#666;}
.lovelevel_2{padding:11px 7px;color:#fff;margin:0 auto;background-color:#ffae5e;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #ffae5e;}
.lovelevel_3{padding:11px 7px;color:#fff;margin:0 auto;background-color:#fc9b3a;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #fc9b3a;}
.lovelevel_4{padding:11px 7px;color:#fff;margin:0 auto;background-color:#f97c00;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #f97c00;}
.lovelevel_5{padding:11px 7px;color:#fff;margin:0 auto;background-color:#f94200;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #f94200;}.lvlttles{height:auto;padding:4px 0 8px;text-align:center;color:#666;background-color:rgba(255,255,255,0.70);margin:0 0 -5px 5px;font-size:19px;text-shadow:0 1px 3px #999;border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;}.lvlttlesno{height:auto;padding:4px 0 8px;text-align:center;color:#666;background-color:rgba(255,255,255,0.0);margin:0 0 -5px -15px;font-size:20px;text-shadow:0 1px 3px #999;border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;}.lovelvels p{display:block;line-height:normal;margin:0 auto;}.lovelevel_1_ttkns a:link,.lovelevel_1_ttkns a:visited{padding:3px 11px;text-align:center;font-family: 'Oswald';font-style: normal;font-weight: 400;text-decoration:none;border:1px solid transparent;color:#F93;transition:all .3s;-webkit-transition:all .3s;border-radius:4px;-webkit-border-radius:4px;}.lovelevel_1_ttkns a:hover{text-decoration:none;border:1px solid #F63;color:#fff;background-color:#F93;box-shadow:0 3px 4px #999;-webkit-box-shadow:0 3px 4px #999;}.lvls{border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;transition:all .3s;-webkit-transition:all .3s;} .lvls:hover{background-color:rgba(255,255,255,0.80);}.img-responsive img{display:block;width:100%;height:auto;margin:0 auto;text-align:center;}.modimg{margin:0 auto;max-height:400px;overflow:hidden;}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clearfix {height:1%;}

HTML markup

<div id="main">
<div id="lovewrapper" class="leo-12 no">

  <div class="leo-12 no modimg">
  <div class="img-responsive">
  <img src="https://dexdan.files.wordpress.com/2015/12/mod.jpg" alt="model image"/>
  </div>
  </div>
 
 <div class="leo-12 loveheader"><p>Lovense Toys respond to tips</p></div>

 <div class="leo-12"> 
<div class="leo-12 lovecont">

<div class="leo-12 lovelvels">
<div class="leo-3 no lvlttlesno"><p>Level</p></div>
<div class="leo-3 no lvlttles"><p>Tip Amount</p></div>
<div class="leo-3 no lvlttles"><p>Reaction Time</p></div>
<div class="leo-3 no lvlttles"><p>Vibration Power</p></div>
</div>


<div class="leo-12 no lvls">
<div class="leo-3 lovelevel_1"><i>Level 1</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i><a href="#">1 - 20 tokens</a></i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>1 second</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>Low</i></div>
</div>

<div class="leo-12 no lvls">
<div class="leo-3 lovelevel_2"><i>Level 2</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i><a href="#">21 - 49 tokens</a></i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>5 second</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>Medium</i></div>
</div>


<div class="leo-12 no lvls">
<div class="leo-3 lovelevel_3"><i>Level 3</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i><a href="#">50 - 99 tokens</a></i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>10 second</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>Medium</i></div>
</div>

<div class="leo-12 no lvls">
<div class="leo-3 lovelevel_4"><i>Level 4</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i><a href="#">100 - 199 tokens</a></i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>15 second</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>High</i></div>
</div>


<div class="leo-12 no lvls">
<div class="leo-3 lovelevel_5"><i>Level 5</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i><a href="#">200 - 1000 tokens</a></i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>20 second</i></div>
<div class="leo-3 lovelevel_1_ttkns"><i>Ultra High</i></div>
</div>

</div>
</div>
</div>
</div>

Both markups must be installed in order for this widget to work properly.
It uses self-hosted fonts from Google webfont library and semi-responsive CSS. This version is also using custom header (can be removed)
Token values are buttons so replace the default # between double quotes with broadcaster's tip link...
Enjoy

 

[theaterdream]

Ok guys, I'm living a design nightmare. I can't figure out how to order my content on my profile page the way I want. I've only started working with HTML and CSS again after a few years off; I posted a few times earlier, but am only really getting back to it now.

I've hidden the header and footer bars in CSS, leaving the profile div only. I can move that around the page using relative positioning, no problem, and all the inline content lays out properly. It all behaves exactly as I expect. The problem comes when I try to create a custom div that appears above the profile div.

Here are the two divs as they appear in the customize profile section:

#header {
  position:relative;
  border:2px dotted green;
  top:0;
  width:800px;
  margin-left:-400px;
  left:50%;
}

#profile {
  position:relative;
  border:2px dotted red;
  top:400px;
  width:800px;
  margin-left:-400px;
  left:50%;
}

Then, in the about me section:

<div id="header">
</div>
<div id="profile">
</div>

In the header div, I just put a some text.

If I were just writing this code, I'd have no problem. But I'm having to juxtapose everything with existing code, and the how of it is more difficult than I anticipated.

Here's the dummy page I'm working on:

http://profiles.myfreecams.com/theaterdream

If I do the header div as fixed position, it appears exactly where I want. But obviously, the page will have enough content where scrolling will be involved, and a fixed element does not move.

When I look at the page source, it's definitely placing the header div after the profile div. How do I change this?
There has to be a simple answer, but I'm obviously missing it. I don't have to do some kind of negative absolute positioning relative to the profile div, do I? Is that even possible?

Thanks in advance!

 

[Dan N]

Ok guys, I'm living a design nightmare. I can't figure out how to order my content on my profile page the way I want. I've only started working with HTML and CSS again after a few years off; I posted a few times earlier, but am only really getting back to it now.

I've hidden the header and footer bars in CSS, leaving the profile div only. I can move that around the page using relative positioning, no problem, and all the inline content lays out properly. It all behaves exactly as I expect. The problem comes when I try to create a custom div that appears above the profile div.

Here are the two divs as they appear in the customize profile section:

#header {
  position:relative;
  border:2px dotted green;
  top:0;
  width:800px;
  margin-left:-400px;
  left:50%;
}

#profile {
  position:relative;
  border:2px dotted red;
  top:400px;
  width:800px;
  margin-left:-400px;
  left:50%;
}

Then, in the about me section:

<div id="header">
</div>
<div id="profile">
</div>

In the header div, I just put a some text.

If I were just writing this code, I'd have no problem. But I'm having to juxtapose everything with existing code, and the how of it is more difficult than I anticipated.

Here's the dummy page I'm working on:

http://profiles.myfreecams.com/theaterdream

If I do the header div as fixed position, it appears exactly where I want. But obviously, the page will have enough content where scrolling will be involved, and a fixed element does not move.

When I look at the page source, it's definitely placing the header div after the profile div. How do I change this?
There has to be a simple answer, but I'm obviously missing it. I don't have to do some kind of negative absolute positioning relative to the profile div, do I? Is that even possible?

Thanks in advance!

That's a difficult approach you want to achieve. display:absolute;top:-500px /* or other negative value */;left:0; might do the job but its a nasty edit as the element will overlap the default Bio content .
Personally I do not suggest this type of editing because it is tricky.

 

[Dan N]

sorry, for my above mistake its

display:block; position:absolute; top:-500px; left:0;

my bad ... this is what happens when I rush things lol ... unfortunately I could not edit the above reply as the time for editing expired

 

[theaterdream]

Thanks, Dan. Good to know I wasn't going crazy, lol. The knowledge is in my head, somewhere. Just seems the div ordering should be easy, but that's just me.

My other question, then. How do other people do it when they have a div before the bio information? I see it quite often. Do they simply hide all the other header bar info, and put the div inside it?

Edit: Maybe they just wipe what they want in the header, resize the div, and create a graphic to use as a background image. I forgot about the header div being available. Sleep deprivation. I've put in about thirty hours the past four days brushing up and masking pictures in Photoshop. Oy, my eyes.

Appreciate the help.

 

[Dan N]

Thanks, Dan. Good to know I wasn't going crazy, lol. The knowledge is in my head, somewhere. Just seems the div ordering should be easy, but that's just me.

My other question, then. How do other people do it when they have a div before the bio information? I see it quite often. Do they simply hide all the other header bar info, and put the div inside it?

Edit: Maybe they just wipe what they want in the header, resize the div, and create a graphic to use as a background image. I forgot about the header div being available. Sleep deprivation. I've put in about thirty hours the past four days brushing up and masking pictures in Photoshop. Oy, my eyes.

Appreciate the help.

How do other people do it when they have a div before the bio information?

Re: There are three ways as i can think of...one is by using an image as you previously mentioned, the nasty and annoying way.. using the markup as I've already mentioned or... the "fake" way which defines the action of removing the entire default section and add it manually.
The last suggestion has a "fake" in there... its because the coder removes the entire About Me Bio section with all its content and add a fake one manually populated. In this case, any model with a low camscore can display a 4k camscore

Personally I'd remove the default bio section (location, gender, occupation....bla bla bla ; the entire area) and replace it with a custom fully editable About Me area with text, image, buttons/links or whatever is necessary.

The nasty version requires a bit more stretched nerves because its a lot to tweak.
First you will need to move (away from the top) the entire default wrapper element via css allowing your div to be placed at the very top of the default About Me Bio... the value is defined by the height of your custom div... That's one issue.
The second issue is ... because the CSS is using absolute positioning some sections of the layout will mess up (like comment section for example which will most probably overlap the immediately above content) ... its pretty messy and not recommended ...
To sort all those things out is a pain... and I didn't started to mention about responsive layout.

My suggestion... ether edit the About Me default section as it is and add your custom code in other section like My Fav Book for example or disable the content entirely replaced by you own markup.

By the way... make sure you don't add custom IDs or CLASSes with the same name as MFC default ones.
if MFC uses #header as a ID tag to a div element (even if you disabled the default markup for it) use your own names avoiding possible conflicts like #myheader or #my_header / #customheader
Best of luck

 

[Ms_Gingersnatch]

I have some general profile questions:

1) Are the tags and demographic info searchable even if they aren't displayed?

2) I've gotten rid of most of the elements of the default layout, but (aside from the Status/Headline/Last Broadcast area, which I left in place per advice posted by @AmberCutie), are there elements that I need to keep in order to be functional?
a) Do I need any part of the Friends area? I'm under the impression that ratings and admires don't actually do anything for me, correct? Is it safe to delete them?
b) What about that "Make Friend" link in the Friends area - do I actually need that? Does hiding it impede members' ability to find me easily?
c) Do I need to have the Message Wall? Are people sad if you hide it?

3) My profile isn't unreadable on mobile, but my careful layout gets messed up and doesn't look great. Do most mobile users even look at profiles? I know it took me forever on mobile to even figure out where the profile was located. I feel like it will take a lot of work to make it pretty on desktop AND mobile. Do you think it's ok to just leave it ugly for mobile users for the time being?

4) I don't mean this as a critique of anyone's profile, but a lot of them are too flashy for me. There are so many colors, fonts, icons, sparkles, cartoon animals, flowers, and moving parts that I get overwhelmed. I don't think I can build something like that. If mine is more understated with a simple color scheme and clean-ish aesthetic, I hope that will be ok. I think it can still be visually appealing with the help of pics. What concerns me is that it won't look quite so bubbly/peppy/young, so it might send the subconscious message that I'm... well... old. (edit: I'm in my early 30s, so legitimately older than a lot of MFC models, but I don't think I'm old as a human.) What do you think?

TIA, I really appreciate the help!

 

[Ms_Gingersnatch]

^^ Please disregard question #3. I figured it out. Feel like a fucking imbecile, but that's how learning happens...

 

[Dan N]

@Ms_Gingersnatch

1. Good question... Let's find the logic. If you are using display:none to remove the tags from rendering on your profile page, it will be only a display issue and not a functionality issue (i think). My opinion, editing a css doesn't disable the functionality... it only hides it.

2. adapt the answer from question 1
3. skipped
4. Your profile page is your calling card, your brand. Most models don't realize that... it must represent you, empower your image BUT designed for tippers. Consider your profile page like a tv commercial ... yes it is about a product or service but it is focused to drive attention, to stimulate the target (making people buy it).
- regarding the visual aspect... many people - different styles... I will not digg into this to much as this reply will become very long and boring. So I will keep it as simple as I can.
Animations are great for visitor/profile interaction... overwhelmed by it, only if the profile design is not balanced.
Using animations / hover effects (carefully) is a plus as the visitor can interact with the element (call to action for example) and drive focus to it.

lol... age is a matter of perception, if you feel old, they will see you old... but all age-category has its perks (experience is one of them)

Bottom line.
For your profile design find the balance.
- avoid making it unappealing and dull
- design it to represent you but targeting them (tippers)
- do try to make the design (profile layout) mobile-friendly
- with a well developed, fresh and appealing profile page, tips/tokens can flow to you even if you are not online

This are my own opinions based on some years working with models, i might be wrong... but i "deliver" as it is.
Good luck

 

[Ms_Gingersnatch]

@Dan202 Thank you for your thoughts! As far as the searchability question, that makes sense.

As far as #2 and the Friends area, I see how the logic applies from a technical standpoint. But if I display:none the rate, admire, and make friends features, then they're not functionally functional(?), even if they still exist, since the members won't be able to click them. I guess I was mainly wondering if the members or I derive any tangible benefit from using those features, or if they're basically fluff anyway.

I see what you mean about balance. The sample MFC profile you have listed on ACF accomplishes that really well - just the right amount of flashiness! It's also WAY above my skill level (just the flippy things at the top make me want to cry, lol), but it's good inspiration to improve. It also gave me an idea for one tiny change that made my own humble design pop a little bit better, so thank you!

At this point, I don't really know if MFC is even right for me, so I probably shouldn't sink too much time, sweat, and tears into the profile just yet...

 

[Dan N]

@Ms_Gingersnatch ... Rate / Friends - you should definitely ask another webcam performer with more experience .. tho I do have 10 years of coding MFC profile designs I am not a model (not even a premium -- nationality is an issue on MFC and i'm not allowed to upgrade) so, another model with some years behind can tell you if rate and admire really works in model's favor or is just for "show"....

Comment section is like a testimonial on a website and I do suggest to be available on profile page but if your custom design is a bit more complex and doesn't work well with comment area.... well, ... display:none...
Personally I do read first comments on model's profile page (most recent ones) but others might not even scroll so far down the page.

About my design - its my testing profile page and before I add templates to Camgirl Live Editor I do several tests... but yup i like the flipping effect too... its interactive enough and because it is posted on the first visible area it has 80% chances for user interaction.

Best of luck Ms G

 

[theaterdream]

^^ Please disregard question #3. I figured it out. Feel like a fucking imbecile, but that's how learning happens...

I feel like an imbecile several times a day when coding; don't feel bad.

 

[Ms_Gingersnatch]

Thanks for saying so (although I'm pretty sure my solution is more or less "cheating," but for now I don't care as long as it works). I had no idea when I got into camming that there would be these insane learning curves. I'm a pretty academic type, but these kinds of things feel like REAL learning. I mean, I'm totally doing all this stuff by trial and error, and it feels like banging my head against the wall for hours at a time, but making internet shit look and work properly is so fucking rewarding!

 

[WyomingWynters]

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!

I have been searching for how to set it up so people can buy videos straight from my profile...can you point me to how to set this up or someone that does it professionally? Thank you! Wyoming Wynters

 

[WyomingWynters]

Hi,
I've been searching for years on how to set up on my profile so that people can purchase videos right off my profile with tokens even when I'm offline...does anyone know how to set this up or a professional who does it? Thanks so much xoxo Wyoming Wynters

 

[AmberCutie]

I have been searching for how to set it up so people can buy videos straight from my profile...can you point me to how to set this up or someone that does it professionally? Thank you! Wyoming Wynters

You would use MFC's new content site that you can link directly to on your profile: https://share.myfreecams.com/

 

[SugarHi]

As far as #2 and the Friends area, I see how the logic applies from a technical standpoint. But if I display:none the rate, admire, and make friends features, then they're not functionally functional(?), even if they still exist, since the members won't be able to click them. I guess I was mainly wondering if the members or I derive any tangible benefit from using those features, or if they're basically fluff anyway.

Rate and Admire are just fluff. At one time many years ago rate and admiring actually benefited your camscore, but it hasn't been that way for a long time, unfortunately many members still believe it does.

I don't mean this as a critique of anyone's profile, but a lot of them are too flashy for me. There are so many colors, fonts, icons, sparkles, cartoon animals, flowers, and moving parts that I get overwhelmed. I don't think I can build something like that. If mine is more understated with a simple color scheme and clean-ish aesthetic, I hope that will be ok. I think it can still be visually appealing with the help of pics. What concerns me is that it won't look quite so bubbly/peppy/young, so it might send the subconscious message that I'm... well... old. (edit: I'm in my early 30s, so legitimately older than a lot of MFC models, but I don't think I'm old as a human.) What do you think?

In my opinion simple is better, if there is too much going on readers are likely to be distracted, if there is too much information they're likely not going to read it all. When I create a profile I tend to go with the "Apple look"...simple, clean, and easy to use.