Chaturbate Profile Help!

mfcgraphic · Mar 14, 2016

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:

code soon

Preview:

Code:

<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:

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

WebcamStartup · Mar 15, 2016

Awesome! So the black style isn't a CSS hack or anything like that, it's something you do with the browser and only changes color scheme for you, correct?

You offering CB profile design as a service, or you just sitting on a collection of CB-oriented HTML snippets you can copy / paste into any CB profile?

mfcgraphic · Mar 16, 2016

WebcamStartup said:
Awesome! So the black style isn't a CSS hack or anything like that, it's something you do with the browser and only changes color scheme for you, correct?

Well its a css hack but on Your own computer. Think of it like changing files on Your pc. Stylish force Your browser to add additional css that change the site. But no one know You changing it. I am using stylish for a long time help me change sites i watch everyday to fit my needs.

WebcamStartup said:
You offering CB profile design as a service, or you just sitting on a collection of CB-oriented HTML snippets you can copy / paste into any CB profile?

Yes i offer CB profiles design as a service and i make some free stuff too like You can see above. I sometimes help people for free when they make a CB or MFC profile.

For those that have stylish and want a black style.

Create a style and put this in Your stylish template for CB.

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("chaturbate.com") {

  #header {
  background: #000;
  }
  body {
  background: #000;
  }
  .bottompanel, .bio {
  background: #000;
  }
  .footer-holder, .featured_blog_posts  {
  display: none;
  }
  .chat-box {
  background: #000;
  }
  .video-box, .tip_shell, .panel .light_blue, .panel .dark_blue {
  background: #000 !important;
  }
  .users-list, .settings-list, .chat-list, .info-user .headline, .buttons, .block, .info-user {
  background: #000 !important;
  }
  .nav-bar {
  background: #000 !important;
  }
  .goal_display table .dark_blue, .broadcaster_panel_goal_display table .dark_blue, .goal_display table .dark_light_blue, .broadcaster_panel_goal_display table .dark_light_blue {
  background: #000 !important;
  }
  .top-section_small_gfx {
  background: #000 !important;
  }
  .top-section{
  border-bottom: none !important;
  background: #000 !important;
  }
  .list li {
  background: #000 !important;
  }
  .chat-form .text {
  color:#fff !important;
  }
  .likes, .subject, .bio dl dd {
  color: #5a5a5a !important;
  }
  .sub-nav a {
  background: #000 !important;
  }
  .chat-list .text {
  background: #000 !important;
  color: #494949 !important;
  }
  .text span {
  background: #000 !important;
  }
  .chat-list span.tipalert {
  color: red !important;
  }
  .text > p > span {
  color: #494949 !important;
}
}

WebcamStartup · Mar 16, 2016

Should shoot an email to info@webcamstartup.com so I got your contact info saved in Gmail. I get inquiries for stuff like this and have no problem drumming up some leads for you.

mfcgraphic · Mar 17, 2016

WebcamStartup said:
Should shoot an email to info@webcamstartup.com so I got your contact info saved in Gmail. I get inquiries for stuff like this and have no problem drumming up some leads for you.

You can contact me via mfc-profile.com

DezDemancy · Apr 18, 2016

Thank you so much @WaterBird! I used to know enough HTML to do this myself..ten years ago

. I'll be contacting you for a custom once I have more photos/$$. Yr an angel!

DezDemancy · Apr 18, 2016

DezDemancy said:
Thank you so much @WaterBird! I used to know enough HTML to do this myself..ten years ago . I'll be contacting you for a custom once I have more photos/$$. Yr an angel!

I've been trying to find a template for a "tip menu" image to spice up my profile without using any sexy selfies, if you have any advice.

Brazenkinkycouple · Apr 22, 2016

DezDemancy said:
I've been trying to find a template for a "tip menu" image to spice up my profile without using any sexy selfies, if you have any advice.

Find a good image then do it in Google Picasa, can add any text to the image you want, then upload the image to a hosting site then copy and past a html link to the image... I found a video on it last week I'll try to find it... I am doing it as we speak

punker barbie · Apr 26, 2016

Another tip is making graphics for your profile using photoshop or gimp, then using a photo hosting site like (imgur.com) to acquire the HTML code (this site will give you the direct HTML photo option) for a photo to be applied to your profile.

punker barbie · Apr 26, 2016

We had a contest of tutorial videos on chaturbate.com

Here is a video about designing your profile! I hope this is helpful!
Watch it here:

mfcgraphic · May 1, 2016

