Ensure you're logged in on Chaturbate in browser and use this link: https://chaturbate.com/accounts/editbio/
Remove problem code and save.
AmberCutie's Forum
An adult community for cam models and members to discuss all the things!
Chaturbate Codes for Bio
- Thread starter Dan N
- Start date
-
** WARNING - ACF CONTAINS ADULT CONTENT **Only persons aged 18 or over may read or post to the forums, without regard to whether an adult actually owns the registration or parental/guardian permission. AmberCutie's Forum (ACF) is for use by adults only and contains adult content. By continuing to use this site you are confirming that you are at least 18 years of age.
- Status
Ensure you're logged in on Chaturbate in browser and use this link: https://chaturbate.com/accounts/editbio/
Remove problem code and save.
Hello,
I know this thread looks kinda dead but I can't find what I need anywhere!
First off I'm trying to get the images in my bio to sit center but they won't, not too big of an issue but I find it more aesthetically pleasing on center.
Secondly I've been trying to find the code to make my white bio part transparent so it shows my page background through it
Any help or advice is greatly appreciated!
Thank you!
I know this thread looks kinda dead but I can't find what I need anywhere!
First off I'm trying to get the images in my bio to sit center but they won't, not too big of an issue but I find it more aesthetically pleasing on center.
Secondly I've been trying to find the code to make my white bio part transparent so it shows my page background through it
Any help or advice is greatly appreciated!
Thank you!
Without knowing/seeing your page bio, we are unsure to determine what code you have in place already and if there are any errors, but first thoughts would be:
1) To center, you should just be able to add text-align: center; to the style part of the code.However it may need to overwrite another part so try adding !important to the code, so it looks like:
text-align: center !important;
2) If it's a colour or gradient colour using code, not image, I'd simply use RGBA:
background: rgba(255,255,255, 0.5);
The green for #2 is the colour and the blue 0.5 is how transparent you'd like it: 1.0 is pure solid and 0.0 would be invisible/fully transparent.
Use a colour palette website for hex codes to find the RGB if you have it as a HEX right now.
https://www.colorhexa.com/ff00ff
Hello (again) ! 
With your help, I was able to create a bio that I wanted for my friend but I'd like to make one simple change and I can't figure it out. I've been struggling with it for several hours with no result. When you see her page https://chaturbate.com/fuck_me_im_famous_/ that's what it currently looks like. What I'm trying to do, is to have the wave image set as a background of the whole page, and I've managed to do that with this code:
<img rel = "nofollow" target = "_ blank" style = "position: fixed; width: 100%; top: 0px; left: 0px; z-index: -2;" src = "link to the pic">
<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(link to the pic);background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;border:0px solid #fff;box-shadow:0 0 0px #999;-webkit-box-shadow:0 0 0px #999;margin:10px auto 0px 0px;">
But I can't figure out how to merge it with the code for the transparent, bordered box containing all the information. In the current bio, the code for it looks like this (and I realize it probably contains a lot of unnecessary code, I am really bad at this stuff):
<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.40);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:10px 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="link to the pic" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;"/></li>
<li style="display:block;width:58%;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:#001;line-height:normal;">
<p style="display:block;width:100%;height:auto;padding:10px 8px;text-align:left;font-size:50px;color:#001;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><b>Simple room rules:</b><br><br></p>
... and so on. I want the wave picture to stay as a static background and on top of it have a transparent box with all the images and text like in her current bio. The closest I've managed to get is that now I have the background static picture and the "Lady Nymph" sign on top of it, but no border, no transparent box. And when I try to add the rest of the above code there, it isn't placed on top of the background but "under it" - meaning the image is cut and the stuff appears under it on the default white background (also with the text from "Wishlist" in the middle, for a reason which I don't understand at all). I guess the simplest solution would be to use an image for that but that seems too impractical for future changes etc. Can someone please help me with this? I hope I'm making sense lol
edit: Just realized I should add the link to my profile too, because you can see there the issue I'm talking about yourself. https://chaturbate.com/p/ledgealot/
With your help, I was able to create a bio that I wanted for my friend but I'd like to make one simple change and I can't figure it out. I've been struggling with it for several hours with no result. When you see her page https://chaturbate.com/fuck_me_im_famous_/ that's what it currently looks like. What I'm trying to do, is to have the wave image set as a background of the whole page, and I've managed to do that with this code:
<img rel = "nofollow" target = "_ blank" style = "position: fixed; width: 100%; top: 0px; left: 0px; z-index: -2;" src = "link to the pic">
<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(link to the pic);background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;border:0px solid #fff;box-shadow:0 0 0px #999;-webkit-box-shadow:0 0 0px #999;margin:10px auto 0px 0px;">
But I can't figure out how to merge it with the code for the transparent, bordered box containing all the information. In the current bio, the code for it looks like this (and I realize it probably contains a lot of unnecessary code, I am really bad at this stuff):
<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.40);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:10px 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="link to the pic" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;"/></li>
<li style="display:block;width:58%;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:#001;line-height:normal;">
<p style="display:block;width:100%;height:auto;padding:10px 8px;text-align:left;font-size:50px;color:#001;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;"><b>Simple room rules:</b><br><br></p>
... and so on. I want the wave picture to stay as a static background and on top of it have a transparent box with all the images and text like in her current bio. The closest I've managed to get is that now I have the background static picture and the "Lady Nymph" sign on top of it, but no border, no transparent box. And when I try to add the rest of the above code there, it isn't placed on top of the background but "under it" - meaning the image is cut and the stuff appears under it on the default white background (also with the text from "Wishlist" in the middle, for a reason which I don't understand at all). I guess the simplest solution would be to use an image for that but that seems too impractical for future changes etc. Can someone please help me with this? I hope I'm making sense lol
edit: Just realized I should add the link to my profile too, because you can see there the issue I'm talking about yourself. https://chaturbate.com/p/ledgealot/
Last edited:
I'm a bit confused because of the "bio"
You can add background image to full page, you can NOT add background image to the Bio section (where there are Real Name, Followers:, Birth Date:,Age:,Sex:Interested In:,Location:,Last Broadcast
border:7px solid #fff
Suggestions:
- for better position of the design I'd suggest using margin:120px auto 50px -146px CSS to main wrapper
- when possible, for images use width:100%;height:auto;margin:0 auto; // this way, image for the header will not overlap the main wrapper
You can add background image to full page, you can NOT add background image to the Bio section (where there are Real Name, Followers:, Birth Date:,Age:,Sex:Interested In:,Location:,Last Broadcast
border:7px solid #fff
Suggestions:
- for better position of the design I'd suggest using margin:120px auto 50px -146px CSS to main wrapper
- when possible, for images use width:100%;height:auto;margin:0 auto; // this way, image for the header will not overlap the main wrapper
I'm a bit confused because of the "bio"
You can add background image to full page, you can NOT add background image to the Bio section (where there are Real Name, Followers:, Birth Date:,Age:,Sex:Interested In:,Location:,Last Broadcast
border:7px solid #fff
Suggestions:
- for better position of the design I'd suggest using margin:120px auto 50px -146px CSS to main wrapper
- when possible, for images use width:100%;height:auto;margin:0 auto; // this way, image for the header will not overlap the main wrapper
Thanks for your reply but I don't really understand terms like "wrapper", I'm a total noob, just trying to help my friend.
About the background, if you can, please look at this user's bio section: https://www.chaturbate.com/dondehaypelohayalegria - that's what she wants. The image can be seen in the background in the whole "about me" section while scrolling, and I have managed to do that, I only don't know how I can put a whole new "layer" of code with all the desired text, different style and so on, that would float above it and could be scrolled.
I'm a bit confused because of the "bio"
You can add background image to full page, you can NOT add background image to the Bio section (where there are Real Name, Followers:, Birth Date:,Age:,Sex:Interested In:,Location:,Last Broadcast
border:7px solid #fff
Suggestions:
- for better position of the design I'd suggest using margin:120px auto 50px -146px CSS to main wrapper
- when possible, for images use width:100%;height:auto;margin:0 auto; // this way, image for the header will not overlap the main wrapper
To better show what I mean: I'd like this >> http://testinggif.wz.cz/example.png << whole section (transparent, bordered, expandable box where I can write stuff, add images with different layouts, aligning of the text, styles etc.) to be shown just like it is in her room right now, only with the exception of having the wave gif picture set as the background of the whole "About me" section like in that guy's bio. From what I understand by looking at it, he's using pre-created images for that purpose, which I could probably do as well with a bit of patience, however if there is any way at all to use the html code that I already have for that purpose, it would make my life much easier. I just don't know if it's possible at all, everything I've done so far with html was a method of trial & error.
Main wrapper is the element which holds all the bio design... in your case is / starts with <ul id="main" .....
From your previous post I see you've already done the editing you wish to achieve ( https://chaturbate.com/p/ledgealot/ ) you have the full background image set up same as the main wrapper
Please note that it uses the same code as the model's bio... with all messed up tags..
Save the code into a html page on your machine before starting to edit and sanitize it.
* sanitize - clean, delete , remove additional HTML markup which has nothing to do with current design
Save the code into a html page on your machine before starting to edit and sanitize it.
HTML:
<p style="display:block;width:100%;min-height:2000px;box-sizing:border-box;padding:0;background-image: url(https://camo.stream.highwebmedia.com/ec0e4bf574f3b78b28d3eeb2ddd34818442ae372/687474703a2f2f74657374696e676769662e777a2e637a2f6769706879352e676966);background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;z-index:-55;position:fixed;top:0;left:0;"></p>
<ul style="display:block;width:101%!important;height:auto;min-width:500px;font-weight:normal;list-style:none;box-sizing:border-box;padding:0;background-color:#066;background-image: url(https://camo.stream.highwebmedia.com/ec0e4bf574f3b78b28d3eeb2ddd34818442ae372/687474703a2f2f74657374696e676769662e777a2e637a2f6769706879352e676966);background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;margin:120px auto 50px -146px;"><br /><li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:50px auto 40px auto;" target="_blank" rel="nofollow"><br /></li><li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:auto 10%auto;margin:auto auto auto auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;" target="_blank" rel="nofollow"><br /><p style="display:block;width:100%;height:auto;padding:auto auto;text-align:center;font-size:40px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;" target="_blank" rel="nofollow"><img src="https://camo.stream.highwebmedia.com/8651f059196b5c94aac015b36b3721c6c86313f6/687474703a2f2f74657374696e676769662e777a2e637a2f6c616479332e706e67" target="_blank" rel="nofollow" style="display:block;width:100%;height:auto;margin:0 auto;" /></p><br /></li><li style="display:block;width:90%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:20px auto 30px auto;" target="_blank" rel="nofollow"><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.40);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;" target="_blank" rel="nofollow"><br /><li style="display:block;width:25%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:10px 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;" target="_blank" rel="nofollow"><img src="https://camo.stream.highwebmedia.com/cb8f4e63de6b2ed2cd2fd0cab8a3356268177189/687474703a2f2f74657374696e676769662e777a2e637a2f343937396436646139323730373637336661616439353639366164356466306630383064643864372e6a7067" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;" target="_blank" rel="nofollow" /></li><br /><li style="display:block;width:58%;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:#001;line-height:normal;" target="_blank" rel="nofollow"><br /><p style="display:block;width:100%;height:auto;padding:10px 8px;text-align:left;font-size:50px;color:#001;text-shadow:0 1px 1px #999;margin:10px auto 11px auto;" target="_blank" rel="nofollow"><b target="_blank" rel="nofollow">Simple room rules:</b><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /></p><p style="display:block;width:100%;height:auto;padding:5px 11px;text-align:left;font-size:25px;color:#001;text-shadow:0 1px 1px #999;margin:0 auto;" target="_blank" rel="nofollow"><b target="_blank" rel="nofollow">First of all:</b><br />- <u target="_blank" rel="nofollow">Do not</u> ask where I live, it's a personal matter to me.<br />- <u target="_blank" rel="nofollow">Do not</u> ask to show my face, I never do that. If you are new in my room, for soon you'll understand that I do not need a face :)) ... Only my true admirers (if I consider they have deserved) can get a smile in private.<br />- <u target="_blank" rel="nofollow">Do not</u> ask for my name, only few people know my real name here, and believe me they have deserved it.<br />- <u target="_blank" rel="nofollow">Do not</u> demand or expect to do anything for you without tipping first. It's offensive and it's a shortest way to being banned or silenced.<br />- <u target="_blank" rel="nofollow">Do not</u> ask what I do or not do in pvt in public chat if u want an answer.<br />- <u target="_blank" rel="nofollow">Do not</u> freeload, I don't like that at all. If you are staying in my room for a whole day loaded with tokens but you do not have the basic appreciation for what you are watching, do not wonder why you are at some point kicked and banned.<br target="_blank" rel="nofollow" /><br /><b target="_blank" rel="nofollow">Last but not least:</b> <br target="_blank" rel="nofollow" /> - <u target="_blank" rel="nofollow">Do not</u> mess with my cute lil puppy, my best boy and my blonde bot 3.0 IEDGEALOT, never - ever !<br target="_blank" rel="nofollow" /><br /><b target="_blank" rel="nofollow">Epilogue:<br target="_blank" rel="nofollow" /></b> If I regard you, and you do not have the basic human value to say at least "hello" back, you are seeing my room for the last time.<br target="_blank" rel="nofollow" /><br /><b target="_blank" rel="nofollow">Instant ban:<br target="_blank" rel="nofollow" /></b> Not saying "hello" !<br /></p></li><li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:auto 10%auto;margin:auto auto auto auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#066;line-height:normal;" target="_blank" rel="nofollow"><br /><p style="display:block;width:100%;height:auto;padding:auto auto;text-align:center;font-size:30px;color:#001;text-shadow:0 1px 1px #999;margin:0 auto;" target="_blank" rel="nofollow"><i target="_blank" rel="nofollow"><b target="_blank" rel="nofollow">Now that you've read my poem "Do Not", let's consider some other more interesting things.</b></i><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/6da9fead01bd256d2b15c9d0fdfd81cfeb023b16/687474703a2f2f74657374696e676769662e777a2e637a2f696e7374656164322e676966" target="_blank" rel="nofollow" style="display:block;width:100%;height:auto;margin:0 auto;" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/7ad4e80bbaa7506ccc44d685ea0ef76ea7dea437/687474703a2f2f74657374696e676769662e777a2e637a2f776569676874322e676966" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow"/><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/6eaa35a5b93cc7567656bcde3894f9d1ed1e176f/687474703a2f2f74657374696e676769662e777a2e637a2f617274362e676966" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/b4360fd810ad1ad7957ff53b5bf217266945a40e/687474703a2f2f74657374696e676769662e777a2e637a2f6d757369632e676966" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/0863ac9228501cb5fbea3427064f9ee8c3f387ee/687474703a2f2f74657374696e676769662e777a2e637a2f46696c6d2e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/3d83555b384f12dcac35e02669f660b6797428e8/687474703a2f2f74657374696e676769662e777a2e637a2f72656477696e652e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/55a8e42a044334cc4381866ea6346d0188509404/687474703a2f2f74657374696e676769662e777a2e637a2f706f7369746976652e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/e2cddc94bf1449302875693171785c1362097b9e/687474703a2f2f74657374696e676769662e777a2e637a2f7175616e74756d322e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/c250ed5764cec2158a3fb6b87bca45af264bd380/687474703a2f2f74657374696e676769662e777a2e637a2f6772617469747564652e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/94164365e10010bb7b07515f5ae6a21130ff9333/687474703a2f2f74657374696e676769662e777a2e637a2f736170696f322e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/bd9b5349814fd4885b39f71595ddb489ad9a82ca/687474703a2f2f74657374696e676769662e777a2e637a2f594f552e706e67" target="_blank" rel="nofollow" /></p></li><li style="display:block;width:90%;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;" target="_blank" rel="nofollow"><p style="display:block;width:100%;height:auto;padding:5px 11px;text-align:left;font-size:50px;color:#066;text-shadow:0 1px 1px #999;margin:0 auto;" target="_blank" rel="nofollow"><img src="https://camo.stream.highwebmedia.com/c6d2ff46b138b4a52eb9904af9ce81e2a94ce600/687474703a2f2f74657374696e676769662e777a2e637a2f4f5457322e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/5a7e5d09cbef524e9daf0d9fef5158b5611b789c/687474703a2f2f74657374696e676769662e777a2e637a2f4368656d2e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/274585b2ad735924f5adadc7eb5f37616d606442/687474703a2f2f74657374696e676769662e777a2e637a2f45617274682e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/061f99db5d6b3bf5bfc2cab1b9e2a9612a41718e/687474703a2f2f74657374696e676769662e777a2e637a2f4f72672e706e67" target="_blank" rel="nofollow" /></p><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /></li><li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:auto 10%auto;margin:auto auto auto auto;float:left;text-align:center;font-size:20px;font-family:Century Gothic;color:#001;line-height:normal;" target="_blank" rel="nofollow"><br /><p style="display:block;width:100%;height:auto;padding:auto auto;text-align:center;font-size:40px;color:#001;text-shadow:0 1px 1px #999;margin:0 auto;" target="_blank" rel="nofollow"><img src="https://camo.stream.highwebmedia.com/e89a8a15976f9e4428647d7ac8af56aed3c5336e/687474703a2f2f74657374696e676769662e777a2e637a2f6e6f77372e706e67" target="_blank" rel="nofollow" /></p><br /></li><li style="display:block;width:50%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:auto auto auto auto;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;" target="_blank" rel="nofollow"><img src="https://camo.stream.highwebmedia.com/7a4c541527cd05688e2b5b8f48cebed60722ae76/687474703a2f2f74657374696e676769662e777a2e637a2f77617465726e796d7068322e6a7067" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;" target="_blank" rel="nofollow" /></li><br /><li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:0 auto;float:none;clear:left;" target="_blank" rel="nofollow"></li><br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/4d4fa425fee89de301f10643dca4a58fe972f12b/687474703a2f2f74657374696e676769662e777a2e637a2f646d6361322e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" />Any UNAUTHORIZED use of my profile, video, pictures or audio in any form or in a forum now or in the future is NOT permissible without my expressed written consent. Any act to promote or gain profit in any manner (e.g. either monetarily or socially) from the use of my profile, video, pictures or audio in any form is a violation of my privacy and subject to legal action. BY WATCHING THIS: You acknowledge and agree that you shall not post, upload, publish, transmit or make available in any way content of this page including images and recording streamed live video available for download. This is intended as, and presented as a one time, live, one view presentation only. Penalties of Copyright Infringement: By reproducing, republishing or redistributing the work of a copyright holder without permission, you may be violating or infringing on his or her rights under the Copyright Act. The copyright holder may sue for compensation cost from $ 250 to $ 150,000 or one year in jail.<br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><a href="/external_link/?url=http%3A%2F%2Fwww.chaturbate.com%2Fterms%2F" target="_blank" rel="nofollow">http://www.chaturbate.com/terms/</a>Section 8: Your Use Of Content On The Site The Content accessed via the chaturbate website is owned by or licensed to chaturbate, subject to copyright and other intellectual property rights under the law. Content is provided to you AS IS for your information and personal use only and may not be downloaded, copied, reproduced, distributed, transmitted, broadcast, displayed, sold, licensed, or otherwise exploited for any other purposes whatsoever.<br />You may access User-Submitted Content for your information and personal use solely as intended through the provided functionality of the chaturbate website. You shall not copy or download any User-Submitted Content by any means or for any purpose. You agree to not engage in the use, copying, or distribution of any of the Content, including any use, copying, or distribution of User-Submitted Content of third parties obtained through the website for any commercial purposes.<br target="_blank" rel="nofollow" /><img src="https://camo.stream.highwebmedia.com/4d4fa425fee89de301f10643dca4a58fe972f12b/687474703a2f2f74657374696e676769662e777a2e637a2f646d6361322e706e67" target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><br target="_blank" rel="nofollow" /><p style="font-size:25px;" target="_blank" rel="nofollow">And <b target="_blank" rel="nofollow">NO</b> face ... never, ever, nowhere ... !</p><br /></ul></li><br /></ul>I really appreciate your help but to be honest, I have no idea what to do with the code. Yes, the background works the way I want now but when I use the code for that bordered section, it doesn't show itself on top of the background, instead it sits right under it with a blank white background. I know you're trying to help me but I'm now more confused than I was before.
I will try to play with it for few more hours, thanks Dan I'm sorry to bother you so much but I have already run into problem.
I used this:<img rel = "nofollow" target = "_ blank" style = "position: fixed; width: 100%; top: 0px; left: 0px; z-index: -2;" src = "my_background_picture">
<p style="display:block;width:100%;min-height:2000px;box-sizing:border-box;padding:0;background-image: url("my_background_picture");background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;z-index:-55;position:fixed;top:0;left:0;"></p>
<ul style="display:block;width:101%;height:auto;min-width:500px;font-weight:normal;list-style:none;box-sizing:border-box;padding:0;background-color:#066;background-image: url("my_background_picture");background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;margin:120px auto 50px -146px;">
<p style="display:block;width:100%;min-height:2000px;box-sizing:border-box;padding:0;background-image: url("my_background_picture");background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;z-index:-55;position:fixed;top:0;left:0;"></p>
<ul style="display:block;width:101%;height:auto;min-width:500px;font-weight:normal;list-style:none;box-sizing:border-box;padding:0;background-color:#066;background-image: url("my_background_picture");background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;margin:120px auto 50px -146px;">
Nevermind, I finally did it!
It may be a good idea to make a codepen.io account
When playing around, you can use their tools to find errors for you, to tidy the code and more.
Check it out, it will most likely help you a lot.
Backbone CB layout 023 ...
For those who are willing to play with markup codes.
Direct download
Includes all graphic resources, the markup code, Source Editor (offline basic source editor), demo
Available sections:
- header image
- floating icons
- about me section
- likes/dislikes section
- full banner
- tip menu with Tip Request and Token amount (not buttons)
- top tippers
- full banner
- gift cards section
- custom editable text
- wishlist links/twitter
- legal footer text, also editable
Design compatible with Camgirl Live Editor tool
For those who are willing to play with markup codes.
Direct download
Includes all graphic resources, the markup code, Source Editor (offline basic source editor), demo
Available sections:
- header image
- floating icons
- about me section
- likes/dislikes section
- full banner
- tip menu with Tip Request and Token amount (not buttons)
- top tippers
- full banner
- gift cards section
- custom editable text
- wishlist links/twitter
- legal footer text, also editable
Design compatible with Camgirl Live Editor tool
set 4 animated banners Join My FanClub for Chaturbate Bio pages
This is one of them
Full width animated banners, How to use, how to install, suggestions and Troubleshooting available inside zip file
Download available below
This is one of them
Full width animated banners, How to use, how to install, suggestions and Troubleshooting available inside zip file
Download available below
A full chaturbate bio design (image based) .
The layout might look complex but it's not hard to edit it.
on jsfiddle
https://jsfiddle.net/cle_dan/78gcze6q/2/
on pastebin
https://pastebin.com/bnxpuqrg
Replace full path for images and add your links... that's it.
For those with basic HTML+inline-css editing skills, the layout can serve as backbone template, instead of images, add HTML elements and content.
Note: for images I've used placeholder service and it suggests the size of the image .... if you'd like a responsive, fluid layout, you'll take into consideration my suggestion for width values.
The layout might look complex but it's not hard to edit it.
on jsfiddle
https://jsfiddle.net/cle_dan/78gcze6q/2/
on pastebin
https://pastebin.com/bnxpuqrg
Replace full path for images and add your links... that's it.
For those with basic HTML+inline-css editing skills, the layout can serve as backbone template, instead of images, add HTML elements and content.
Note: for images I've used placeholder service and it suggests the size of the image .... if you'd like a responsive, fluid layout, you'll take into consideration my suggestion for width values.
Unfortunately Chaturbate platform does not allow programming language (javascript) (with few exceptions like DMCA and flagcounter) so it will not work as a live, self-updated token counter on Bio page as far as I know... so the best approach I can suggest are:
1. use an image and update it every time
2. use allowed markup code and ... yes, update it manually every time.
Any idea if there is a bot available. That would work in chat to accomplish the same goal. Or will the counter reset with each log on?
Camgirl.Cloud – XBIZ 2018 Finalist for Most innovative web product of the year is rising up to the challenge with new features and developments for all our registered members.
Performer – My Profile – New options available for registered webcam performers on CGC
– new options available for privacy, profile type and visible content
Studio Profile – New category type of profile page assigned upon registration via CGC
– options available for privacy, profile type and visible content
Sponsor Profile – New category type of profile page assigned upon registration via CGC
– options available for privacy, profile type and visible content
Hosted Pages – Released the Hosted Pages (beta) feature for all members with valid license
– select, edit, design custom web pages for your brand or fans. Sell products or services, promote your activity or just have fun… [access Hosted Pages]
Domains & URL – create, assign and do more with hosted web pages. Design your own web page
– choose to use CGC free subdomain or deploy your project to your owned domain [access Domains]
Inbox – new development Inbox instant message enabled on My Profile
– build bridges in communication with fans or favorite model. Inbox feature (beta) is used as p2p chat messaging platform
read more - source: 2019 New Developments and Features - camgirl.cloud
Performer – My Profile – New options available for registered webcam performers on CGC
– new options available for privacy, profile type and visible content
Studio Profile – New category type of profile page assigned upon registration via CGC
– options available for privacy, profile type and visible content
Sponsor Profile – New category type of profile page assigned upon registration via CGC
– options available for privacy, profile type and visible content
Hosted Pages – Released the Hosted Pages (beta) feature for all members with valid license
– select, edit, design custom web pages for your brand or fans. Sell products or services, promote your activity or just have fun… [access Hosted Pages]
Domains & URL – create, assign and do more with hosted web pages. Design your own web page
– choose to use CGC free subdomain or deploy your project to your owned domain [access Domains]
Inbox – new development Inbox instant message enabled on My Profile
– build bridges in communication with fans or favorite model. Inbox feature (beta) is used as p2p chat messaging platform
read more - source: 2019 New Developments and Features - camgirl.cloud
I would also like to make the boxes with text more trasparent, can I do this with that code?I mean "Simple clean text-based" bio design (blue one) you posted )
)Hello Dan! Thank you so much for helping us all. A am editing this "Simple clean text-based" bio design (blue one) you posted about a year ago. Everythign works great, but I'd like to change the white background in bio to a fixed image inside. I've been trying many links from other bios but they mess up the code and it doesn't look right. Can you help me out here?
I already set the background image (where borders around the video), I just need an image instead of white background. Thank you!!
I already set the background image (where borders around the video), I just need an image instead of white background. Thank you!!
Hello Dan! Thank you so much for helping us all. A am editing this "Simple clean text-based" bio design (blue one) you posted about a year ago. Everythign works great, but I'd like to change the white background in bio to a fixed image inside. I've been trying many links from other bios but they mess up the code and it doesn't look right. Can you help me out here?
I already set the background image (where borders around the video), I just need an image instead of white background. Thank you!!
Hi, I'm guessing you are talking about this template.
Ok, so you'll need to edit the markup code manually and this are the step-by-step suggestion how to do it.
1. choose, create your image which will be used as main background of the layout.
2. upload the image online, grab the direct URL full path
3. Open the code into your favorite WYSIWYG editor in order to access and edit the markup (you can use this source editor too if no other resources are available)
4, Search for this particular code snipped (it's the very first markup code for this particular design)
PHP:
<ul id="main" style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;font-family:Century Gothic, Arial, Helvetica, sans-serif;margin:120px auto 50px -146px;">at the end of margin:120px auto 50px -146px; you will need to add another piece of css markup for rendering the background image.
like this:
Code:
background-image:url(YOUR-IMAGE-URL-HERE);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;Your edited code should look like this
PHP:
<ul id="main" style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;font-family:Century Gothic, Arial, Helvetica, sans-serif;margin:120px auto 50px -146px;background-image:url(YOUR-IMAGE-URL-HERE);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;">based on your image size, you can play with some of the background attributes:
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
background-position:top center;
Troubleshooting:
* Background image does not show up after editing, and installing the design
- make sure that all markup tags are closed properly
- make sure that the URL of your hosted image it ends with image extension and not other extensions
(good example: .png / .jpg / .gif --- bad example: .php / .html / {alphanumeric string} )
- your image MUST be uploaded online
* The design looks "broken" and pieces of HTML markup shows on CB after saving
- make sure that all > are closed properly and are preceded by " double quotes like so ">
That's it
I would also like to make the boxes with text more trasparent, can I do this with that code?I mean "Simple clean text-based" bio design (blue one) you posted
To make text-based boxes semi-transparent you'll need to find the background-color:#eaf3ff; and replace it with a rgba value.
background-color:#eaf3ff; this is pale blue mat background color
background-color:rgba(234, 243, 255,.50); this is pale blue background color but with 50% transparency... instead of HEX use RGBA values ... and play with it.
background-color:#09C; this is darker blue mat background color used for headings (section's main title)
background-color:rgba(0, 153, 204, .70); this is the same color but with 70% transparency
RGBA works like this... first 3 numbers are defining the Red Green Blue value, the last one (fourth number is the Alpha opacity)
The value of Alpha can be set to 0.70 or .70 its the same thing
That's it
- Status
Similar threads
-
- Locked
- Question
- Locked
- Solved
