AmberCutie's Forum
An adult community for cam models and members to discuss all the things!

How to set up a MFC CSS profile

  • ** WARNING - ACF CONTAINS ADULT CONTENT **
    Only persons aged 18 or over may read or post to the forums, without regard to whether an adult actually owns the registration or parental/guardian permission. AmberCutie's Forum (ACF) is for use by adults only and contains adult content. By continuing to use this site you are confirming that you are at least 18 years of age.
Status
Not open for further replies.
May 27, 2012
12
0
46
I'm helping my GF with her profile but we only have it on basic. We don't know how to set up her CSS file to put together her RULES, her VIDEOS and her WISHLIST and any other information she may want to put on there. Can anyone help us figure this out? It would be greatly appreciated. And I apologize if I put this in the wrong forum section.
 
A Cascading Style Sheet isn't so much for setting up all of those things you're talking about. Typically those things are done by using HTML in some of the form sections on the profile so they can utilize them how they see fit. Some models even get really fancy by hiding the titles of those sections so things flow nicely. Even my profile utilizes a LITTLE HTML code for line breaks in certain sections.

What editing the CSS code directly will do is give you more control over style customization. Fonts, links, backgrounds, and several other elements can be specified for the document as a whole as well as settings for alternate styles (ie heading text versus body text). CSS biggest benefit is that you can add/modify content on a page or even an entire website (if it references the same CSS throughout) without having to go through and define all those custom fonts, colors, size, etc each time. At most you'll need to know the name of the style you intend to reference and in some cases you may not even need to do that. As mentioned before the main benefit on MFC to editing the CSS directly is to allow slightly more customization of your style when compared to the tools built in to their profile editor.

In any case, a great source to get started for many things web-design related is W3Schools. Most of what you'll need to set up a nice profile is under the HTML Tutorials section.
 
There are ways to set up stupidly beautiful CSS profiles, but that takes very advanced skillage.

I suggest using the basic CSS, editing everything in the n00b window, and adding all those things you want in the "About Me" box in the profile update page.
 
Thank you both. I've been struggling with this for the past month since she's started. I didn't know the CSS was just for " making it fancy " looking ( Which is another thing we want to do. ) and that HTML is what actually sets up each little portion of the things we were trying to put on there. It's mainly me that's doing all the work since I'm more computer savvy but I'm pretty blank when it comes to setting up websites and such. I talked to one model last night and she told me this: <ahref=" url address "><imgsre="pic url"></a> I typed all that in at the bottom of the css control panel and all it did was take her backround away ( which is a photo of herself.). I really am completely oblivious to all this but all your help is GREATLY appreciated.
 
CSS is not the same as HTML. They are different programming languages.

Code:
<a href=''><img src=''></a>

Is HTML. If you put HTML in to the CSS page, it's going to fuck up your CSS.

I highly recommend you don't edit the CSS by hand, just use the default page and edit the settings in the fields. It's made to be user friendly.

If you put CSS in the "Edit Profile" page, it's going to fuck up.

HTML goes in the Edit Profile page. CSS goes in the Customize Profile page.
 
yea, but once you enter the CSS page it won't let you go back to the " basic " edit page...Wait...is the " Customize Profile " section only for CSS? And I should just put all the HTML in her " Edit Profile " tab?
 
http://profiles.myfreecams.com/Gonzogirl

That's the link to her profile. We're trying to set up her wishlist through amazon with a button. We're trying to set up boarder with her Rule for her room that reads " Gonzo's Rules " or something along those lines and she also said that she can't upload videos through the same process as loading up photos.
 
ReijiHowl said:
yea, but once you enter the CSS page it won't let you go back to the " basic " edit page...Wait...is the " Customize Profile " section only for CSS? And I should just put all the HTML in her " Edit Profile " tab?

The Customize Profile page is only for CSS. There is a large button underneath the text entry window that says "Return To Basic Customization Mode".

As I said, you need to put all HTML under the Edit Profile page.

You are correct that you cannot upload videos to MFC.

If you are struggling, and you don't have trust issues, you can just send me the password to her page and I can help. I've done it before.
 
I'll have to ask her. I'm just going off what I've seen on other women's profiles. Some of them have their profiles decked out! But every I return to the basic CSS profile set up it erases everything I've done. I've had to " re do " her profile countless times because I've been trying to figure it out.
 
ReijiHowl said:
I'll have to ask her. I'm just going off what I've seen on other women's profiles. Some of them have their profiles decked out! But every I return to the basic CSS profile set up it erases everything I've done. I've had to " re do " her profile countless times because I've been trying to figure it out.

It sounds like you are having much more trouble than the average model. Are you trying to do really complicated stuff?
 
I wouldn't worry about the CSS at all. Choose your settings in the basic thing there and then leave it. You only need some basic HTML to get a pretty spiffy profile going. I've thrown together a few items below. None of this deals with the CSS.