DezDemancy said:
I've been trying to find a template for a "tip menu" image to spice up my profile without using any sexy selfies, if you have any advice.

Use this code it will look better

Code:

<img src="http://i.imgur.com/RIWkQTG.jpg?1" target="_blank" rel="nofollow" style="position: fixed; width: 190px; border-radius: 50%; bottom: 10px; right: 10px;">

mfcgraphic · May 1, 2016

This code will display a picture in Your profile on full screen

CODE:

Code:

<p target="_blank" style="left: 0px; top: 0px; position: fixed; height: 100%; width: 100%; pointer-events: none; opacity: 0.5; background: transparent url('http://s32.postimg.org/w2ah05omd/44853.jpg') repeat fixed 0px 0px / cover ;" rel="nofollow"></p>

How it looks like:

Le_pierrot · May 11, 2016

WaterBird said:
This code will display a picture in Your profile on full screen

CODE:

Code:

<p target="_blank" style="left: 0px; top: 0px; position: fixed; height: 100%; width: 100%; pointer-events: none; opacity: 0.5; background: transparent url('http://s32.postimg.org/w2ah05omd/44853.jpg') repeat fixed 0px 0px / cover ;" rel="nofollow"></p>

How it looks like:

Thank you for this ! Do you have the CODE for have the same effect but just for the part under "apps & bot / Bio .... Not for all the screen, just for the white part ?

Le_pierrot · May 11, 2016

I just find it... :

<img src="YOUR PIC HERE" style="position:fixed; width:2560px;top:0px;left:0px;z-index:-1;">

Nekoboyy · May 30, 2016

I'm glad I found this thread! I'm having a problem and feel like it's probably a really simple brain dead fix, but I've never been great with HTML.

Here's my issue - I'm trying to "cut" an image into horizontal pieces so that I can apply a link to each piece, but whenever I do so, there's whitespace between each piece, as you can see.

