Chaturbate Profile Help!

[mfcgraphic]

Well it seems there is no thread that is all about Chaturbate so i make one now. You can post and reply here if you have advice, services or helpful HTML and css code.


Chaturbate top left image change.

code soon

Preview:

<img style="left: 0px; top: 0px; position: absolute;" src="https://drive.google.com/uc?export=view&id=0B8ThrQg8aYESMVd0dTRYVGlRMjA">
<img src="https://drive.google.com/uc?export=view&id=0B8ThrQg8aYESeHh0ejZxZUtEUkE" style="left: 0px; top: 0px; position: absolute; width: 200px; height: 88px;">
<img style="left: 0px; top: 0px; position: absolute;" src="https://drive.google.com/uc?export=view&id=0B8ThrQg8aYESdWF6Wk5Fb2VEWGc">

Just replace the linkin the code:

https://drive.google.com/uc?export=view&id=0B8ThrQg8aYESeHh0ejZxZUtEUkE

to Your image width 200px nad height 88px

Have fun )


__________________________________________________________________________________


Download chaturbate free raffle menu here: https://jsfiddle.net/9vptw2s1/

__________________________________________________________________________________


New chaturbate black style Now You can watch chaturbate at night no burning eyes again

To get it pm me. You need to have installed plugin for firefox or chrome "stylish"

__________________________________________________________________________________

Chaturbate christmas tips tree

https://jsfiddle.net/o42ntphs/#&togetherjs=F2w06d4grs

 

[mfcgraphic]

Does anyone know if you can add etsy wish lists to my CB Bio?

Go to: https://html-online.com/editor/
Add this:

<li rel="nofollow" style="margin: 40px auto; min-width: 700px; padding: 0px; width: 80%; list-style: outside none none; background: transparent url('http://s13.postimg.org/o71f5yxav/image.jpg') repeat fixed 0px 0px / cover ; border-color: rgb(117, 117, 117);border-radius: 7px 7px 9px 9px; border-style: none none solid; box-shadow: 0 0px 1px 0 rgba(255, 255, 255, 0.7) inset;" target="_blank"><ul target="_blank" style="list-style: outside none none; margin: 0px; padding: 50px 50px 50px;" rel="nofollow"><ol rel="nofollow" target="_blank" style="color: rgb(255, 255, 255); font-family: &quot;Comic Sans MS&quot;,Arial; margin: 0px auto; font-size: 17px; list-style: outside none none; text-shadow: 1px 1px 2px rgb(0, 0, 0); padding: 0px; width: 600px; line-height: 35px;"><li rel="nofollow" style="padding-left: 20px; margin-bottom: 5px; padding-right: 20px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);" target="_blank">Tomas<font rel="nofollow" target="_blank" style="float:right;">21312</font></li><li rel="nofollow" target="_blank" style="padding-left: 20px; padding-right: 20px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);">Kanter33<font rel="nofollow" target="_blank" style="float:right;">19998</font></li><li rel="nofollow" target="_blank" style="padding-left: 20px; padding-right: 20px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);">Sndrae2<font rel="nofollow" target="_blank" style="float:right;">17005</font></li><li rel="nofollow" target="_blank" style="padding-left: 20px; padding-right: 20px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);">Alonzo<font rel="nofollow" target="_blank" style="float:right;">11047</font></li><li rel="nofollow" target="_blank" style="padding-left: 20px; padding-right: 20px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);">IIYw3$<font style="color:#FF0000;font-size:29px;display:none;">Copyrights by WaterBird</font><font rel="nofollow" target="_blank" style="float:right;">10447</font></li><li rel="nofollow" target="_blank" style="padding-left: 20px; padding-right: 20px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);">Troper<font rel="nofollow" target="_blank" style="float:right;">10400</font></li><li rel="nofollow" target="_blank" style="padding-left: 20px; padding-right: 20px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);">skiKiller<font rel="nofollow" target="_blank" style="float:right;">8441</font></li><li rel="nofollow" target="_blank" style="padding-left: 20px; padding-right: 20px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);">Ppmiiiiiiii<font rel="nofollow" target="_blank" style="float:right;">4121</font></li><li rel="nofollow" target="_blank" style="padding-left: 20px; padding-right: 20px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid rgb(255, 255, 255);">Tank24<font rel="nofollow" target="_blank" style="float:right;">174</font></li><li rel="nofollow" target="_blank" style="margin-bottom: 5px; padding-left: 20px; padding-right: 20px; text-align: left;">Kni Slayer<font rel="nofollow" target="_blank" style="float:right;">21</font></li></ol></ul></li>

 

[melezouriou]

Just wanted to add that if you go with images, save yourself some headache with simple addition of width with % value.

<img src="IMGLINKHERE" style="width: 100%;"/>

 

[Mila_]

I have an image with many links in it and I want to post it on my chaturbate profile.

Is there any way to insert an HTML as an image? Is there any way to post an iframe or something?

 

[NotYou]

I have an image with many links in it and I want to post it on my chaturbate profile.

