AmberCutie's Forum
An adult community for cam models and members to discuss all the things!
  • ** WARNING - ACF CONTAINS ADULT CONTENT **
    Only persons aged 18 or over may read or post to the forums, without regard to whether an adult actually owns the registration or parental/guardian permission. AmberCutie's Forum (ACF) is for use by adults only and contains adult content. By continuing to use this site you are confirming that you are at least 18 years of age.
Status
Not open for further replies.
May 15, 2014
129
54
113
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:
image.jpg


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/

upload_2016_3_5_0_18_12.png


__________________________________________________________________________________


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"

CdWhNBRUYAAHpgr.jpg



__________________________________________________________________________________

Chaturbate christmas tips tree :)

https://jsfiddle.net/o42ntphs/#&togetherjs=F2w06d4grs
 
Last edited:
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?
 
Upvote 0
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;
}
}
 
  • Hugs
Reactions: ddarlingnikki
Upvote 0
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.
 
Upvote 0
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
Upvote 0
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.
 
  • Helpful!
Reactions: DezDemancy
Upvote 0
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;">
 
Upvote 0
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:

image.jpg
 
Upvote 0
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:

image.jpg
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:
 
Upvote 0
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.

d6bOOWX.png


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:
 
Upvote 0
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:
Upvote 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.
 
Upvote 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.
 
Upvote 0
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
 
Upvote 0
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:
Upvote 0
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
 
Upvote 0
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>

image.jpg
 
Upvote 0
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">
 
Upvote 0
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.
 
Upvote 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
 
Upvote 0
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
Upvote 0
Status
Not open for further replies.