Code:
<p>HTML Time!</p>
<p>Here's some basic HTML! <br />
Check out this awesome <a href='http://www.ambercutie.com/forums">link</a>. <br />
Or this badass picture below!</p>
<img src='http://i.imgur.com/S3iGs.jpg' />

An HTML tag has < and > surrounding it.
The <p></p> tags define paragraphs. Enclosing text in these brackets define it as a paragraph, naturally setting it off from other elements on the page.
The <br /> tag is a line break.
The <a href=></a> tags create a hyperlink around texts, pictures, etc between the opening and closing tag.
The <img src= /> tag inserts a picture. You'll need to have the picture hosted to some place that allows the photo to be linked to (often known as hotlinking).

There's some basics. I HIGHLY recommend you take this and what Evvie has mentioned and play around with it a bit. While I'm sure she'd do a good job of it I personally feel it would be best if your wife or you could make modifications easily yourselves. You do not need to know very much HTML at all to make a nice profile. Many girls do it by simply choosing their customize settings carefully and the few tags I've included above.

NOTE TO GEEKS: Yes... I am lacking html, head, title, etc tags. Since it is all loaded in line with the rest of the profile, I don't think them necessary for his application. Some of it may even be deprecated by now. My only official study of HTML happened 15 years ago. Ever since I've just learned enough on my own to do the things I wanted at the time.
 
Actually Mirra, your code was just what he needed. Dunno if you've done profile editing on MFC but it isn't a blank entry box where anything goes. We can't use html/body/title tags, or even stuff like center.
 
Evvie said:
Actually Mirra, your code was just what he needed. Dunno if you've done profile editing on MFC but it isn't a blank entry box where anything goes. We can't use html/body/title tags, or even stuff like center.
I've done basic line breaks on my own profile (as mentioned) and helped a model once with hers actually. I've told AmberCutie this but the model in question wanted to know how Amber had hidden the headings to the sections she'd used. I dissected Amber's profile and mostly figured out how to replicate it. :p
 
  • Like
Reactions: ClaritySage
I'll try to fiddle around with it some time today or later this week. Entry exams are coming up and I've got quite a bit to do due to trying to get into college. No, we're not 18; I'm just getting off to a very late start on college due to me not being able to work because of my disability. More information than you needed to know but I've been on a 20 hr binge of studying and it doesn't look like I'm gonna' get any sleep at all today 7:30 am right now. Ugh....Again, thank you two so much. If I have anymore questions ( and I'm sure I will because I probably won't put the codes in the right spot. ) I'll let you. :clap:
 
Mirra said:
I wouldn't worry about the CSS at all. Choose your settings in the basic thing there and then leave it. You only need some basic HTML to get a pretty spiffy profile going. I've thrown together a few items below. None of this deals with the CSS.

Code:
<p>HTML Time!</p>
<p>Here's some basic HTML! <br />
Check out this awesome <a href='http://www.ambercutie.com/forums">link</a>. <br />
Or this badass picture below!</p>
<img src='http://i.imgur.com/S3iGs.jpg' />

An HTML tag has < and > surrounding it.
The <p></p> tags define paragraphs. Enclosing text in these brackets define it as a paragraph, naturally setting it off from other elements on the page.
The <br /> tag is a line break.
The <a href=></a> tags create a hyperlink around texts, pictures, etc between the opening and closing tag.
The <img src= /> tag inserts a picture. You'll need to have the picture hosted to some place that allows the photo to be linked to (often known as hotlinking).

There's some basics. I HIGHLY recommend you take this and what Evvie has mentioned and play around with it a bit. While I'm sure she'd do a good job of it I personally feel it would be best if your wife or you could make modifications easily yourselves. You do not need to know very much HTML at all to make a nice profile. Many girls do it by simply choosing their customize settings carefully and the few tags I've included above.

NOTE TO GEEKS: Yes... I am lacking html, head, title, etc tags. Since it is all loaded in line with the rest of the profile, I don't think them necessary for his application. Some of it may even be deprecated by now. My only official study of HTML happened 15 years ago. Ever since I've just learned enough on my own to do the things I wanted at the time.




now where do u put this? after or before your text
 
Mirra said:
Evvie said:
Actually Mirra, your code was just what he needed. Dunno if you've done profile editing on MFC but it isn't a blank entry box where anything goes. We can't use html/body/title tags, or even stuff like center.
I've done basic line breaks on my own profile (as mentioned) and helped a model once with hers actually. I've told AmberCutie this but the model in question wanted to know how Amber had hidden the headings to the sections she'd used. I dissected Amber's profile and mostly figured out how to replicate it. :p


can u help me? im not sure how to message you
 
now where do u put this? after or before your text[/quote]


