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

MyFreeCams Profile Help!

  • ** 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.

AmberCutie

ACF Owner & Admin. (I don't work for CB.)
Staff member
Cam Model
Mar 1, 2010
31,467
17
127,168
0
AmberLand (Seattle, WA)
Twitter Username
@amberlynnegirl
MFC Username
AmberCutie
ManyVids URL
https://www.manyvids.com/Profile/1000458969/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!
 
First of all, thank you so much for your effort!

I used your code ! :shy:
So I replaced .menu with .mymenu but it did nothing, I can still scroll down.
What am I doing wrong?
Could you post the full code that are you using? or maybe the link to the profile where you want to add it.

The CSS markup to make the menu bar stick to the top margin of your browser is defined by position:fixed; attribute,
and it will stick/float even if you scroll down to the bottom of the page.
Now... about the responsive links inside the top menu...
Your additional CSS should look like this:
mobile phones, small screen
HTML:
@media only screen and (max-width: 500px) {
.mymenu{height:auto}
.mymenu a:link, .mymenu a:visited{display:block;text-align:center;font-size:15px;border-bottom:1px solid transparent;}
.mymenu a:hover{display:block;text-align:center;font-size:15px;border-bottom:1px solid #f1f1f1;}
}

tablets
HTML:
@media only screen and (min-device-width: 768px) {
.mymenu{height:auto}
.mymenu a:link, .mymenu a:visited{display:block;text-align:center;font-size:18px;border-bottom:1px solid transparent;}
.mymenu a:hover{display:block;text-align:center;font-size:15px;border-bottom:1px solid #f1f1f1;}
}

By the way, when changing a class name in CSS, make sure you also rename the class from HTML markup
 
Upvote 0
Could you post the full code that are you using? or maybe the link to the profile where you want to add it.

The CSS markup to make the menu bar stick to the top margin of your browser is defined by position:fixed; attribute,
and it will stick/float even if you scroll down to the bottom of the page.
Now... about the responsive links inside the top menu...
Your additional CSS should look like this:
mobile phones, small screen
HTML:
@media only screen and (max-width: 500px) {
.mymenu{height:auto}
.mymenu a:link, .mymenu a:visited{display:block;text-align:center;font-size:15px;border-bottom:1px solid transparent;}
.mymenu a:hover{display:block;text-align:center;font-size:15px;border-bottom:1px solid #f1f1f1;}
}

tablets
HTML:
@media only screen and (min-device-width: 768px) {
.mymenu{height:auto}
.mymenu a:link, .mymenu a:visited{display:block;text-align:center;font-size:18px;border-bottom:1px solid transparent;}
.mymenu a:hover{display:block;text-align:center;font-size:15px;border-bottom:1px solid #f1f1f1;}
}

By the way, when changing a class name in CSS, make sure you also rename the class from HTML markup

I understand now. Thank you so much!

One more thing, I would like to hide all parts of profile except, for example, tip menu when I click on Tip Menu button on navigation bar.
I hope you understand, THIS and THIS profile have that feature.
So that there is no scrolling through all sections of profile, but instead you have to click on buttons on navigation bar to get to each section.

I'm so sorry if this is confusing, English isn't my first language.

HTML:
<div class="mymenu">
<a href="#AboutMe">About Me</a>
<a href="#Section-1">Section 1</a>
<a href="#Section-2">Section 2</a>
<a href="#Section-3">Section 3</a>
</div>

<div id="AboutMe">
<p>This is the content for About Me section</p>
</div>

<div id="Section-1">
<p>This is the content for Section 1</p>
</div>

<div id="Section-2">
<p>This is the content for Section 2</p>
</div>

<div id="Section-3">
<p>This is the content for Section 3</p>
</div>

HTML:
body {
  width:90%;
  margin:auto!important;
  overflow-y:hidden:;
  overflow-x:auto!important;
  font-weight:normal;
  font-style:normal;
  font-size:15px;
  font-variant:small-caps;
  color:white;
  display:block;
  background-color:black;
}

.mymenu {
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  position:fixed;
  top:0;
  left:0;
  z-index:500;
  text-align:center;
}

#unix_last_broadcast_container,#status_label,#member_type_value,#last_login_string_container,#unix_last_updated_container,#blurb_container,#avatar_holder,#profile_header_container .heading,#about_me_label,#header_bar,#footer_bar,#profile_comments,#profile_main_photo,#profile_about_me .heading,#profile_about_me #username_container,#profile_about_me #gender_container,#profile_about_me #body_type_container,#profile_about_me #hair_container,#profile_about_me #weight_container,#profile_about_me #height_container,#profile_about_me #age_container,#profile_about_me #sexual_preference_container,#ethnicity_container,#eyes_container,#country_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#tags_container,#occupation_container,#profile_schedule,#profile_interests_content,#friends_container,#favorite_models_container,#cam_score_label,#member_type_value,#member_message_value,a[href="#wall"],#profile_friends,#profile_password_photo_galleries,#status_container {
  display:none!important;
}
 
Upvote 0
@Ooh La La its a bit more difficult because you will have to work with :target in CSS . Hide all the sections and work with additional CSS
Silvercowgirl uses a similar concept. Somewhere on this topic.thread (forgot the page....sorry) you will find the markup used to hide the default sections.
On MFC model's settings page offers the option to hide sections
 
Upvote 0
Just wondering, if someone can offer some advice.

I have recently been working on a MFC profile for a friend, but after reading through this post it appears I may have ran into an issue, the profile I created is all in HTML and I have very limited knowledge of CSS.

So basically I guess what I am wondering, is if I somehow remove all the core functions of MFC within profile via CSS, would that allow me to use my HTML code as the profile? And if so would someone be open to share the code.

Thanks for any input in advance!
 
Upvote 0
It's been a long time since I've customized an MFC profile, so I may be misinformed. However as far as I know, MFC uses limited codes to prevent injection (safety stuff), so unless your primary codes are simple DIVs, IMGs or links, you'd need to brush up on your CSS quite a bit. I'm not even sure tables are allowed!
 
Upvote 0
Hi, if anybody needs help with their Profile, HTML, CSS, let me know.
I don't ask for any payment.
I just like to help.

I'm trying to put a header image and it doesn't get placed at the top, it ends up covering my about me section. I used position: absolute as any other way royally screws the spacing of everything else! I have a big blank space where the header should be, bit for some reason the image wont show up there. www.Profiles.myfreecams.com/gabbi_

Thanks
 
Upvote 0
It's been a long time since I've customized an MFC profile, so I may be misinformed. However as far as I know, MFC uses limited codes to prevent injection (safety stuff), so unless your primary codes are simple DIVs, IMGs or links, you'd need to brush up on your CSS quite a bit. I'm not even sure tables are allowed!

Thanks for the reply, my HTML code is not too complex - I might create a new account on MFC and test the code out as a profile on a new user that way I can get a.better understanding of what will be required going forward!
 
Upvote 0
I'm trying to put a header image and it doesn't get placed at the top, it ends up covering my about me section. I used position: absolute as any other way royally screws the spacing of everything else! I have a big blank space where the header should be, bit for some reason the image wont show up there. www.Profiles.myfreecams.com/gabbi_

Thanks
Position absolute will not work by itself... you will need to use a negative value like top:-400px; for example (tho i do not recommend this type of editing)
 
Upvote 0
It's been a long time since I've customized an MFC profile, so I may be misinformed. However as far as I know, MFC uses limited codes to prevent injection (safety stuff), so unless your primary codes are simple DIVs, IMGs or links, you'd need to brush up on your CSS quite a bit. I'm not even sure tables are allowed!
table elements are accepted but i'd suggest cols with % values for responsiveness... yes CSS.
 
Upvote 0
Well that was a total failure, Some of my code works fine on MFC as a profile, but some aspects does not, sadly I was using W3S to test my HTML code as working on it and everything works fine.

But some of the code reappears in the about me section and I am searching the internet to try and remove aspects of MFC's core profiles in order for my code to not look so messed up!

So annoying, but more work required!
 
Upvote 0
Thanks for the reply, my HTML code is not too complex - I might create a new account on MFC and test the code out as a profile on a new user that way I can get a.better understanding of what will be required going forward!

Heck yeah, that's what I'm doing. Basic tags are usable for sure, such as headers, paragraph breaks, etc. You can definitely still get quite a bit done with basic HTML. But for aesthetics/flexibility, CSS is definitely your best friend. Even simple classes can go very far. The wonderful thing about CSS is how malleable it is! Great fun to play with.

table elements are accepted but i'd suggest cols with % values for responsiveness... yes CSS.

Good to know! Thank you!
 
Upvote 0
Well that was a total failure, Some of my code works fine on MFC as a profile, but some aspects does not, sadly I was using W3S to test my HTML code as working on it and everything works fine.

But some of the code reappears in the about me section and I am searching the internet to try and remove aspects of MFC's core profiles in order for my code to not look so messed up!

So annoying, but more work required!

First of all you need to get familiar with default core MFC functions... did you know that you can hide some default sections from Edit Profile > a blue button with a text on it "Organize Sections"... drag and drop.

But if you prefer the hard coding way... here's a piece of code from my own profile
HTML:
#no_profile_avatar,#header_bar,#username_container,#cam_score_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#marital_status_container,#be_anywhere_container,#occupation_container,#city_container,#drugs_container,#school_container,#favorite_food_container,#pets_container,#automobile_container,#gender_container,#body_type_container {display:none;}
.hide,#profile_header,#profile_main_photo,#header_bar,#footer_bar,#server_time,#profile_schedule {display:none;}

#profile_about_me .heading,#profile_about_me #username_container,#profile_about_me #cam_score_container,#profile_about_me #gender_container,#profile_about_me #ethnicity_container,#profile_about_me #hair_container,#profile_about_me #eyes_container,#profile_about_me #height_container,#profile_about_me #country_container,#profile_about_me #sexual_preference_container,#profile_about_me #smoke_container,#profile_about_me #drink_container,#profile_about_me #drugs_container,#profile_about_me #occupation_container,#profile_about_me #pets_container,#tags_container,img#wall_poster_avatar,#wall_poster_username,#blurb_value,#blurb_label,#unix_last_updated_container,#profile_avatar,#avatar_holder,#profile_main_photo,#tags_container,#about_me_label,.profile_section_content .heading,
.wall_post_time,.convert-time,#member_type_value ,span#unix_last_broadcast_label,#status_label {display:none;}

The best way (and fastest) to learn a bit about editing MFC is using the browser's developer console... saves you time, a lot of time.
Emmm... somewhere on this forum (I forgot where :) ) I've posted the MFC cheat stylesheet - it has the classes and ID's with what they do.
Good luck
 
  • Like
Reactions: justjoinedtopost
Upvote 0
First of all you need to get familiar with default core MFC functions... did you know that you can hide some default sections from Edit Profile > a blue button with a text on it "Organize Sections"... drag and drop.

But if you prefer the hard coding way... here's a piece of code from my own profile
HTML:
#no_profile_avatar,#header_bar,#username_container,#cam_score_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#marital_status_container,#be_anywhere_container,#occupation_container,#city_container,#drugs_container,#school_container,#favorite_food_container,#pets_container,#automobile_container,#gender_container,#body_type_container {display:none;}
.hide,#profile_header,#profile_main_photo,#header_bar,#footer_bar,#server_time,#profile_schedule {display:none;}

#profile_about_me .heading,#profile_about_me #username_container,#profile_about_me #cam_score_container,#profile_about_me #gender_container,#profile_about_me #ethnicity_container,#profile_about_me #hair_container,#profile_about_me #eyes_container,#profile_about_me #height_container,#profile_about_me #country_container,#profile_about_me #sexual_preference_container,#profile_about_me #smoke_container,#profile_about_me #drink_container,#profile_about_me #drugs_container,#profile_about_me #occupation_container,#profile_about_me #pets_container,#tags_container,img#wall_poster_avatar,#wall_poster_username,#blurb_value,#blurb_label,#unix_last_updated_container,#profile_avatar,#avatar_holder,#profile_main_photo,#tags_container,#about_me_label,.profile_section_content .heading,
.wall_post_time,.convert-time,#member_type_value ,span#unix_last_broadcast_label,#status_label {display:none;}

The best way (and fastest) to learn a bit about editing MFC is using the browser's developer console... saves you time, a lot of time.
Emmm... somewhere on this forum (I forgot where :) ) I've posted the MFC cheat stylesheet - it has the classes and ID's with what they do.
Good luck

Thanks for the reply Dan, that code actually worked!, but for some reason the code is appearing within the profile, when added, but it has removed what I wanted, thoughts?

Here is the code as it appeaes within profile, i will be missing one little thing to make it work i guess.

#no_profile_avatar,#header_bar,#username_container,#cam_score_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#marital_status_container,#be_anywhere_container,#occupation_container,#city_container,#drugs_container,#school_container,#favorite_food_container,#pets_container,#automobile_container,#gender_container,#body_type_container {display:none;} .hide,#profile_header,#profile_main_photo,#header_bar,#footer_bar,#server_time,#profile_schedule {display:none;} #profile_about_me .heading,#profile_about_me #username_container,#profile_about_me #cam_score_container,#profile_about_me #gender_container,#profile_about_me #ethnicity_container,#profile_about_me #hair_container,#profile_about_me #eyes_container,#profile_about_me #height_container,#profile_about_me #country_container,#profile_about_me #sexual_preference_container,#profile_about_me #smoke_container,#profile_about_me #drink_container,#profile_about_me #drugs_container,#profile_about_me #occupation_container,#profile_about_me #pets_container,#tags_container,img#wall_poster_avatar,#wall_poster_username,#blurb_value,#blurb_label,#unix_last_updated_container,#profile_avatar,#avatar_holder,#profile_main_photo,#tags_container,#about_me_label,.profile_section_content .heading, .wall_post_time,.convert-time,#member_type_value ,span#unix_last_broadcast_label,#status_label {display:none;}

Also if I wanted to make clickable links say for twitter etc, here is the code I was going to use which is HTML, it sppears that MFC will not allow the icons to be clicked.

<p style="top: 380px;left: 5px;position: fixed;"><a href="http://"><img style="border-radius: 100%;z-index:1000;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);display: block;height: 30px;text-align: center;width: 30px;" src="http://i.imgur.com/MabNa30.png" alt=""></a></p>

Thanks for the tips guys, this has been a learning curve!
 
Last edited:
Upvote 0
Thanks for the reply Dan, that code actually worked!, but for some reason the code is appearing within the profile, when added, but it has removed what I wanted, thoughts?

Here is the code as it appeaes within profile, i will be missing one little thing to make it work i guess.

#no_profile_avatar,#header_bar,#username_container,#cam_score_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#marital_status_container,#be_anywhere_container,#occupation_container,#city_container,#drugs_container,#school_container,#favorite_food_container,#pets_container,#automobile_container,#gender_container,#body_type_container {display:none;} .hide,#profile_header,#profile_main_photo,#header_bar,#footer_bar,#server_time,#profile_schedule {display:none;} #profile_about_me .heading,#profile_about_me #username_container,#profile_about_me #cam_score_container,#profile_about_me #gender_container,#profile_about_me #ethnicity_container,#profile_about_me #hair_container,#profile_about_me #eyes_container,#profile_about_me #height_container,#profile_about_me #country_container,#profile_about_me #sexual_preference_container,#profile_about_me #smoke_container,#profile_about_me #drink_container,#profile_about_me #drugs_container,#profile_about_me #occupation_container,#profile_about_me #pets_container,#tags_container,img#wall_poster_avatar,#wall_poster_username,#blurb_value,#blurb_label,#unix_last_updated_container,#profile_avatar,#avatar_holder,#profile_main_photo,#tags_container,#about_me_label,.profile_section_content .heading, .wall_post_time,.convert-time,#member_type_value ,span#unix_last_broadcast_label,#status_label {display:none;}

Also if I wanted to make clickable links say for twitter etc, here is the code I was going to use which is HTML, it sppears that MFC will not allow the icons to be clicked.

<p style="top: 380px;left: 5px;position: fixed;"><a href="http://"><img style="border-radius: 100%;z-index:1000;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);display: block;height: 30px;text-align: center;width: 30px;" src="http://i.imgur.com/MabNa30.png" alt=""></a></p>

Thanks for the tips guys, this has been a learning curve!
I don't have the link of your edited profile so it's impossible for me to guess the issue but did you added the code in the right section?
That's CSS markup and must be added following this path Customize > edit your css directly at the very end of your current markup.

The markup disables some of the MFC default functions but you will need additional CSS (and HTML) to design your own profile page.
The code for the sticky icon should use this format:
HTML:
<p style="display:block;width:30px;height:auto;top: 380px;left: 5px;position: fixed;z-index:1000;text-align:center;">
<a href="#"><img style="display:block;width:30px;height: 30px;border-radius: 100%;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);margin:0 auto;" src="http://i.imgur.com/MabNa30.png" alt=""></a></p>
# to be replaced with your url
 
Upvote 0
I don't have the link of your edited profile so it's impossible for me to guess the issue but did you added the code in the right section?
That's CSS markup and must be added following this path Customize > edit your css directly at the very end of your current markup.

The markup disables some of the MFC default functions but you will need additional CSS (and HTML) to design your own profile page.
The code for the sticky icon should use this format:
HTML:
<p style="display:block;width:30px;height:auto;top: 380px;left: 5px;position: fixed;z-index:1000;text-align:center;">
<a href="#"><img style="display:block;width:30px;height: 30px;border-radius: 100%;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);margin:0 auto;" src="http://i.imgur.com/MabNa30.png" alt=""></a></p>
# to be replaced with your url

Thanks for the information Dan, (Here is a link to the test MFC Profile as i am messing around.(http://profiles.myfreecams.com/Spicy_791)
You will see the code you gave me listed at the bottom of the profile, but if i remove it then the profile reverts back to standard MFC.

I have these added into the CSS section:-

#avatar_holder,#status_container,#blurb_container,#unix_last_broadcast_container,#unix_last_updated_container {
display:none;
}

#header_bar,#footer_bar,#profile_main_photo,#tags_container,#about_me_label,#cam_score_container,#profile_friends .heading,#friends_container,#profile_header,#profile_about_me > .heading,#username_container,#gender_container,#body_type_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#occupation_container,#school_container,#favorite_food_container,#pets_container,#automobile_container {
display:none;
}

#about_me_container span#about_me_label,#profile_friends .heading,#profile_friends #friends_container,#profile_friends #favorite_models_container,#profile_about_me #tags_container,#profile_schedule,#profile_about_me div#occupation_container {
display:none;
}

#about_me_value {
text-align:center;
}
 