Is there any way to insert an HTML as an image? Is there any way to post an iframe or something?

iframes are a no go. Chaturbate pretty much removed everything so only the bare minimum can be used. This is for the model's and users safety though as you can add so much harmful stuff using iframes and the likes. So unfortunately, but yet not; you'd need to add each image one at a time using img src html

 

[Mila_]

iframes are a no go. Chaturbate pretty much removed everything so only the bare minimum can be used. This is for the model's and users safety though as you can add so much harmful stuff using iframes and the likes. So unfortunately, but yet not; you'd need to add each image one at a time using img src html

Sad. I was hoping there was maybe a way around it.

 

[Dan N]

Sad. I was hoping there was maybe a way around it.

Method 1.
a "work around" is to use a wrapper element, add the image as background and create the links inside (on top of the image) as blocks.

Method 2.
cut the images in sections, add them as individual elements and the ones who suppose to indicate a link, add links to them... something like micro banners.

 

[Tiffany Anyway]

hello im new and im hoping i can get some help. i really love this profile https://chaturbate.com/ruthmoon/ but i trying to use my pics.

the wall in the background https://s20.postimg.org/r1sgnpa19/Wall.jpg

words in white

and the shaded box stay the same

i love they way it flows all the way throught. instead of mine where it chopped up in sections
https://chaturbate.com/p/samurway/?tab=bio

help please
sam

 

[Dan N]

hello im new and im hoping i can get some help. i really love this profile https://chaturbate.com/ruthmoon/ but i trying to use my pics.

the wall in the background https://s20.postimg.org/r1sgnpa19/Wall.jpg

words in white

and the shaded box stay the same

i love they way it flows all the way throught. instead of mine where it chopped up in sections
https://chaturbate.com/p/samurway/?tab=bio

help please
sam

The code is pretty simple but you'll have to edit it by yourself adding the content you want.
Here ya go https://jsfiddle.net/cle_dan/jz93fb7m/

PS: i didn't test the markup installed on CB because I've wrote the code by hand directly in jsfiddle so, if you have issues with the markup, feel free to tweak it.
btw, on ruthmoon's bio there is a link at the very bottom of the design, you could use that to get in contact with @mfcgraphic to help you with customization or even throw some suggestions your way.

Best regards,
Dan N - Camgirl Live Editor

 

[Rachel Lee Ray]

We can help with profiles in exchange for CB tokens. My boyfriend and I both do graphics in Photoshop and he does html, css and web design also. If you want something nice we can set it up for you for a really reasonable deal! Check my profile on CB out http://www.chaturbate.com/rachelleeray and you can see the Tim Burton theme we set up

 

[Tiffany Anyway]

to dan202 that is perfect but i cant get it to post on my cb profile. it stays in html code. and to rachel thank you will take you up on your offer but i have to first make some money before i can spend some.

 

[Dan N]

to dan202 that is perfect but i cant get it to post on my cb profile. it stays in html code. and to rachel thank you will take you up on your offer but i have to first make some money before i can spend some.

Tiffany, is your Chaturbate account verified?
Make sure it is before adding custom codes to bio because other webcam performers stumbled upon this very issue and the solution was to verify the account.

To test, you can use a much simpler markup like the one below

<p style="color:red;">This text should be red</p>

If upon saving you see a red text, well... you are good to go.

I can not edit the previous post with the demo code because silly me, I did a mistake, forgot to reposition the design so it will not display cut from the right side.

Fixed/ Update
https://jsfiddle.net/cle_dan/trhv1mnp/3/

 

[Tiffany Anyway]

ok i have a question. i was in someone room on chaturbate and they had a cool effect that i really want. everytime they got a tip a cute little pink bubble would float up the screen showing tip amount and their name under it. here is a image i caught right before it floated off and disappeared. I altered the image to hide there names and faces and the names in the chat room but you can see the pink bubble clearly.

 

[Rachel Lee Ray]

ok i have a question. i was in someone room on chaturbate and they had a cool effect that i really want. everytime they got a tip a cute little pink bubble would float up the screen showing tip amount and their name under it. here is a image i caught right before it floated off and disappeared. I altered the image to hide there names and faces and the names in the chat room but you can see the pink bubble clearly.

These are done with Plugins added to OBS. There are a few programmers floating around the ACF forums that can help you. One member being @staringatstars I believe. My BF is going to learn how to do this on his own which could take some time, patience and some technical skill which is why I haven't asked for help yet. But there are resources out there!

 

[Tiffany Anyway]

thank you. and i was doing some research last night. i trying to learn it as well but obs is not as ez as chrome. so maybe we can learn together. i will not buy plugin til i know what im doing good enough. thank you and i would like for up to stay in touch.

 

[Tiffany Anyway]

ok another question, i have tried and im not sure but maybe chaturbate wont let it be done. but i want to take a text and html code diagonal. i want to put "meow" in the on top corner of the boxes. like someone graffiti on the back wall, in some spots. if i cant i do have a back up plan.

 