I've searched high and low for a fix, but it seems like every HTML fix for it doesn't work, and the ones that everyone says work require CSS (which Chaturbate doesn't let you use in your bio?). What can I do here? I'm not clueless when it comes to this stuff normally, but I have no idea how to get rid of that darn whitespace!

I'd really appreciate any help.

ramblin · Jun 1, 2016

Nekoboyy said:
I'd really appreciate any help.

If Chaturbate lets you, add "style="display: block;" to your img tags.
i.e. instead of your current:

Code:

<img src='http://i.imgur.com/kLzphp2.png"' target="_blank" rel="nofollow"/>

put

Code:

<img src='http://i.imgur.com/kLzphp2.png"' target="_blank" rel="nofollow" style="display: block;"/>

That worked for me in the Chrome debugger (F12 or right-click and "Inspect Element") on your profile page.

edit: BTW, you also have a stray quotation mark, as shown above. You're opening the url with a single quote, and closing it with a double quote plus a single quote. It doesn't seem to be causing any problems, but it really should be either:

Code:

<img src="http://i.imgur.com/kLzphp2.png" target="_blank" rel="nofollow" style="display: block;"/>

or

Code:

<img src='http://i.imgur.com/kLzphp2.png' target='_blank' rel='nofollow' style='display: block;'/>

Nekoboyy · Jun 1, 2016

ramblin said:
stuff

Oh dang, that works perfectly! Thank you so much, you're a life saver.

LadyboyGFE · Jun 7, 2016

i am new to writing code for chaturbate bios and i am hoping to get a pointer on design code.

i use the following for my main background:

Code:

<!–Background Start–>
<p target="_blank" style="background:url(http://i63.tinypic.com/2exo7xh.jpg);width:2000px;height:2000px;left:0px;top:0px;position:fixed;z-index:-100;" rel="nofollow"></p>
<!–Background End–>

what i have not been able to figure out, or find anywhere, is how can i make the background transparent within the frame/table of the bio and keep the background image of the main page as it is.

i hope i understand how the pages work and that i am being understood. if not sorry for being such a noobie.

if anyone can assist me with that bit of code and where to place it i will be very appreciative.

thanks alot and i hope i can return the favor one day.

mfcgraphic · Jun 12, 2016

Add opacity: 0.5; to style="

LadyboyGFE · Jun 12, 2016

WaterBird said:
Add opacity: 0.5; to style="

thanks for that, i'll give it a try.

LadyboyGFE · Jun 19, 2016

hi,

i have searched high and low but can't find out if there is a Chaturbate font face or if the CB logo is a one off.

does anyone know what the font is that was used to create the CB logo?

thanks in advance for any help i may receive in a reply.

ossi123 · Jun 22, 2016

Hi there,

I've got some stupid questions that really drive me crazy. I did a cb profile for a good friend, lately I just wanted to adjust some things, because I did some mistakes in the code and some "nice-to-have" things should work too.

What I wanted to have:
1 nice clean background image, and 3 or more images (all png, if this matters) overlay that background image and as usual 1 click and follow button, that leads to the registration form.
Until now it's realised like that (that are not the "official" pics, only did them for some testing, asking)

HTML:

<ul style="max-width:1000px; position:relative; background: url('https://s6.postimg.org/npqzrhcq7/Background.png') 0 0 / auto no-repeat fixed;" target="_blank" rel="nofollow"><br>
<img src="https://s6.postimg.org/uk5vuwur5/Top_Section.png" target="_blank" rel="nofollow"><br>
<a href="http://chaturbate.com/affiliates/in/3Mc9/o8xpx/?track=default" target="_blank" rel="nofollow"><img style="margin-left:200px;" src="http://s27.postimg.org/entzji42b/Follow_gif_1.gif" target="_blank" rel="nofollow"></a><br>
<img src="https://s6.postimg.org/4nc7iar3l/Middle_Section.png" target="_blank" rel="nofollow"><br>
<img src="https://s6.postimg.org/amzylybw1/Bottom_Section.png" target="_blank" rel="nofollow"><br>
</ul>

Main Problems here:
- padding between background and other images I do not set
- pictures do not change their size, if you change the browser window size, I want them to scale properly, never exceed a certain size, because on this images are some things written, which look pretty ugly if they get bigger than their default size (e.g. 800x600)

So I tried to fix that with an unordered list - but it's getting frustrating. So i let it be with that.
Next try. I only place the Images with style="width:100%" in the Bio and if I make size of the browser window smaller, the pics scale properly. But then there comes the problem (for me) how to place the background again.

Next time I tried it with a div:

HTML:

  <div class="imageContainer" style="position: relative; max-width: 1000px; background: transparent url('https://s6.postimg.org/npqzrhcq7/Background.png');">
         <img id="top" style="position:relative; top:0; max-width: 100%; margin-left: 10%; margin-top: 5%;" src="https://s6.postimg.org/uk5vuwur5/Top_Section.png">
       <a href="http://chaturbate.com/affiliates/in/3Mc9/o8xpx/?track=default" target="_blank" rel="nofollow">
             <img id="followgif" style="position:relative; top:0; max-width:100%; margin-left:30%;" src="http://s27.postimg.org/entzji42b/Follow_gif_1.gif"></a>
       <img id="middle" style="position:relative; top:0; max-width: 100%; margin-left: 10%;" src="https://s6.postimg.org/4nc7iar3l/Middle_Section.png">
       <img id="bottom" style="position:relative; top:0; max-width: 100%; margin-left: 10%; margin-bottom: 5%;" src="https://s6.postimg.org/amzylybw1/Bottom_Section.png">
  </div>

Within a plain HTML Page it works pretty good for me, besides, if I only move the right side of my browser window, the images scale, but exceed / break the background image. I mean the images don't stay in the middle of the background. (Don't know if that even is possible?)
IF I insert this code in CB Bio, the background disappears - seems like div containers are not allowed?

I did make a Screenshot, how it should look like, finally (in original size and scaling correctly too). I hope you guys can give me some hints, ideas how to accomplish this goal - I'm really going crazy https://postimg.org/image/46qzvv3cd/

Thanks a lot,

Regards
Ossi

mfcgraphic · Jun 26, 2016

ossi123 said:
Hi there,

I've got some stupid questions that really drive me crazy. I did a cb profile for a good friend, lately I just wanted to adjust some things, because I did some mistakes in the code and some "nice-to-have" things should work too.

What I wanted to have:
1 nice clean background image, and 3 or more images (all png, if this matters) overlay that background image and as usual 1 click and follow button, that leads to the registration form.
Until now it's realised like that (that are not the "official" pics, only did them for some testing, asking)

HTML:

<ul style="max-width:1000px; position:relative; background: url('https://s6.postimg.org/npqzrhcq7/Background.png') 0 0 / auto no-repeat fixed;" target="_blank" rel="nofollow"><br> <img src="https://s6.postimg.org/uk5vuwur5/Top_Section.png" target="_blank" rel="nofollow"><br> <a href="http://chaturbate.com/affiliates/in/3Mc9/o8xpx/?track=default" target="_blank" rel="nofollow"><img style="margin-left:200px;" src="http://s27.postimg.org/entzji42b/Follow_gif_1.gif" target="_blank" rel="nofollow"></a><br> <img src="https://s6.postimg.org/4nc7iar3l/Middle_Section.png" target="_blank" rel="nofollow"><br> <img src="https://s6.postimg.org/amzylybw1/Bottom_Section.png" target="_blank" rel="nofollow"><br> </ul>

Main Problems here:
- padding between background and other images I do not set
- pictures do not change their size, if you change the browser window size, I want them to scale properly, never exceed a certain size, because on this images are some things written, which look pretty ugly if they get bigger than their default size (e.g. 800x600)

So I tried to fix that with an unordered list - but it's getting frustrating. So i let it be with that.
Next try. I only place the Images with style="width:100%" in the Bio and if I make size of the browser window smaller, the pics scale properly. But then there comes the problem (for me) how to place the background again.

Next time I tried it with a div:

HTML:

<div class="imageContainer" style="position: relative; max-width: 1000px; background: transparent url('https://s6.postimg.org/npqzrhcq7/Background.png');"> <img id="top" style="position:relative; top:0; max-width: 100%; margin-left: 10%; margin-top: 5%;" src="https://s6.postimg.org/uk5vuwur5/Top_Section.png"> <a href="http://chaturbate.com/affiliates/in/3Mc9/o8xpx/?track=default" target="_blank" rel="nofollow"> <img id="followgif" style="position:relative; top:0; max-width:100%; margin-left:30%;" src="http://s27.postimg.org/entzji42b/Follow_gif_1.gif"></a> <img id="middle" style="position:relative; top:0; max-width: 100%; margin-left: 10%;" src="https://s6.postimg.org/4nc7iar3l/Middle_Section.png"> <img id="bottom" style="position:relative; top:0; max-width: 100%; margin-left: 10%; margin-bottom: 5%;" src="https://s6.postimg.org/amzylybw1/Bottom_Section.png"> </div>

Within a plain HTML Page it works pretty good for me, besides, if I only move the right side of my browser window, the images scale, but exceed / break the background image. I mean the images don't stay in the middle of the background. (Don't know if that even is possible?)
IF I insert this code in CB Bio, the background disappears - seems like div containers are not allowed?

I did make a Screenshot, how it should look like, finally (in original size and scaling correctly too). I hope you guys can give me some hints, ideas how to accomplish this goal - I'm really going crazy https://postimg.org/image/46qzvv3cd/

Thanks a lot,

Regards
Ossi

Try this:

Code:

<ul style="position:relative;padding:0;margin:0; background: url('https://s6.postimg.org/npqzrhcq7/Background.png') 0 0 / cover no-repeat fixed;" target="_blank" rel="nofollow"><br>
<img src="https://s6.postimg.org/uk5vuwur5/Top_Section.png" style="margin:0 auto;display:block;" target="_blank" rel="nofollow"><br>
<a href="http://chaturbate.com/affiliates/in/3Mc9/o8xpx/?track=default" target="_blank" rel="nofollow"><img style="margin:0 auto;display:block;" src="http://s27.postimg.org/entzji42b/Follow_gif_1.gif" target="_blank" rel="nofollow"></a><br>
<img src="https://s6.postimg.org/4nc7iar3l/Middle_Section.png" style="margin:0 auto;display:block;" target="_blank" rel="nofollow"><br>
<img src="https://s6.postimg.org/amzylybw1/Bottom_Section.png" style="margin:0 auto;display:block;" target="_blank" rel="nofollow"><br>
</ul>

ossi123 · Jun 28, 2016

Hi,

thanks a lot. I just added the max-witdth style too and now it works, like it should.

Thank you very much

adorable_erin · Jul 20, 2016

Hey ladies I am having trouble getting a graphic/emoji that I made to rotate in chat, I posted it below so you can see what it is supposed to do, but whenever I try to post it in the chat room it wont rotate at all. Any help would be so appreciated!

mfcgraphic · Jul 22, 2016

New iphone 5 tip menu on the left bottom:

Code:

<a rel="nofollow" target="_blank" href="https://twitter.com/Sexycandydollx" style="padding: 13px;color:#fff;background: #0d0d0d;border: 1px solid #202020;bottom: 0;right: 0;position: fixed;text-align: center;text-decoration: none;width: 160px;">My Videos<br rel="nofollow" target="_blank"><br rel="nofollow" target="_blank"><img style="position: absolute; z-index: -1; top: 80px; left: 35px;" rel="nofollow" target="_blank" src="https://s32.postimg.org/lx9bi1n1x/ipho.gif"><img rel="nofollow" target="_blank" src="https://s31.postimg.org/a40znaz3f/IPhone_5.png"><img rel="nofollow" target="_blank" src="https://s32.postimg.org/bd8kwcjhx/210px_Snapchat_logo.png" style="border-radius:10px;width: 50px; position: absolute; top: -15px; left: -10px;"><br rel="nofollow" target="_blank"><br>TIP 200 TOK<br></a>

mfcgraphic · Jul 22, 2016

adorable_erin said:
Hey ladies I am having trouble getting a graphic/emoji that I made to rotate in chat, I posted it below so you can see what it is supposed to do, but whenever I try to post it in the chat room it wont rotate at all. Any help would be so appreciated! View attachment 64361

Try this

Code:

<img border="0" rel="nofollow" target="_blank" src="https://s32.postimg.org/duwylxayd/Tip_menu.gif">

adorable_erin · Jul 22, 2016

WaterBird said:
Try this

Code:

<img border="0" rel="nofollow" target="_blank" src="https://s32.postimg.org/duwylxayd/Tip_menu.gif">

Sadly that code wont work because you have to upload an image file into the uploader.

Nichole DeSpain · Jul 23, 2016

WaterBird said:

Well its a css hack but on Your own computer. Think of it like changing files on Your pc. Stylish force Your browser to add additional css that change the site. But no one know You changing it. I am using stylish for a long time help me change sites i watch everyday to fit my needs.

Yes i offer CB profiles design as a service and i make some free stuff too like You can see above. I sometimes help people for free when they make a CB or MFC profile.

For those that have stylish and want a black style.

Create a style and put this in Your stylish template for CB.

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("chaturbate.com") {

  #header {
  background: #000;
  }
  body {
  background: #000;
  }
  .bottompanel, .bio {
  background: #000;
  }
  .footer-holder, .featured_blog_posts  {
  display: none;
  }
  .chat-box {
  background: #000;
  }
  .video-box, .tip_shell, .panel .light_blue, .panel .dark_blue {
  background: #000 !important;
  }
  .users-list, .settings-list, .chat-list, .info-user .headline, .buttons, .block, .info-user {
  background: #000 !important;
  }
  .nav-bar {
  background: #000 !important;
  }
  .goal_display table .dark_blue, .broadcaster_panel_goal_display table .dark_blue, .goal_display table .dark_light_blue, .broadcaster_panel_goal_display table .dark_light_blue {
  background: #000 !important;
  }
  .top-section_small_gfx {
  background: #000 !important;
  }
  .top-section{
  border-bottom: none !important;
  background: #000 !important;
  }
  .list li {
  background: #000 !important;
  }
  .chat-form .text {
  color:#fff !important;
  }
  .likes, .subject, .bio dl dd {
  color: #5a5a5a !important;
  }
  .sub-nav a {
  background: #000 !important;
  }
  .chat-list .text {
  background: #000 !important;
  color: #494949 !important;
  }
  .text span {
  background: #000 !important;
  }
  .chat-list span.tipalert {
  color: red !important;
  }
  .text > p > span {
  color: #494949 !important;
}
}

I could really use some help im lost lol

mfcgraphic · Jul 23, 2016

adorable_erin said:
Sadly that code wont work because you have to upload an image file into the uploader.

Sorry i was thinking You trying to put it in Your profile

If You want to upload it to chat window emotions You need to resize it to:

width 178 px × height 80 px

if image will be bigger than 178x80 the animation will not work

Search

Search

Chaturbate Profile Help!

mfcgraphic

WebcamStartup

Deactivated Account

mfcgraphic

WebcamStartup

Deactivated Account

mfcgraphic

DezDemancy

DezDemancy

Brazenkinkycouple

punker barbie

Chaturbate.com

punker barbie

Chaturbate.com

mfcgraphic

mfcgraphic

Le_pierrot

Le_pierrot

Nekoboyy

ramblin

Nekoboyy

LadyboyGFE

mfcgraphic

LadyboyGFE

LadyboyGFE

ossi123

mfcgraphic

ossi123

adorable_erin

mfcgraphic

mfcgraphic

adorable_erin

Nichole DeSpain

mfcgraphic

Similar threads