Upvote 0
Also, any idea of how to shrink it down, so it does not need to scroll so much, you will understand - when you visit the test profile? - I guess something will need adjusted in the CSS - like i said before CSS is completely new to myself and i am really just understand html somewhat,

Also like i said earlier i thought the code was actually very simple due to i spent the longest time refactoring the code to make it more clean and easier to understand, but sadly MFC did not understand a large portion of the code, hence a somewhat complete revert to old code needing done.
 
Upvote 0
Also, any idea of how to shrink it down, so it does not need to scroll so much, you will understand - when you visit the test profile? - I guess something will need adjusted in the CSS - like i said before CSS is completely new to myself and i am really just understand html somewhat,

Also like i said earlier i thought the code was actually very simple due to i spent the longest time refactoring the code to make it more clean and easier to understand, but sadly MFC did not understand a large portion of the code, hence a somewhat complete revert to old code needing done.
Frankly its a mess. The idea is good but the outcome is not ok... Don't take my reply as a bad thing, it is not my intention to make you feel disappointed with your project (you will need to use/learn css too)
If you have TeamViewer installed or Chrome Remote Desktop (Chrome browser extension) I can assist you via shared desktop.

btw MFC doesn't like imgur or vice-versa ... images hosted on imgur service will not display properly
 
Upvote 0
Frankly its a mess. The idea is good but the outcome is not ok... Don't take my reply as a bad thing, it is not my intention to make you feel disappointed with your project (you will need to use/learn css too)
If you have TeamViewer installed or Chrome Remote Desktop (Chrome browser extension) I can assist you via shared desktop.