[NotYou]

ok another question, i have tried and im not sure but maybe chaturbate wont let it be done. but i want to take a text and html code diagonal. i want to put "meow" in the on top corner of the boxes. like someone graffiti on the back wall, in some spots. if i cant i do have a back up plan.

If I am understandig correct you just want to rotate the text?

Add transform: rotate(20deg); to your style

https://www.w3schools.com/cssref/css3_pr_transform.asp

 

[Muddyboy000000000]

if any one is looking for a chaturbate bio designer hit me up

 

[mfcgraphic]

I am always happy to help everyone for free

Tiffany, is your Chaturbate account verified?
Make sure it is before adding custom codes to bio because other webcam performers stumbled upon this very issue and the solution was to verify the account.

To test, you can use a much simpler markup like the one below

<p style="color:red;">This text should be red</p>

If upon saving you see a red text, well... you are good to go.

I can not edit the previous post with the demo code because silly me, I did a mistake, forgot to reposition the design so it will not display cut from the right side.

Fixed/ Update
https://jsfiddle.net/cle_dan/trhv1mnp/3/

 

[Aerie]

Made a short introductory video just for create bio graphics on CB and then add them to your page, hopefully this will be helpful to some beginners!

 

[opheliaayres]

Made a short introductory video just for create bio graphics on CB and then add them to your page, hopefully this will be helpful to some beginners!

This is awesome! Thank you for taking the time!

 

[QuinnLane]

What resolution should I make my bio if I want it to fill the space?
And how do I stop it from being cut off on the far side? -_-

 

[melezouriou]

What resolution should I make my bio if I want it to fill the space?
And how do I stop it from being cut off on the far side? -_-

You can go widths of 1080 if wanted though for images would personally go for more manageable widths of 600 to 800.

As for the cutting off on right side, adding width to code should sort that, something like:

<img src="IMGLINKHERE" style="display: block;width: 100%;">

 

[QuinnLane]

You can go widths of 1080 if wanted though for images would personally go for more manageable widths of 600 to 800.

As for the cutting off on right side, adding width to code should sort that, something like:

<img src="IMGLINKHERE" style="display: block;width: 100%;">

I've gone with 1000px and it seems to be working fine
chaturbate.com/quinnlane

 

[melezouriou]

I've gone with 1000px and it seems to be working fine
chaturbate.com/quinnlane

Would suggest to add the width % to the image code as there is some cut off on right hand side.

 

[Dan N]

What resolution should I make my bio if I want it to fill the space?
And how do I stop it from being cut off on the far side? -_-

Default wrapper (chaturbate's bio section where you are allowed to add your own content) is responsive but I'd go with 700 up to 1000 pixels wide.

@melezouriou 's suggestion using % values is the best approach and I will also add a manual position of the image

<img src="your-image-url-here" style="display:block;width:100%;height:auto;margin:120px auto 50px -146px"/>

the margin value will re-position your image waaaay better and starting from the left margin of your bio page.

Good luck

 

[tattooedandtainted]

I want to say thank you to everyone who had input on this thread! I learned exactly what I wanted to know from reading through from the beginning! Much love to you all!

 

[BKsFinest]

This thread has been a lot of help for me, thank you all. But I can't seem how to do what's pictured here, I want to put these buttons on top going across in Chaturbate. I know it's in here somewhere, but I'm a bit stuck.
Any help is much appreciated. https://chaturbate.com/b/bksfinest/

 

[melezouriou]

This thread has been a lot of help for me, thank you all. But I can't seem how to do what's pictured here, I want to put these buttons on top going across in Chaturbate. I know it's in here somewhere, but I'm a bit stuck.
Any help is much appreciated. https://chaturbate.com/b/bksfinest/

Not 100% sure if I understood the positioning you wish for but if it's four smaller button images in fixed postion above your main body bio images you can make a containter the width of main body and insert images assigning them % value for width.

Should resemble something like this: most of sizing and positioning you can finetune with % and margin.

<p style="width: 800px; text-align: center;"><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a></p>

 

[melezouriou]

Oh also, you'll need to have it in one continuous chunk like so:

<p style="width: 800px; text-align: center;"><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a></p>

If you rearrange it, and sure it looks neater and easier codewise, but it would affect how it appears on screen so don't do this:

<p style="width: 800px; text-align: center;">
<a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a>
<a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a>
<a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a>
<a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a>
</p>

 

[BKsFinest]

Oh also, you'll need to have it in one continuous chunk like so:

<p style="width: 800px; text-align: center;"><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a><a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a></p>

If you rearrange it, and sure it looks neater and easier codewise, but it would affect how it appears on screen so don't do this:

<p style="width: 800px; text-align: center;">
<a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a>
<a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a>
<a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a>
<a href="YOURLINKHERE";><img src="YOURIMAGELINKHERE" style="display: inline-block;width: 24%; margin: auto;"/></a>
</p>

Excellent!!!!! It worked!!!! Thanks a lot!!!