Same question. I haven't gotten around to it yet but I do need to know.
 
As previously stated, add that HTML to the About Me box in your Edit Profile page.
 
Let's see if this makes it clearer. I've taken some screenshots using my own profile as an example. The following is the about me and it's immediate surroundings on my profile as they were a few minutes ago.

I took what was there and expanded upon it a bit so I would have more to work with. I added HTML tags here and there to give some different formatting. I did this all in Notepad and have also used Notepad++ when doing bigger projects. I highly recommend others doing so as well and copy your code from it to the MFC editor since broken code submitted to MFC will erase everything in that box and leave you with just the error code. I ended up with the following code:
Code:
<p>Hello and thanks for reading! <br />
I am a bit of a <strong>geek</strong> if you haven't figured that out by now. <br />
I'm also a bit of a car nut. If I had things my way, this is what I would drive:</p>
<a href="http://imgur.com/Q3Vdr"><img src="http://i.imgur.com/Q3Vdr.jpg" alt="" title="Hosted by imgur.com" /></a>
<p>While I often come across as emotionless and lacking in personality, I prefer the term <strong><i>reserved</i></strong>. My friends would probably tell you I'm crazy. That's what you have to look forward to if I warm up to you.</p>
Into the About Me section of the editor as seen here:

Which resulted in the following look on my profile (note: the imgur jpg doesn't seem to want to hotlink properly so it may appear broken. I'll be removing it from my profile approximately 24 hours from now.):

Hopefully this provides an even more in-depth look at what you're trying to do.
 

Attachments

  • BeforeHTML.jpg
    BeforeHTML.jpg
    25.3 KB · Views: 638
  • AfterHTML.jpg
    AfterHTML.jpg
    84.4 KB · Views: 650
  • HTMLInEditor.jpg
    HTMLInEditor.jpg
    63.6 KB · Views: 639
  • Like
Reactions: ReijiHowl
Okay, I noticed in the " code " section the text was different than in the " about me " section. Is that an auto text that the site does after the page is updated?
 
ReijiHowl said:
Okay, I noticed in the " code " section the text was different than in the " about me " section. Is that an auto text that the site does after the page is updated?
Perhaps you can tell us what the text started as and what it ended up as.
 
I haven't done it yet, I was just asking for clarification. I'm actually about to start fiddling around with her profile now. And to add her link to her Amazon Wishlist, do I just copy and paste her wishlist page once I'm logged into her Amazon account? I actually wanted to add a button that read " AMAZON " like I've seen on some women's pages and have it off to the side or something rather than people having to scroll all the way down to see it. I've noticed the majority of guys don't check a woman's profile and if they do they don't scroll all the way down and read " the specifics " unless it's " flashy ".
 
http://profiles.myfreecams.com/KoLie_Cakes
^ This model has a button for Amazon. Do I just right click and " save image " and use and HTML button code with the picture?

http://profiles.myfreecams.com/LovelyLemon
^ And this model has all her stuff to the right side where we want to put her stuff. All in all if putting all her detailed stuff in her about me section is all you guys can do I'll settle with that because you two have been a HUMONGOUS help.
 
You should consider paying someone to build a profile for you.

You seem to be having a great deal of trouble understanding the basics of HTML and design.

All in all if putting all her detailed stuff in her about me section is all you guys can do I'll settle with that because you two have been a HUMONGOUS help.

Actually, we can do a hell of a lot. I've built some awesome profiles and websites in my time, and so have other people here. We can do pretty neat stuff. We, however, are not the problem.

If you cannot make a profile to your satisfaction, I'm sorry you have to settle for our advice.

So far we have been explaining everything step-by-step but you still seem to be having trouble understanding very basic instructions and installing code that has been written and handed to you.

Once again, you should probably just pay someone to make a profile for you if you can't grasp basic concepts of profile building.
 
  • Wat?!
Reactions: Leedsladlooking4
Eh... I think I'm done here. I actually put a little time and effort into my last post here and thought it was about as easy as paint-by-numbers (i.e. we are intentionally choosing baby steps here) but I don't think I'm spending my time wisely. Evvie might be on to something. You may need to just get someone to do it for you after all. Good luck to you!
 