btw MFC doesn't like imgur or vice-versa ... images hosted on imgur service will not display properly

Thanks for the offer Dan, i am just finishing up a few more little additions right now.
i will Private message you as i think i really need some assistance on this!
 
Upvote 0
Frankly its a mess. The idea is good but the outcome is not ok... Don't take my reply as a bad thing, it is not my intention to make you feel disappointed with your project (you will need to use/learn css too)
If you have TeamViewer installed or Chrome Remote Desktop (Chrome browser extension) I can assist you via shared desktop.

btw MFC doesn't like imgur or vice-versa ... images hosted on imgur service will not display properly

I cannot message you, the site won't let me, but i do have team-viewer.
Any suggestions on a hosting site for images?
 
Upvote 0
Thanks for the offer Dan, i am just finishing up a few more little additions right now.
i will Private message you as i think i really need some assistance on this!

1. Go to hiding sections option and hide all you don;t want to be displayed.
2. Copy the CSS markup and paste it following this path : Customize > Edit your css directly > delete all content from the box and paste the CSS below (save a backup on your pc/laptop first) - Save
3. Copy the HTML markup and paste in inside the Edit Profile > Step Four > About Me/ Bio box
4. Save

CSS
HTML:
a:link,a:visited{
  color:#09C;
}

a:hover {
  color:#F39;
}

