AmberCutie's Forum
An adult community for cam models and members to discuss all the things!
  • ** 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.
Apr 29, 2019
693
386
31
56
find clues in my twitter profile
Twitter Username
@DoD404
MFC Username
dod404
Chaturbate Username
dod404
yes, Chaturbate interprets (filter, translate adresses, and so on...) this html from bio before outputting to display

ie on the contrary, 2 consecutives Newlines would stop Html interpretation from CB.
so, if you need to keep it readable and have empty lines this works :
<br>
<br>
<br><.... and so on
 
Sep 30, 2013
612
291
173
39
Bucharest
dandesign.camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
I didn't even know there was any cam services for bio etc ahahahha I'll have a look into that first thank you, if I'm not happy with it can u send you a pm?
I'll be off for a while... personal time and in the mountains I don't think there's a good wifi signal so no idea when I'll be able to assist.

@billiboy
Use the css attributes to position them. It depends on image size
Example
HTML:
<a href="#" style="display:inline-block;"><img scr="image-url-path"/></a><a href="#" style="display:inline-block;"><img scr="image-url-path"/></a><a href="#" style="display:inline-block;"><img scr="image-url-path"/></a>
Codes that work on Chaturbate
Also you can test the markup in Source Editor tool
Example of two images side by side
Code:
<a href="#" style="display:inline-block;width:220px;height:auto;margin:3px auto 7px 1px;background-color:#f1f1f1;border:4px solid black;text-align:center;"><img src="https://cgc-dan.github.io/cgc-designers/img/cdcoffee.png" style="display:block;width:100%;height:auto;margin:0 auto;"/></a><a href="#" style="display:inline-block;width:220px;height:auto;margin:3px auto 7px 1px;background-color:#f1f1f1;border:4px solid black;text-align:center;"><img src="https://cgc-dan.github.io/cgc-designers/img/cdcoffee.png" style="display:block;width:100%;height:auto;margin:0 auto;"/></a>
copy the code above and add it in Markup Code box after that click the Show button
 
Last edited:
Jun 27, 2019
8
4
16
Italy
I wanted to follow-up on some of my previous posts, to note that Chaturbate has made some changes recently in the way white space in profiles is interpreted. Now, the only way to ensure that your HTML will work as expected is to minimize it using a tool like this: http://minifycode.com/html-minifier/ . Happy coding to all, and stay well during this stressful time.
 
  • Like
Reactions: Dan202
Sep 30, 2013
612
291
173
39
Bucharest
dandesign.camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
I wanted to follow-up on some of my previous posts, to note that Chaturbate has made some changes recently in the way white space in profiles is interpreted. Now, the only way to ensure that your HTML will work as expected is to minimize it using a tool like this: http://minifycode.com/html-minifier/ . Happy coding to all, and stay well during this stressful time.
Emmm... quite old this news as ... from always Chaturbate is rendering white space as <br> tags :) but yes... its a good reminder for those who search how to remove white space between block or graphic elements :D
 
  • Like
Reactions: DoD404
Jun 27, 2019
8
4
16
Italy
It is old news that space between elements was replaced by <br>. But around February 10 or so, they started replacing all newlines with <br>, even inside the quotes of a style attribute, which of course render an undesirable result. One example is this site, which previously looked nice: https://chaturbate.com/miranda_madison/ . I didn't design the page, but the person who did tried to make his inline style more readable (in the programming sense) by breaking it up into several lines. The moral of the story is to always minimize your code before uploading, because you don't know when or how Chaturbate will alter the white space.
 
Apr 29, 2019
693
386
31
56
find clues in my twitter profile
Twitter Username
@DoD404
MFC Username
dod404
Chaturbate Username
dod404
they started replacing all newlines with <br>, even inside the quotes of a style attribute, which of course render an undesirable result.
it's better than stopping to interpret html on the 2nd line break as they did before :)
but OK, that helps
 
Apr 4, 2020
1
1
0
This might help you