Evvie said:
Actually Mirra, your code was just what he needed. Dunno if you've done profile editing on MFC but it isn't a blank entry box where anything goes. We can't use html/body/title tags, or even stuff like center.
why the hell can't you center :c that sucks.
i know this isn't my thread and i hate to barge in, but i posted about needing profile help and don't think i was as successful as this gentleman in explaining what i needed help with..
i remember HTML from high school, and can figure out how to make pics into links, blah blah blah. stuff discussed here. but i have 2 questions:
1) where the heck do you make graphics? (like boxes with lists of rules or raffle details or whatever) if i could make the graphic i could put the darn thing in, but all i've been able to figure out is using something like cooltext, saving the image, then inserting it (with HTML of course). and in order for it to look right i have to do each line individually. and there's no box with border. would a table be the answer? or should i just do weird shit in paint and use the picture. they don't need to be links, so i guess that would work. just curious if there's a simpler way? i'm being a tard about something here.
2) is there a way to get rid of headings (about me, hobbies, whatever) i know if you don't put anything in the box it won't show up, but if if i put all my code in my "about me" for instance, i'm going to have my own little "about me" part with a cute little heading. i don't want the MFC one to show up if i can avoid it.
 
KatieBoots said:
i know this isn't my thread and i hate to barge in, but i posted about needing profile help and don't think i was as successful as this gentleman in explaining what i needed help with..
i remember HTML from high school, and can figure out how to make pics into links, blah blah blah. stuff discussed here. but i have 2 questions:
1) where the heck do you make graphics? (like boxes with lists of rules or raffle details or whatever) if i could make the graphic i could put the darn thing in, but all i've been able to figure out is using something like cooltext, saving the image, then inserting it (with HTML of course). and in order for it to look right i have to do each line individually. and there's no box with border. would a table be the answer? or should i just do weird shit in paint and use the picture. they don't need to be links, so i guess that would work. just curious if there's a simpler way? i'm being a tard about something here.
2) is there a way to get rid of headings (about me, hobbies, whatever) i know if you don't put anything in the box it won't show up, but if if i put all my code in my "about me" for instance, i'm going to have my own little "about me" part with a cute little heading. i don't want the MFC one to show up if i can avoid it. [/color]

1) Well it sounds like you at least have something to go on. You could do a table but most of the ones I've seen like that have just been one solid image. Some models do some pretty nifty things just using MS Paint... though I notice the ones who are best with that exploit the auto-shapes a lot to dress up banners and such. More professional graphics are probably made with a combination of expensive products many of which are made by Adobe. An intermediate step into the professional graphics side of things that is free is to use GIMP. You'll need a host to upload them to though I THINK you can create a profile graphics album on MFC and then link your stuff from there (if I recall correctly) though the cleaner way would be to have an external host that will allow hotlinking of the image. Then you can do the part it sounds like you know how to do. (<img src="http://myimagehost.lol/imagenamehere.jpg" />)

2) There is a way to cover up the headings. As I mentioned before, a model asked me how AmberCutie's profile didn't have the headings and after looking at the source HTML for her profile I determined that she (Or Jawbs?) had used a pretty nifty trick by taking an image and using some awesome <div> tags to position the image on top of the section headings essentially covering them up. They're still there... but you cannot see them because they are hidden behind the fanciness. Basically... it looks like <div> tags can be stupidly awesome for customizing MFC profiles but I just copied, modified, and tweaked the code from AmberCutie's profile till I made it work when I helped someone else replicate it.

Hopefully I've understood what you were looking for correctly and this post is actually helpful instead of being even more confusing. :p
 
Mirra said:
2) There is a way to cover up the headings. As I mentioned before, a model asked me how AmberCutie's profile didn't have the headings and after looking at the source HTML for her profile I determined that she (Or Jawbs?) had used a pretty nifty trick by taking an image and using some awesome <div> tags to position the image on top of the section headings essentially covering them up. They're still there... but you cannot see them because they are hidden behind the fanciness. Basically... it looks like <div> tags can be stupidly awesome for customizing MFC profiles but I just copied, modified, and tweaked the code from AmberCutie's profile till I made it work when I helped someone else replicate it.

Hopefully I've understood what you were looking for correctly and this post is actually helpful instead of being even more confusing. :p
yay! yes, thank you c: that's exactly what i was looking for! i wasn't sure what to call it, but gimp is just what i wanted to try!
now, with the <div> tags... i don't remember exactly how to use those (i'll be looking it up shortly) but i'm assuming the placement would be at the beginning of the box i'm going to put all my info in? would there be a need for header tags, or can they be used?
 
No need for header tags. From what I can tell, the code in AmberCutie's profile creates a division, sets a background color and image, sets a repeat for said image, then sets a position for the background color and image that will move it up and on top of the section's predefined heading (e.g. Favorite Books).
 
  • Like
Reactions: katie_christ
Actually, you two took my post the wrong way. I have " grasped " the concept of HTML enough to get what we wanted done done. And, Mirra, if if wasn't for your last post with snap shots I wouldn't have been able to do it as well as the link to the HTML site you gave me in your earlier posts. What I meant as far as " settling " is if I get confused and mess something up. You two have been a great help which I've stressed several times. The only thing I was asking was about pushing all the stuff to the side or adding an Amazon button. The details you guys gave me have worked and are operating all thanks to you two.
 
Status
Not open for further replies.