body {
  width:90%;
  margin:0 auto;
  background-color:#ffffff;
  background-color:#A9A9A9;
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

.profile_section_content {
  color:#666666;
  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:#808080;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -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;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
}

#about_me_label {
  display:none;
}

#avatar_holder,#status_container,#blurb_container,#unix_last_broadcast_container,#unix_last_updated_container {
  display:none;
}

#header_bar,#footer_bar,#profile_main_photo,#tags_container,#about_me_label,#cam_score_container,#profile_friends .heading,#friends_container,#profile_header,#profile_about_me > .heading,#username_container,#gender_container,#body_type_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#occupation_container,#school_container,#favorite_food_container,#pets_container,#automobile_container {
  display:none;
}

#about_me_container span#about_me_label,#profile_friends .heading,#profile_friends #friends_container,#profile_friends #favorite_models_container,#profile_about_me #tags_container,#profile_schedule,#profile_about_me div#occupation_container {
  display:none;
}
li,ul{list-style:none;}
#about_me_value {
  text-align:center;
}#main{display:block;width:100%;height:auto;padding:10px 10px;margin:0 auto;background-color:#fff;}

HTML for About Me
HTML:
<div id="main">
<p style="background-color:rgb(236,236,236);"><b><font size="10">ALEXIS_WILDER</font></b></p>