HTML:
<b style="display:block;width:40px;height:auto;position:fixed;top:166px;left:0px;text-align:center;"><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #FFF;"><img src="https://editbio.files.wordpress.com/2016/09/2twt.png" style="width:35px;height:35px;background-color:#F39;"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #FFF;"><img src="https://editbio.files.wordpress.com/2016/09/1ama.png" style="width:35px;height:35px;background-color:#F39"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #FFF;"><img src="https://editbio.files.wordpress.com/2016/09/2insta.png" style="width:35px;height:35px;background-color:#F39"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #FFF;"><img src="https://editbio.files.wordpress.com/2016/09/mv2.png" style="width:35px;height:35px;background-color:#F39"></a>
</b>
The above code has icons for Twitter, Amazon, Instagram and Manyvids
sticky/floating in the left side of the video stream, you can change the background color to match a certain design, currently the background is set as pink (#F39) . The icons are white with transparent background.

if you want other icons let me know... or you can use the Media Library -- there are over 80 icons to choose from
(you need to be registered to access Media Library section)
Still finding this to be a bit difficult, where in this code to I put my address for the link?
 
  • Like
Reactions: Dan202
May 20, 2020
1
0
0
Already posted but I will post again.
The basic code for full background image
HTML:
<p style="display:block;width:100%;height:100%;position:fixed;top:0;left:0;background-image:url(your-image-here);background-repeat:no-repeat:background-size:cover;background-position:center;background-attachment:fixed;z-index;-500;"></p>
I wont explain again the attributes variables because it is a waste of time.

I dropped this in my bio and it locks me out of editing or anyting on the bio....how can I get this fixed?
 
Sep 30, 2013
612
291
173
39
Bucharest
dandesign.camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
I dropped this in my bio and it locks me out of editing or anyting on the bio....how can I get this fixed?
Sorry, my mistake, way to early and I run only with coffee.... z-index has no px value, there's a mistype there instead of ; there must be :
Code:
<p style="display:block;width:100%;height:100%;position:fixed;top:0;left:0;background-image:url(your-image-here);background-repeat:no-repeat:background-size:cover;background-position:center;background-attachment:fixed;z-index:-500;"></p>
and don't forget to add your full image url path (your-image-here)
 
Apr 29, 2019
693
386
31
56
find clues in my twitter profile
Twitter Username
@DoD404
MFC Username
dod404
Chaturbate Username
dod404
it locks me out of editing or anyting on the bio
I guess that your pic covers the 'Edit Your Bio' button... not good, but don't desperate :)

So, ofc you have first to recover an access to this edit button
Have you tried this way ? (under chrome, firefox or brave... I don't know for other browsers):
- Right click on the button (or on what is over the button)
- Choose in the context menu 'Inspect' => Your browser will show you the source of what is under the mouse.
And you can edit it.

You can delete it or modify it. It is safe :
that edits only what you are viewing at this moment, not the server's version.
So that you can retrieve this button and make it working (unless you delete the button itself... if this happens, just refresh and do it again).

Also if you success in it : using this way to edit, you'll see in real time the effect of different values for Pic's positions. When you have a good sets of value then you can validate them in bio.
 
  • Like
Reactions: Dan202
Sep 30, 2013
612
291
173
39
Bucharest
dandesign.camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
Wow... thanks, i try to learn and make my bio! Thanks
No problem... it might look complex and way to geeky (sometimes even frustrating) but I can assure you it is pretty basic and simple, I've personally assisted a young lady and in 1 week (7 workdays) + available materials open source, she managed to "connect the dots" and made astonishing progress. I even think about hiring her in the near feature :D
 
  • Like
Reactions: DoD404
Jun 7, 2020
1
0
0
Hello everyone,
I have a little issue with a bio which I made for my gf.
It is based on an example from Dan, but I do not figure out at the moment how to solve my problem...

I just want to adjust the section "Room Rules" centered below the other two topics above (About me and Tip-Menu).
There is on the left side the box for the picture - it's fine, but I have no chance to get the "Room-Rules" underneath
the other text with the same space to the left side.

Is there anyone who can help me out or lead me to the right code for that ?

Thanks in advance

CSS:
<ul id="main" style="display:block;width:100%;height:auto;min-width:500px;font-weight:normal;list-style:none;box-sizing:border-box;padding:0;background-color:#066;background-image: url(https://i.ibb.co/c1P1y8P/fucsia-background.jpg);background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;border:4px solid #fff;box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;margin:120px auto 50px 0px;">
    
<li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:50px auto 40px auto;"><p style="display:block;width:90%;height:auto;margin:0 auto;text-align:center;font-size:5.333rem;color:#066;">Welcome to Helen's cam</p></li>

<li style="display:block;width:90%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:20px auto 30px auto;"><ul style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:0 auto;background-color:rgba(255,255,255,0.70);box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;border-radius:10px;-webkit-border-radius:10px;border:7px solid #fff;">

<li style="display:block;width:25%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:110px auto 70px 20px;float:left;text-align:center;background-color:rgba(255,255,255,0.50);border:8px double #f1f1f1;border-radius:100%;-webkit-border-radius:100%;overflow:hidden;box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;"><img src="https://i.ibb.co/kJwywkT/helen-bw.jpg>" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;"/></li>

<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:60px auto 70px auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>About Me</strong></p>
<p style="display:block;width:90%;height:auto;padding:10px 11px;text-align:center;font-size:24px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;"><strong>Yes, it's me - Helen !</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>

<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:0px auto 70px auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>Tip - Menu</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:22px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">my prices as follows</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>10</strong> tok = <strong>pm</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>15</strong> tok = <strong>a kiss</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>20</strong> tok = <strong>flash nails</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>25</strong> tok = <strong>if you love me</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>35</strong> tok = <strong>stand up</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>60</strong> tok = <strong>flash boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">-<strong> 65</strong> tok = <strong>bounce boobs hard</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>70</strong> tok = <strong>lick nipples</strong><br>
</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>75</strong> tok = <strong>suck boobs</strong>&nbsp; &nbsp;&nbsp;</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>90</strong> tok = <strong>oil boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>95</strong> tok = <strong>your name on my boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>100</strong> tok = <strong>jump</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>110</strong> tok = <strong>suck dildo</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>120</strong> tok = <strong>flash pussy</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>130</strong> tok = <strong>smoke</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>175</strong> tok = <strong>spit on boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>190</strong> tok = <strong>finger pussy</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>200</strong> tok = <strong>dance naked&nbsp;</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>210</strong> tok = <strong>ride dildo</strong></p>
<p style="display:block;width:90%;height:auto;padding:10px 11px;text-align:center;font-size:22px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">If you want to know my price for something more, or a special question, write me in a tip-note or pay the price for a pm.</p>
</li>
    
<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:40px  auto 70px auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>Room - Rules</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:19px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Add your custom text here</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>
<li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:0 auto;float:none;clear:left;"></li>
</ul></li>
</ul>
 
Mar 24, 2019
431
404
31
cbhours.com
Twitter Username
@cbhours_com
I am not great at this but you can easily match the first 2 parts by expanding the margin needed for that photo which is whats pushing the first 2 sections to the right.
Instead of:
CSS:
<li style="display:block;width:25%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:110px auto 70px 20px;float:left;text-align:center;background-color:rgba(255,255,255,0.50);border:8px double #f1f1f1;border-radius:100%;-webkit-border-radius:100%;overflow:hidden;box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;"><img src="https://i.ibb.co/kJwywkT/helen-bw.jpg>" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;"/></li>
Try:
CSS:
<li style="display:block;width:25%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:110px auto 2000px 20px;float:left;text-align:center;background-color:rgba(255,255,255,0.50);border:8px double #f1f1f1;border-radius:100%;-webkit-border-radius:100%;overflow:hidden;box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;"><img src="https://i.ibb.co/kJwywkT/helen-bw.jpg>" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;"/></li>
If the bio gets longer simply raise the number beyond 2000.
 
Sep 30, 2013
612
291
173
39
Bucharest
dandesign.camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
Hello everyone,
I have a little issue with a bio which I made for my gf.
It is based on an example from Dan, but I do not figure out at the moment how to solve my problem...

I just want to adjust the section "Room Rules" centered below the other two topics above (About me and Tip-Menu).
There is on the left side the box for the picture - it's fine, but I have no chance to get the "Room-Rules" underneath
the other text with the same space to the left side.

Is there anyone who can help me out or lead me to the right code for that ?

Thanks in advance

CSS:
<ul id="main" style="display:block;width:100%;height:auto;min-width:500px;font-weight:normal;list-style:none;box-sizing:border-box;padding:0;background-color:#066;background-image: url(https://i.ibb.co/c1P1y8P/fucsia-background.jpg);background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;border:4px solid #fff;box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;margin:120px auto 50px 0px;">
 
<li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:50px auto 40px auto;"><p style="display:block;width:90%;height:auto;margin:0 auto;text-align:center;font-size:5.333rem;color:#066;">Welcome to Helen's cam</p></li>

<li style="display:block;width:90%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:20px auto 30px auto;"><ul style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:0 auto;background-color:rgba(255,255,255,0.70);box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;border-radius:10px;-webkit-border-radius:10px;border:7px solid #fff;">

<li style="display:block;width:25%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:110px auto 70px 20px;float:left;text-align:center;background-color:rgba(255,255,255,0.50);border:8px double #f1f1f1;border-radius:100%;-webkit-border-radius:100%;overflow:hidden;box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;"><img src="https://i.ibb.co/kJwywkT/helen-bw.jpg>" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;"/></li>

<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:60px auto 70px auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>About Me</strong></p>
<p style="display:block;width:90%;height:auto;padding:10px 11px;text-align:center;font-size:24px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;"><strong>Yes, it's me - Helen !</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>

<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:0px auto 70px auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>Tip - Menu</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:22px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">my prices as follows</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>10</strong> tok = <strong>pm</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>15</strong> tok = <strong>a kiss</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>20</strong> tok = <strong>flash nails</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>25</strong> tok = <strong>if you love me</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>35</strong> tok = <strong>stand up</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>60</strong> tok = <strong>flash boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">-<strong> 65</strong> tok = <strong>bounce boobs hard</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>70</strong> tok = <strong>lick nipples</strong><br>
</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>75</strong> tok = <strong>suck boobs</strong>&nbsp; &nbsp;&nbsp;</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>90</strong> tok = <strong>oil boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>95</strong> tok = <strong>your name on my boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>100</strong> tok = <strong>jump</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>110</strong> tok = <strong>suck dildo</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>120</strong> tok = <strong>flash pussy</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>130</strong> tok = <strong>smoke</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>175</strong> tok = <strong>spit on boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>190</strong> tok = <strong>finger pussy</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>200</strong> tok = <strong>dance naked&nbsp;</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>210</strong> tok = <strong>ride dildo</strong></p>
<p style="display:block;width:90%;height:auto;padding:10px 11px;text-align:center;font-size:22px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">If you want to know my price for something more, or a special question, write me in a tip-note or pay the price for a pm.</p>
</li>
 
<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:40px  auto 70px auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>Room - Rules</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:19px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Add your custom text here</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>
<li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:0 auto;float:none;clear:left;"></li>
</ul></li>
</ul>
Well, it's quite simple, change the float:left with float:none;clear:left and it keeps the width but centers the section... here's edited markup code (you can test it here)
Code:
<ul id="main" style="display:block;width:100%;height:auto;min-width:500px;font-weight:normal;list-style:none;box-sizing:border-box;padding:0;background-color:#066;background-image: url(https://i.ibb.co/c1P1y8P/fucsia-background.jpg);background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;border:4px solid #fff;box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;margin:120px auto 50px 0px;">
  
<li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:50px auto 40px auto;"><p style="display:block;width:90%;height:auto;margin:0 auto;text-align:center;font-size:5.333rem;color:#066;">Welcome to Helen's cam</p></li>

<li style="display:block;width:90%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:20px auto 30px auto;"><ul style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:0 auto;background-color:rgba(255,255,255,0.70);box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;border-radius:10px;-webkit-border-radius:10px;border:7px solid #fff;">

<li style="display:block;width:25%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:110px auto 70px 20px;float:left;text-align:center;background-color:rgba(255,255,255,0.50);border:8px double #f1f1f1;border-radius:100%;-webkit-border-radius:100%;overflow:hidden;box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;"><img src="https://i.ibb.co/kJwywkT/helen-bw.jpg>" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;"/></li>

<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:60px auto 70px auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>About Me</strong></p>
<p style="display:block;width:90%;height:auto;padding:10px 11px;text-align:center;font-size:24px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;"><strong>Yes, it's me - Helen !</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>

<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:0px auto 70px auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>Tip - Menu</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:22px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">my prices as follows</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>10</strong> tok = <strong>pm</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>15</strong> tok = <strong>a kiss</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>20</strong> tok = <strong>flash nails</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>25</strong> tok = <strong>if you love me</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>35</strong> tok = <strong>stand up</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>60</strong> tok = <strong>flash boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">-<strong> 65</strong> tok = <strong>bounce boobs hard</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>70</strong> tok = <strong>lick nipples</strong><br>
</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>75</strong> tok = <strong>suck boobs</strong>&nbsp; &nbsp;&nbsp;</p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>90</strong> tok = <strong>oil boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>95</strong> tok = <strong>your name on my boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>100</strong> tok = <strong>jump</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>110</strong> tok = <strong>suck dildo</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>120</strong> tok = <strong>flash pussy</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>130</strong> tok = <strong>smoke</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>175</strong> tok = <strong>spit on boobs</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>190</strong> tok = <strong>finger pussy</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>200</strong> tok = <strong>dance naked&nbsp;</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:center;font-size:20px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">- <strong>210</strong> tok = <strong>ride dildo</strong></p>
<p style="display:block;width:90%;height:auto;padding:10px 11px;text-align:center;font-size:22px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">If you want to know my price for something more, or a special question, write me in a tip-note or pay the price for a pm.</p>
</li>
  
<li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:40px  auto 70px auto;float:none;clear:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;">
<p style="display:block;width:90%;height:auto;padding:10px 8px;text-align:center;font-size:30px;color:#066;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><strong>Room - Rules</strong></p>
<p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:19px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Add your custom text here</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p style="display:block;width:90%;height:auto;padding:5px 11px;text-align:left;font-size:17px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>
<li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:0 auto;float:none;clear:left;"></li>
</ul></li>
</ul>
And there are a few suggestions for you, change the background size from cover to auto, background position (like so background-repeat:repeat;background-size:auto;-webkit-background-size:auto;background-position:0 0;) also make sure that there are no empty spaces between your HTML markup tags .... the font color can also be changed for the header text as it is a bit difficult to read right now. Font size... if you want to make the font-size responsive, use the formula for font instead of fixed value in pixels.
Code:
font-size: calc(19px + 6 * ((100vw - 320px) / 680));font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
For better positioning use margin:120px auto 50px -146px but i think you already know :) why!
 
Last edited:
Jun 12, 2020
1
1
0
Chaturbate won’t take my age verification...my drivers license is valid and my face and hair isn’t cut out of my picture either! What can I do? Would change in my hairstyle have any effect on it? Like if my hair is different from my license? I’m so ready to broadcast and can’t because of this...please help someone :(
 
  • Like
Reactions: Dan202
Sep 30, 2013
612
291
173
39
Bucharest
dandesign.camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
Chaturbate won’t take my age verification...my drivers license is valid and my face and hair isn’t cut out of my picture either! What can I do? Would change in my hairstyle have any effect on it? Like if my hair is different from my license? I’m so ready to broadcast and can’t because of this...please help someone :(
My humble suggestion is to try reaching out @punker barbie go to this topic and maybe things will sort out
 
Apr 15, 2019
2
1
15
Hi everyone.

Maybe a bit off topic, but could anyone tell me how this CB bio was created ? I mean with which tool ( animated bio..) , I am not really inquiring about the code...

chaturbate.com/emiliajons/

Thanks, and also thanks to all the contributors here, i learned a lot of things..

Cheers, be well.

Phil
 
Sep 30, 2013
612
291
173
39
Bucharest
dandesign.camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
Hi everyone.

Maybe a bit off topic, but could anyone tell me how this CB bio was created ? I mean with which tool ( animated bio..) , I am not really inquiring about the code...

chaturbate.com/emiliajons/

Thanks, and also thanks to all the contributors here, i learned a lot of things..

Cheers, be well.

Phil
Can be done using Photoshop, Photopea, or even Camtasia Studio and save as animated gif file, but of course its a matter of what software you are comfortable to work with, any decent program/service (online or app/web app) which supports animations and exports (saves as) gif will do the trick.
 
Apr 15, 2019
2
1
15
Thanks Dan, I am a total ignorant, and I know none of these ( well, I have heard of Photoshop, but won't buy it or any other program, I stick to free stuff, cheap Charlie that I am....), the bios I have made are really basic, I can't code, and they are made of bits and pieces I have collected around. I mostly use Canva , do you think it could be used for animated bios such as the one I indicated ? ( I tried and did not find..)

I'll dig further in your blog and CB page. Take care.

Phil
 
  • Like
Reactions: Dan202
Jul 20, 2020
1
0
0
Can someone please help me. Im new to Chaturbate and see a lot of people have the clickable social media icons to the left of their camera that redirects people to things like their onlyfans/instagram/twitter. I know you have to use a code for that but I dont know what that code is. Anyone willing to help? I did find a tutorial on Youtube but it was in a different language and they didnt show the code =(

Thank you in advance! =)
 
Sep 30, 2013
612
291
173
39
Bucharest
dandesign.camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
Can someone please help me. Im new to Chaturbate and see a lot of people have the clickable social media icons to the left of their camera that redirects people to things like their onlyfans/instagram/twitter. I know you have to use a code for that but I dont know what that code is. Anyone willing to help? I did find a tutorial on Youtube but it was in a different language and they didnt show the code =(

Thank you in advance! =)
This might help
And this