How to set up a MFC CSS profile

[Zoomer]

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.

You can center your text, i just did it *shrugs*

Just use inline css style such as

<p style="text-align:center">blah blah blah</p>

It appears you can do quite a bit on the profile page Quick check using divs, float properties, alignments, margins, padding, borders, colours whatever... all working fine.

 

[katie_christ]

wait, wait... you can mix css in with the html code in the profile boxes? i haven't tried it in the past couple days, but i was almost positive that's how i kept dicking up my profile in the first place...

 

[SadieSixx]

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" />)

You can host images in your image gallery on MFC AND have it to wear it wont show up to your profile viewers. When you upload a pic, dont select an album, just leave the drop down on the "Choose a gallery..." option. When you upload it, it will autocreate an album labeled "unassigned". Click on the picture and copy the URL, and Boom, pictah!!!

 

[KeepItCopa]

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.

There is actually a simpler way than this by manipulating the css instead. If you go to the customize portion and put in

.interests_info {
display:none;
}

it will cover up all of the predefined headings regardless of what you put in the bottom sections or not. Hope this helps!

 

[WCStar]

There is actually a simpler way than this by manipulating the css instead. If you go to the customize portion and put in

.interests_info {
display:none;
}

it will cover up all of the predefined headings regardless of what you put in the bottom sections or not.

Questions....

Would this code also work to hide the schedule?

Or what code would allow repositioning the schedule?

 

[kittycatty]

hello! ive beeb reading all this, but i am a begginer when it comes to coding.
i have a very big problem about privacy: i have a stalker that go to my profile and sees every hour that i logged in.
can someone help me and tell me how can i edit that header section in css so it doesnt show anymoore the section with last updated and last log in?
thank you very much

 

[ArtfulOwl]

hello! ive beeb reading all this, but i am a begginer when it comes to coding.
i have a very big problem about privacy: i have a stalker that go to my profile and sees every hour that i logged in.
can someone help me and tell me how can i edit that header section in css so it doesnt show anymoore the section with last updated and last log in?
thank you very much

You can hide things like last updated and last login. I worked out how to do this with a certain amount of experimentation, and it seems to work (but I'm not an HTML or CSS expert). Go to the Customize Profile section, and add in this to the existing CSS (or replace the sections relating to those two containers, in the unlikely event that you've already fiddled with them). The trick is inspecting the source code for a page, and determining what the CSS selectors are for the bits what you want to hide, or modify.

#unix_last_login_container {
  display:none;
}

#unix_last_updated_container {
  display:none;
}

... but, and it's a big but, this only "hides" those dates. When you see the normal display that a browser generates, you won't see those containers any more, but they are still there, in the HTML source code, as something like this (slightly tidied up):

<div class="container" id="unix_last_login_container">
<span class="label" id="unix_last_login_label">
        Last Login:
</span>

<span class="value convert-time" id="unix_last_login_value" data-mfc-unix-time="1388538061" data-mfc-time-format="llll"></span>
</div>

Anyone with a moderate amount of computer knowledge can display that source code (typically you right click on the page and select something like "View page source") and convert that number into a real time. 1388538061 represents the 1st of January 2014, at 01:01:01 (it's the number of seconds since midnight on the 1st of January 1970 UTC).

So, you can hide it, but not from a determined and knowledgeable person. I think that this is however the best that you can do, without getting help from the MFC admins, which I'd imagine would be very very unlikely to happen.

 

[kittycatty]

wow, this really worked!!
the stalker its a basic, doesnt know any programming.
a very very big thank you for your help!

 

[ArtfulOwl]

I'm glad it worked, but for anyone else that is thinking of trying it, do remember that you then lose the ability to trivially change the settings that were previously there. You will then have to do it via editing the CSS, which whilst not terribly difficult, could be daunting to anyone who isn't that au fait with textual configuration. It's a lot more powerful, but quite a bit more involved, and MFC haven't exactly gone out of their way to document it. They have been fairly clear with the names, so it's moderately obvious what everything does, but I bet there are some nasty gotchas once you start getting more involved with changing stuff. :-D

 

[nataliewolfe]

How do I put a full-size photo above the "most recent pictures" section? I've been trying to do this forever and I can't seem to find a thread relating to it. Thank you so much!!!

 

[AmberCutie]

How do I put a full-size photo above the "most recent pictures" section? I've been trying to do this forever and I can't seem to find a thread relating to it. Thank you so much!!!

That's your "main photo". Upload a pic directly to that album.

 

[nataliewolfe]

How do I put a full-size photo above the "most recent pictures" section? I've been trying to do this forever and I can't seem to find a thread relating to it. Thank you so much!!!

That's your "main photo". Upload a pic directly to that album.

Thank you, I do have a main photo. But I've seen before models who have anther larger photo between the main one and the most recent. I've been looking at CSS codes all day and I can't seem to get it to work. Thanks for the response

 

[ArtfulOwl]

I'm not 100% sure where you want the image to go, but something like this:

#profile_photo_galleries:before {
  content:url('http://f.mfcimg.com/photos2/138/13812921/980-368-183-211-7386209.jpg');
}

... in the Customize Profile section, will insert an image from your MFC Photos (in this case, a simple "Test" image) immediately prior to the Photo Galleries section.

Obviously you'll have to load a suitable image somewhere, such as one of your MFC photo galleries, and get the URL for it. You can use other CSS selectors to move the image around in your profile, and also position the image with a greater degree of control, if you hunt through some guides on using CSS. Explaining all of that, is somewhat beyond a single post here!

If you make sure that the image is the size that you wish it to appear in the profile, then you will not need to do anything else, but you can also resize how it appears using CSS, if necessary.

 

[nataliewolfe]

I'm not 100% sure where you want the image to go, but something like this:

#profile_photo_galleries:before {
  content:url('http://f.mfcimg.com/photos2/138/13812921/980-368-183-211-7386209.jpg');
}

... in the Customize Profile section, will insert an image from your MFC Photos (in this case, a simple "Test" image) immediately prior to the Photo Galleries section.

Obviously you'll have to load a suitable image somewhere, such as one of your MFC photo galleries, and get the URL for it. You can use other CSS selectors to move the image around in your profile, and also position the image with a greater degree of control, if you hunt through some guides on using CSS. Explaining all of that, is somewhat beyond a single post here!

If you make sure that the image is the size that you wish it to appear in the profile, then you will not need to do anything else, but you can also resize how it appears using CSS, if necessary.

Thank you!!!