<p style="background-color:rgb(236,236,236);"><b><u>BOLD, DARING, CLASSY, SPORTY AND FREE SPIRITED</u></b></p>

<hr><p><img src="https://www.imageupload.co.uk/images/2017/06/15/rsz_fur_coat_new96c26.jpg" alt=""></p>

<p style="background-color:rgb(236,236,236);"><b><u>TOP FOUR MONTHLY HIGH TIPPERS</u></b></p>

<ol type="1"><li><b>One_Jay (<font style="color:rgb(255,14,14);">5555</font>)</b></li>
    <li><b>One_Jay (<font style="color:rgb(255,14,14);">5555</font>)</b></li>
    <li><b>One_Jay (<font style="color:rgb(255,14,14);">5555</font>)</b></li>
    <li><b>One_Jay (<font style="color:rgb(255,14,14);">5555</font>)</b></li>

</ol><p style="background-color:rgb(236,236,236);"><b><u>RULES</u></b></p>

<ol type="1"><li><b>DO NOT, BEG, YOU WILL BE <font style="color:rgb(255,14,14);">BANNED</font></b></li>
<li><b>YOU MUST TIP FIRST FOR REQUESTS?? (<font style="color:rgb(255,14,14);">ADD TIP NOTE</font></b>)</li>
<li><b>DO NOT TELL ME WHAT TO-DO.</b></li>
<li><b>I AM NOT AN ESCORT, DO NOT TRY AND HIRE ME.</b>
  
</li></ol><p style="background-color:rgb(236,236,236);"><b><u>TIP MENU</u></b></p>

    <ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>PRIVATE MESSAGE</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>250 TOKENS</b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>VIEW WEBCAM</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>500 TOKENS</b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>CUSTOM VIDEO</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>3000 TOKENS</b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>FLASH</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>200 TOKENS</b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>SNAPCHAT (<font style="color:rgb(255,14,14);">7 DAYS ONLY!</font>)</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>300 TOKENS   </b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b style="color:rgb(255,14,14);">AUTOMATIC BAN, IF SNAPS SENT BACK!</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;">
                    <br></p>
            </li>
</ol>&lt;<p style="background-color:rgb(236,236,236);"><b><u>VIDEOS</u></b></p>

<ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_islandrf.png" alt=""><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">THE ISLAND - SOLO - 3 MINS</font><br><b>500 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_gg.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b> SASSY SEDUCES ALEXIS -G/G - 20 MINS<br>3000 TOKENS</b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_solo_office.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>OFFICE CUM - SOLO - 11 MINS<br><br>500 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_booty_call1.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>BOOTY CALL - B/G - 11 MINS<br><br>800 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_solo_anal.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>PUSSY PLAY (W ANAL) - SOLO - 13 MINS<br></b><br><b>500 TOKENS</b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_cum_to_bedroom.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;text-align:center;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">TEASE &amp; CUM - SOLO - 15 MINS</font><br><b>          500 TOKENS             </b></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_bg_shower_massage.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">SHOWER MASSAGE - B/G - 8 MINS</font><br><b><br>700 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_bandgvid.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">SEX WITH BLOWJOB - B/G = 14 MINS</font><br><b><br>800 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_1dp.png" alt=""></a><span style="font-family:Arial;font-size:15px;font-weight:bold;letter-spacing:0px;">W</span><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>DP DIRTY TALK - SOLO - 11 MINS<br><br>500 TOKENS</b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_vid5.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>HITACHI &amp; GLASS DILDO - SOLO - 7 MINS<br><br>500 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_vid_10shop.jpg" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">SHOWER DILDO FUCK - 5 MINS</font><br><br><b>500 TOKENS</b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_bg_vid_three.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>ROUND 1 SUCK &amp; FUCK - B/G = 7 MINS</b><b><br> 500 TOKENS</b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_hitachi__vib2i.jpg" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">HITACHI AND VIBRATOR - SOLO - 5 MINS</font><br><b><br>500 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_pov_-_facial.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>POV FUCKING -B/G = 8 MINS<br><br>800 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_the_interview.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">THE INTERVIEW - B/G - 22 MINS</font><br><b><br>1000 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href="g"><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_riding_solo.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">RIDING - SOLO - 7 MINS</font><br><b><br>500 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/18/rsz_strawberry1.png" alt=""><img style="position:relative;" src="" alt=""></a><br><p style="width:91%;font-weight:700;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-weight:700;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">STRAWBERRY TEASE - SOLO - 15 MINS<span style="font-size:12px;font-weight:400;letter-spacing:0px;text-transform:none;"></span><br></font>500 TOKENS<br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_solo1.png" alt=""></a><br><p style="width:91%;font-weight:700;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-weight:700;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">          PUSSY PLAY - SOLO - 12 MINS <br>500 TOKENS    <br></font><br></p></li>
</ul><p><i></i></p><b>FOR YOUR INFORMATION - VIDEO PLAYBACK WILL BE IN A COLOUR FORMAT</b><p><b></b></p>
I MAY OFFER SPECIAL DEALS OR PACKAGES ON VIDEOS - PLEASE CHECK ROOM TOPIC, WHEN I AM ONLINE!
<p></p>
<p style="background-color:rgb(236,236,236);"><b><u>PUBLIC SHOWS</u></b></p>

