• ** 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.
May 15, 2014
129
51
63
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 :D

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

WebcamStartup

Deactivated Account
Apr 14, 2015
460
298
63
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?
 
May 15, 2014
129
51
63
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.


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;
}
}
 

DezDemancy

Cam Model
Aug 22, 2015
59
63
23
Twitter Username
@dezdemancy
Tumblr Username
dezdemancy
Chaturbate Username
dezdemancy
Thank you so much @WaterBird! I used to know enough HTML to do this myself..ten years ago :facepalm:. 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.
 
Apr 22, 2016
4
1
0
Florida
Chaturbate Username
Brazenkinkycouple
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
 
  • Helpful!
Reactions: DezDemancy
May 15, 2014
129
51
63
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;">
 
May 15, 2014
129
51
63
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:

 
May 9, 2016
7
2
1
France
fr.chaturbate.com
MFC Username
Le_pierrot
Chaturbate Username
Le_pierrot
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 ? :angelic:
 
May 30, 2016
3
0
0
Oregon
chaturbate.com
Twitter Username
@n3koboyy
Tumblr Username
poppedheart
Chaturbate Username
Nekoboyy
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. :h:
 
Oct 31, 2011
353
784
143
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;'/>
 
Last edited:
Jun 7, 2016
4
0
0
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.
 
Jun 7, 2016
4
0
0
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.
 
Jun 21, 2016
3
0
15
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
 
May 15, 2014
129
51
63
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>
 
Last edited:
Jun 21, 2016
3
0
15
Hi,

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

Thank you very much :D
 

adorable_erin

Cam Model
Aug 24, 2012
51
97
73
Twitter Username
@mermaiderin_
Tumblr Username
adorableerin
Chaturbate Username
adorable_erin
Clips4Sale URL
http://clips4sale.com/store/72843/adorable_erin
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! Tip menu.gif
 
May 15, 2014
129
51
63
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>
 
May 15, 2014
129
51
63
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

Cam Model
Aug 24, 2012
51
97
73
Twitter Username
@mermaiderin_
Tumblr Username
adorableerin
Chaturbate Username
adorable_erin
Clips4Sale URL
http://clips4sale.com/store/72843/adorable_erin
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.
 
Jul 23, 2016
1
0
0
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
 
May 15, 2014
129
51
63
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
 
Last edited:
  • Hugs
Reactions: adorable_erin