<ol type="1"><li><b>BE RESPECTFUL AT ALL TIMES.</b></li>
    <li><b>NO FIGHTING OTHER MEMBERS WITHIN ROOM.</b></li>
    <li><b>REMEMBER I AM HERE TO MAKE AN INCOME.</b></li>
    <li><b><font style="color:rgb(255,14,14);">TRUE PRIVATES</font> ARE <b><font style="color:rgb(255,14,14);">PREFERRED</font></b>
  
    </b></li></ol><p style="background-color:rgb(236,236,236);"><b><u>PRIVATE SHOWS</u></b></p>

<ol type="1"><li><b> PLEASE ASK FIRST, IF I AM TAKING PRIVATES.</b></li>
    <li><b>TIP 400 TOKENS TO START A PRIVATE REQUEST.</b></li>
    <li><b>1000 TOKEN MINIMUM FOR PRIVATES.</b></li>
    <li><b>THIS IS MY JOB AND I ENJOY IT!</b></li>
    </ol><p style="text-align:center;"><a href=""><img src="" alt=""></a></p><p style="background-color:rgb(236,236,236);"><br></p><p style="background-color:rgb(169,169,169);">
</p>

<p style="text-align:center;">
        <a href=""><img src="https://www.imageupload.co.uk/images/2017/06/15/rsz_fur_and_booty_newca6c4.jpg" alt=""></a>
    </p>
    <p style="background-color:rgb(236,236,236);">
        <br></p>
    <p style="background-color:rgb(169,169,169);">
  
       </p>

<p style="display:block;width:30px;height:auto;top:380px;right:5px;position:fixed;z-index:1000;text-align:center;">
<a href="http://www.instagram.com"><img style="display:block;width:30px;height:30px;border-radius:100%;margin:0 auto;" src="http://i.imgur.com/MabNa30.png" alt=""></a></p>

        <p style="z-index:999999;bottom:30px;left:0px;position:fixed;width:170px;background:rgb(255,255,255) none repeat scroll 0% 0%;">
      
            <b>By : Luvare</b></p>
        <p style="text-align:center;"><br></p>
        </div>

Note: you are using nasty deprecated HTML markup html .2 ('90s) and its harder to clean up.
I've wrapped it all into a div and added the required CSS
You should work with % width for images

Hosting images: Wordpress, Blogger, Twitter, postimg.org, Tumblr
 
Upvote 0
1. Go to hiding sections option and hide all you don;t want to be displayed.
2. Copy the CSS markup and paste it following this path : Customize > Edit your css directly > delete all content from the box and paste the CSS below (save a backup on your pc/laptop first) - Save
3. Copy the HTML markup and paste in inside the Edit Profile > Step Four > About Me/ Bio box
4. Save

CSS
HTML:
a:link,a:visited{
  color:#09C;
}

a:hover {
  color:#F39;
}

body {
  width:90%;
  margin:0 auto;
  background-color:#ffffff;
  background-color:#A9A9A9;
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

.profile_section_content {
  color:#666666;
  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:#808080;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -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;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
}

#about_me_label {
  display:none;
}

#avatar_holder,#status_container,#blurb_container,#unix_last_broadcast_container,#unix_last_updated_container {
  display:none;
}

#header_bar,#footer_bar,#profile_main_photo,#tags_container,#about_me_label,#cam_score_container,#profile_friends .heading,#friends_container,#profile_header,#profile_about_me > .heading,#username_container,#gender_container,#body_type_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#occupation_container,#school_container,#favorite_food_container,#pets_container,#automobile_container {
  display:none;
}

#about_me_container span#about_me_label,#profile_friends .heading,#profile_friends #friends_container,#profile_friends #favorite_models_container,#profile_about_me #tags_container,#profile_schedule,#profile_about_me div#occupation_container {
  display:none;
}
li,ul{list-style:none;}
#about_me_value {
  text-align:center;
}#main{display:block;width:100%;height:auto;padding:10px 10px;margin:0 auto;background-color:#fff;}

HTML for About Me
HTML:
<div id="main">
<p style="background-color:rgb(236,236,236);"><b><font size="10">ALEXIS_WILDER</font></b></p>

<p style="background-color:rgb(236,236,236);"><b><u>BOLD, DARING, CLASSY, SPORTY AND FREE SPIRITED</u></b></p>

<hr><p><img src="https://www.imageupload.co.uk/images/2017/06/15/rsz_fur_coat_new96c26.jpg" alt=""></p>

<p style="background-color:rgb(236,236,236);"><b><u>TOP FOUR MONTHLY HIGH TIPPERS</u></b></p>

<ol type="1"><li><b>One_Jay (<font style="color:rgb(255,14,14);">5555</font>)</b></li>
    <li><b>One_Jay (<font style="color:rgb(255,14,14);">5555</font>)</b></li>
    <li><b>One_Jay (<font style="color:rgb(255,14,14);">5555</font>)</b></li>
    <li><b>One_Jay (<font style="color:rgb(255,14,14);">5555</font>)</b></li>

</ol><p style="background-color:rgb(236,236,236);"><b><u>RULES</u></b></p>

<ol type="1"><li><b>DO NOT, BEG, YOU WILL BE <font style="color:rgb(255,14,14);">BANNED</font></b></li>
<li><b>YOU MUST TIP FIRST FOR REQUESTS?? (<font style="color:rgb(255,14,14);">ADD TIP NOTE</font></b>)</li>
<li><b>DO NOT TELL ME WHAT TO-DO.</b></li>
<li><b>I AM NOT AN ESCORT, DO NOT TRY AND HIRE ME.</b>
 
</li></ol><p style="background-color:rgb(236,236,236);"><b><u>TIP MENU</u></b></p>

    <ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>PRIVATE MESSAGE</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>250 TOKENS</b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>VIEW WEBCAM</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>500 TOKENS</b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>CUSTOM VIDEO</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>3000 TOKENS</b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>FLASH</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>200 TOKENS</b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b>SNAPCHAT (<font style="color:rgb(255,14,14);">7 DAYS ONLY!</font>)</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;"><b>300 TOKENS   </b></p>
            </li>
        </ol><ol style="color:#474747;font-family:Tahoma, Arial;margin:0px auto;font-size:17px;list-style:none outside;padding:0px;width:600px;line-height:35px;"><li style="float:right;"><b style="color:rgb(255,14,14);">AUTOMATIC BAN, IF SNAPS SENT BACK!</b></li>
            <li>
                <p style="padding:0px;margin:0px;text-align:left;">
                    <br></p>
            </li>
</ol>&lt;<p style="background-color:rgb(236,236,236);"><b><u>VIDEOS</u></b></p>

<ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_islandrf.png" alt=""><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">THE ISLAND - SOLO - 3 MINS</font><br><b>500 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_gg.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b> SASSY SEDUCES ALEXIS -G/G - 20 MINS<br>3000 TOKENS</b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_solo_office.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>OFFICE CUM - SOLO - 11 MINS<br><br>500 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_booty_call1.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>BOOTY CALL - B/G - 11 MINS<br><br>800 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_solo_anal.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>PUSSY PLAY (W ANAL) - SOLO - 13 MINS<br></b><br><b>500 TOKENS</b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_cum_to_bedroom.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;text-align:center;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">TEASE &amp; CUM - SOLO - 15 MINS</font><br><b>          500 TOKENS             </b></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_bg_shower_massage.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">SHOWER MASSAGE - B/G - 8 MINS</font><br><b><br>700 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_bandgvid.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">SEX WITH BLOWJOB - B/G = 14 MINS</font><br><b><br>800 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_1dp.png" alt=""></a><span style="font-family:Arial;font-size:15px;font-weight:bold;letter-spacing:0px;">W</span><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>DP DIRTY TALK - SOLO - 11 MINS<br><br>500 TOKENS</b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_vid5.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>HITACHI &amp; GLASS DILDO - SOLO - 7 MINS<br><br>500 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_vid_10shop.jpg" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">SHOWER DILDO FUCK - 5 MINS</font><br><br><b>500 TOKENS</b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_bg_vid_three.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>ROUND 1 SUCK &amp; FUCK - B/G = 7 MINS</b><b><br> 500 TOKENS</b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_hitachi__vib2i.jpg" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">HITACHI AND VIBRATOR - SOLO - 5 MINS</font><br><b><br>500 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_pov_-_facial.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><b>POV FUCKING -B/G = 8 MINS<br><br>800 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_the_interview.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">THE INTERVIEW - B/G - 22 MINS</font><br><b><br>1000 TOKENS<br></b><br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href="g"><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_riding_solo.png" alt=""></a><br><p style="width:91%;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="font-weight:700;padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">RIDING - SOLO - 7 MINS</font><br><b><br>500 TOKENS<br></b><br></p></li>
</ul><ul style="list-style:none outside;margin:0px;padding:0px;"><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/18/rsz_strawberry1.png" alt=""><img style="position:relative;" src="" alt=""></a><br><p style="width:91%;font-weight:700;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-weight:700;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">STRAWBERRY TEASE - SOLO - 15 MINS<span style="font-size:12px;font-weight:400;letter-spacing:0px;text-transform:none;"></span><br></font>500 TOKENS<br></p></li><li style="overflow:hidden;font-size:25px;line-height:.9;text-align:center;border:1px solid rgb(221,221,221);color:rgb(255,255,255);height:300px;width:450px;position:relative;margin:5px;display:inline-block;"><a href=""><img style="position:relative;" src="" alt=""><img style="position:relative;" src="https://www.imageupload.co.uk/images/2017/06/17/rsz_solo1.png" alt=""></a><br><p style="width:91%;font-weight:700;text-transform:uppercase;z-index:1;font-size:18px;letter-spacing:-1px;padding:9px 11px;color:rgb(255,255,255);position:absolute;left:2%;bottom:3%;background:rgba(36,27,28,.5) none repeat scroll 0px 0px;border-radius:7px;"><font style="padding-bottom:10px;text-transform:uppercase;letter-spacing:-1px;font-weight:700;font-size:18px;color:rgb(255,255,255);border-radius:10px;position:relative;line-height:22px;">          PUSSY PLAY - SOLO - 12 MINS <br>500 TOKENS    <br></font><br></p></li>
</ul><p><i></i></p><b>FOR YOUR INFORMATION - VIDEO PLAYBACK WILL BE IN A COLOUR FORMAT</b><p><b></b></p>
I MAY OFFER SPECIAL DEALS OR PACKAGES ON VIDEOS - PLEASE CHECK ROOM TOPIC, WHEN I AM ONLINE!
<p></p>
<p style="background-color:rgb(236,236,236);"><b><u>PUBLIC SHOWS</u></b></p>

<ol type="1"><li><b>BE RESPECTFUL AT ALL TIMES.</b></li>
    <li><b>NO FIGHTING OTHER MEMBERS WITHIN ROOM.</b></li>
    <li><b>REMEMBER I AM HERE TO MAKE AN INCOME.</b></li>
    <li><b><font style="color:rgb(255,14,14);">TRUE PRIVATES</font> ARE <b><font style="color:rgb(255,14,14);">PREFERRED</font></b>
 
    </b></li></ol><p style="background-color:rgb(236,236,236);"><b><u>PRIVATE SHOWS</u></b></p>

<ol type="1"><li><b> PLEASE ASK FIRST, IF I AM TAKING PRIVATES.</b></li>
    <li><b>TIP 400 TOKENS TO START A PRIVATE REQUEST.</b></li>
    <li><b>1000 TOKEN MINIMUM FOR PRIVATES.</b></li>
    <li><b>THIS IS MY JOB AND I ENJOY IT!</b></li>
    </ol><p style="text-align:center;"><a href=""><img src="" alt=""></a></p><p style="background-color:rgb(236,236,236);"><br></p><p style="background-color:rgb(169,169,169);">
</p>

<p style="text-align:center;">
        <a href=""><img src="https://www.imageupload.co.uk/images/2017/06/15/rsz_fur_and_booty_newca6c4.jpg" alt=""></a>
    </p>
    <p style="background-color:rgb(236,236,236);">
        <br></p>
    <p style="background-color:rgb(169,169,169);">
 
       </p>

<p style="display:block;width:30px;height:auto;top:380px;right:5px;position:fixed;z-index:1000;text-align:center;">
<a href="http://www.instagram.com"><img style="display:block;width:30px;height:30px;border-radius:100%;margin:0 auto;" src="http://i.imgur.com/MabNa30.png" alt=""></a></p>

        <p style="z-index:999999;bottom:30px;left:0px;position:fixed;width:170px;background:rgb(255,255,255) none repeat scroll 0% 0%;">
     
            <b>By : Luvare</b></p>
        <p style="text-align:center;"><br></p>
        </div>

Note: you are using nasty deprecated HTML markup html .2 ('90s) and its harder to clean up.
I've wrapped it all into a div and added the required CSS
You should work with % width for images

Hosting images: Wordpress, Blogger, Twitter, postimg.org, Tumblr

Done as you suggested, Thanks Dan.
I never said i was very good a HTML hehe!
 
Upvote 0
why do you keep the code above Rate and Admire? that CSS doesn't need to be there

Removed, can i remove Rate and Admire aswell?
Obviously that is CSS specific aswell!

Can everything within About me be centered?
Obviously CSS aswell! - I managed to center the text

Or i might just be stuck with it the way it is now :)

Sorry for all the questions Dan :)
 
Last edited:
Upvote 0
@Spicy79 as I've mentioned... you are using nasty inline css markup which is not recommended from my point of view because there is a structure css is loaded along with html in order to render the profile design BUT using the inline css will override the external one .

To identify the elements from Rate and Admire use the dev console to see the ids and add them to the CSS with display:none value
 
Upvote 0
Hi. I'm starting to work on a new profile for a model friend. I have web dev experience but this whole profile stuff and getting hooks in place seems confusing as heck. I think I have something working but I'm trying to link to a photo in imgur.com... on my dev system it's working fine but when I paste the code into the "about me" box it's giving me a 403 forbidden for some reason.

Is MFC blocking linking to external images somehow? Am I missing something stupid?

<img src="... direct link here..." style="width:90%;">

That is an example I'm using.

Any suggestions? Thanks!
 
Upvote 0
Hi. I'm starting to work on a new profile for a model friend. I have web dev experience but this whole profile stuff and getting hooks in place seems confusing as heck. I think I have something working but I'm trying to link to a photo in imgur.com... on my dev system it's working fine but when I paste the code into the "about me" box it's giving me a 403 forbidden for some reason.

Is MFC blocking linking to external images somehow? Am I missing something stupid?

<img src="... direct link here..." style="width:90%;">

That is an example I'm using.

Any suggestions? Thanks!
1. yes imgur, not a good friend with MFC
2. suggestion: use a custom class to style-up the image and get rid of inline css on MFC, keep the HTML as clean as possible
I'm sure that you as an experienced web developer know that clean markup is the best.
by format definition, images are block elements but it doesn't hurt to make that statement in css

HTML
HTML:
<img class="my_responsive_image" src="...direct -full-url-path..."/>
CSS
Code:
img.my_responsive_image{display:block;width:90%;height:auto;margin:0 auto;}
 
Upvote 0
1. yes imgur, not a good friend with MFC
2. suggestion: use a custom class to style-up the image and get rid of inline css on MFC, keep the HTML as clean as possible
I'm sure that you as an experienced web developer know that clean markup is the best.
by format definition, images are block elements but it doesn't hurt to make that statement in css

HTML
HTML:
<img class="my_responsive_image" src="...direct -full-url-path..."/>
CSS
Code:
img.my_responsive_image{display:block;width:90%;height:auto;margin:0 auto;}


Thanks Dan... yeah... I'm just trying to get my feet wet and trying to figure this out. ok imgur.com is out... disappointing but ok.

thanks for the CSS I'll add that. I am a believe in clean markup... at the moment I'm trying to really grok 2 things... hosting the images and what's really needed to mimic a dev environment in Intellij.

It's so weird to me to only have a hook inside the "about me" section which is already nested inside containing divs. I found a template somewhere and that got me started at least. I guess there's no good way to use Bootstrap or similar since there's so much stuff injected now?

thanks! i really appreciate it!
 
Upvote 0
Thanks Dan... yeah... I'm just trying to get my feet wet and trying to figure this out. ok imgur.com is out... disappointing but ok.

thanks for the CSS I'll add that. I am a believe in clean markup... at the moment I'm trying to really grok 2 things... hosting the images and what's really needed to mimic a dev environment in Intellij.

It's so weird to me to only have a hook inside the "about me" section which is already nested inside containing divs. I found a template somewhere and that got me started at least. I guess there's no good way to use Bootstrap or similar since there's so much stuff injected now?

thanks! i really appreciate it!

Unfortunately no, bootstrap is a great library but will not work on MFC -- yes you can get some inspiration from bootstrap css and adapt some stuff to your own project but that's it... MFC has a limit on CSS box regarding the number of lines or characters
 
Upvote 0
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.
 
Upvote 0