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:
how can i make them click-able. for example when someone clicks on the twitter button to get redirected to my twiiter profile

you didn't searched enough lol
here you go
Code:
<b style="display:block;width:40px;height:auto;position:fixed;top:166px;left:0px;text-align:center;"><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #fff;cursor:pointer;"><img src="https://editbio.files.wordpress.com/2016/09/2twt.png" style="width:35px;height:35px;background-color:#756a47;"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #fff;cursor:pointer;"><img src="https://editbio.files.wordpress.com/2016/09/1ama.png" style="width:35px;height:35px;background-color:#756a47"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #fff;cursor:pointer;"><img src="https://editbio.files.wordpress.com/2016/09/2insta.png" style="width:35px;height:35px;background-color:#756a47"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #fff;cursor:pointer;"><img src="https://editbio.files.wordpress.com/2016/09/mv2.png" style="width:35px;height:35px;background-color:#756a47"></a><a href="#" style="display:block;width:35px;height:300px;background-color:#000;cursor:pointer;"><img src="https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/buttons/clte_acre_blkanim.gif" style="width:35px;height:300px;"></a>
</b>
This will display Twitter, Amazon, Instagram, Manyvids and referral animated banner.
Replace the # (hashtag between double quotes with your related links and if you want to change the icon's background color you can do so by editing the HEX color value from this background-color:#756a47 to background-color:#000 this which makes them black
 
Upvote 0
how can i make them click-able. for example when someone clicks on the twitter button to get redirected to my twiiter profile

Where it says <a href="#" style="
Replace the hashtag # with your Twitter full url and other social media for the rest
 
  • Like
Reactions: Dan N
Upvote 0
A few codes for Chaturbate (sticky icons, full page background, winter frame)
https://pad.riseup.net/p/7dq3dg77dakd

I've posted them on riseup pad service which means you can edit them directly but its a good idea if you copy the code on your desktop and edit it in Notepad/Notepad++ or TextWrangler for MAC users .
 
  • Helpful!
Reactions: lunajane
Upvote 0
Help! I put the picture on the background and now it covers everything (((I can not go into my Bio now. Is there any way to reset the design?
 
Upvote 0
Right click and select inspect element on firefox or inspect on chrome, find the background code you put and click it and select edit html, if you delete it in console your browser will stop diplaying it and you should be able to access your bio again, this only affects your current viewing of your page so go into bio and delete it there too.

Else, contact cb support https://support.chaturbate.com/customer/portal/emails/new
 
Upvote 0
Right click and select inspect element on firefox or inspect on chrome, find the background code you put and click it and select edit html, if you delete it in console your browser will stop diplaying it and you should be able to access your bio again, this only affects your current viewing of your page so go into bio and delete it there too.

Else, contact cb support https://support.chaturbate.com/customer/portal/emails/new
Thanks!:* At me one more question, prompt as to change color of the text where the model description and age?
 
Upvote 0
Thanks!:* At me one more question, prompt as to change color of the text where the model description and age?
If you mean the text of the mandatory bio information of cb like name, followers, dob etc., those you cannot alter, at least i've never seen a way to do it without breaking site rules. Pretty much stick to making about me section fancy and possibly adding buttons to side or bottom of page.
 
Upvote 0
If you mean the text of the mandatory bio information of cb like name, followers, dob etc., those you cannot alter, at least i've never seen a way to do it without breaking site rules. Pretty much stick to making about me section fancy and possibly adding buttons to side or bottom of page.
Sad ( Thanks!
 
Upvote 0
Thank you, somehow I managed to do the same. It took me a while to realise what I actually to my BIO. Indeed this is the easiest way to fix it.


Remember too bookmark it too, and name it something appropriate such as "Ahhhh!! I F'd up My Page" :D
 
Upvote 0
This may be helpful for new models- HTML doesn't work until you've purchased tokens or been age verified. I spent more time than I'd like to admit trying to get everything to work and thinking I'd gone insane before emailing support and finding that out. Hope this tidbit saves someone from doing the same.
OH MY GOD I LOVE YOU. I just spent like two days trying to figure this out. Even google gave me no results. I literally joined this website to ask if I'm missing something!! It should really really say somewhere on the bio that this is a thing!! So much wasted time haha. Thanks.
 
Upvote 0
Does anybody know how to add an image over your video feed? I have seen them on the top left corner, on the top right corner (over the "sign up" orange button) on top of the actual feed like instagram and twitter icons, etc. Can someone clue me in? I think I also saw a room once where the image was floating so if you scrolled down the image scrolled with you but I dont know if I just dreamt it lol

Screen Shot 2018-02-17 at 3.06.43 PM.jpg
 
Upvote 0
Does anybody know how to add an image over your video feed? I have seen them on the top left corner, on the top right corner (over the "sign up" orange button) on top of the actual feed like instagram and twitter icons, etc. Can someone clue me in? I think I also saw a room once where the image was floating so if you scrolled down the image scrolled with you but I dont know if I just dreamt it lol

Buttons or images can pretty much be placed anywhere using a few variables:

rough example for an image covering the name tab like in your example
Code:
<img src="IMGLINKHERE" style="display:block;position:absolute; top:127px; left:31px;">

changing this value determins if it moves along when you scroll (absolute stays put, fixed scrolls)= position: absolute
changing this value makes it go up or down= top: 127px
changing this value makes it go left or right= left: 31px


rough example for social media buttons:

Code:
<b style="display: block;width: 40px;height: auto;position: fixed;top: 265px;left: 13px;text-align: center;">
<a href="TWITTERLINKHERE" style="display: block;width: 40px;height: 40px;cursor: pointer;"><img src="TWITTERICONHERE" style="width: 40px;height: 40px;border: 3px solid #000;border-radius: 9999px;"></a>
<a href="INSTAGRAMLINKHERE" style="display: block;width: 40px;height: 40px;cursor: pointer;"><img src="INSTAICONHERE" style="width: 40px;height: 40px;border: 3px solid #000;border-radius: 9999px;"></a>
<a href="AMAZONLINK HERE" style="display: block;width: 40px;height: 40px;cursor: pointer;"><img src="AMAICONHERE" style="width: 40px;height: 40px;border: 3px solid #000;border-radius: 9999px;"></a>
</b>

changing this value determins if it moves along when you scroll (absolute stays put, fixed scrolls)= position: fixed
changing this value makes it go up or down= top: 265px
changing this value makes it go left or right= left: 13px


Caveat: covering the site's naviation elements or advertizing space with bio elements would be against Chaturbate rules, the example in screenshot you provide is problematic seeing it covers multiple tabs.
 
  • Helpful!
Reactions: Mila_
Upvote 0
I was scrolling and haven't seen any replies on this cool thing I finally figured out. Thought it might be helpful to you guys, too ^.^

The HTML for putting links on the side of your page is just:
Code:
<a href="linkyouwanttogoto.com" target="_blank"><img style="position:fixed;left:0px;bottom:350px; width:50px; height:50px;" src="http://linktoimageto.use" target="_blank"></a>

To adjust height on the screen just the number following "bottom:" (350 in exp.) In increments of 50. (So 300, 250, etc.

I can also post examples for us In the other 3 sides of the screen if wanted ^.^
 
Upvote 0
I was scrolling and haven't seen any replies on this cool thing I finally figured out. Thought it might be helpful to you guys, too ^.^

The HTML for putting links on the side of your page is just:
Code:
<a href="linkyouwanttogoto.com" target="_blank"><img style="position:fixed;left:0px;bottom:350px; width:50px; height:50px;" src="http://linktoimageto.use" target="_blank"></a>

To adjust height on the screen just the number following "bottom:" (350 in exp.) In increments of 50. (So 300, 250, etc.

I can also post examples for us In the other 3 sides of the screen if wanted ^.^

If you see your above post, melezouriou has posted it too.
You never need to add the target="_blank" on CB as it automatically attaches/forces it anyway, so that's never needed.
Be sure to add an ALT for your 'img src' though in case the image is dead:
Code:
<img src="http://afakeimagehostname.com/mytwittericonomg.png" alt="My Twitter">


I would always personally advise against just using images too, use as few as possible; not only for the sake of loading page speed but then you don't need to rely on anyone else to edit your profile/bio in the future; potentially saving yourself money from a designer who DELIBERATELY saves their work as images to FORCE you to pay them more (because I am guessing the avg cam model doesn't have PS to open and edit PSDs).

Allows you to easily change your colour schemes in the future, make things larger or smaller simply by editing the code directly - very simple to do.

Code:
<!-- SOCIAL MEDIA ICONS [SMALL]-->
<!-- TWITTER -->
<a href="http://twitter.com/modelbios" style="position: fixed; top: 270px; left: 1px; width: 29px; height: 29px; background: #2cafe3; background: -moz-linear-gradient(-45deg, #2cafe3 0%, #49c0f0 100%); background: -webkit-linear-gradient(-45deg, #2cafe3 0%,#49c0f0 100%); background: linear-gradient(135deg, #2cafe3 0%,#49c0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cafe3', endColorstr='#49c0f0',GradientType=1 ); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 99;"></a>
<a href="http://twitter.com/modelbios" style="position: fixed; top: 271px; left: 2px; width: 27px; height: 27px; background: transparent url('http://i.imgur.com/opAxml0.png'); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100;"></a>
<a href="http://twitter.com/modelbios" style="position: fixed; top: 272px; left: 3px; width: 21px; height: 21px;  border: 2px solid rgba(255,255,255, 0.5);  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 101;"></a>

<!-- AMAZON -->
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 300px; left: 1px; width: 29px; height: 29px; background: #000000; background: -moz-linear-gradient(-45deg, #000000 0%, #45484d 100%); background: -webkit-linear-gradient(-45deg, #000000 0%,#45484d 100%); background: linear-gradient(135deg, #000000 0%,#45484d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=1 ); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 99;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 301px; left: 2px; width: 27px; height: 23px; background: transparent url('http://i.imgur.com/Z7f8Abh.png'); background-size: 14px 11px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 302px; left: 3px; width: 21px; height: 21px;  border: 2px solid rgba(255,255,255, 0.5);  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 101;"></a>

<!-- SIGN UP -->
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 330px; left: 1px; width: 29px; height: 29px; background: #000000; background: background: #ed9017; background: background: #ed9017; background: -moz-linear-gradient(-45deg, #ed9017 0%, #f6e6b4 100%); background: background: #c79810; background: -moz-linear-gradient(-45deg, #c79810 0%, #eab92d 100%); background: -webkit-linear-gradient(-45deg, #c79810 0%,#eab92d 100%); background: linear-gradient(135deg, #c79810 0%,#eab92d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c79810', endColorstr='#eab92d',GradientType=1 ); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 99;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 331px; left: 2px; width: 27px; height: 27px; background: transparent url('http://i.imgur.com/U0R7WIU.png'); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 332px; left: 3px; width: 21px; height: 21px; border: 2px solid rgba(255,255,255, 0.5);  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 101;"></a>

<!-- FACEBOOK -->
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 360px; left: 1px; width: 29px; height: 29px; background: #3b5998; background: -moz-linear-gradient(top, #3b5998 0%, #2f4c87 99%); background: -webkit-linear-gradient(top, #3b5998 0%,#2f4c87 99%); background: linear-gradient(to bottom, #3b5998 0%,#2f4c87 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5998', endColorstr='#2f4c87',GradientType=0 ); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 99;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 361px; left: 2px; width: 27px; height: 27px; background: transparent url('http://i.imgur.com/K4jZa84.png'); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 362px; left: 3px; width: 21px; height: 21px; border: 2px solid rgba(255,255,255, 0.5);  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 101;"></a>

<!-- INSTAGRAM -->
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 390px; left: 1px; width: 29px; height: 29px; background: #8134af; background: -moz-linear-gradient(top, #8134af 0%, #dd2a7b 55%, #f58529 99%); background: -webkit-linear-gradient(top, #8134af 0%,#dd2a7b 55%,#f58529 99%); background: linear-gradient(to bottom, #8134af 0%,#dd2a7b 55%,#f58529 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8134af', endColorstr='#f58529',GradientType=0 ); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 99;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 391px; left: 2px; width: 27px; height: 27px; background: transparent url('http://i.imgur.com/4j8Y4de.png'); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 392px; left: 3px; width: 21px; height: 21px; border: 2px solid rgba(255,255,255, 0.5);  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 101;"></a>

<!-- SNAPCHAT -->
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 420px; left: 1px; width: 29px; height: 29px; background: #fffa00; background: -moz-linear-gradient(top, #fffa00 0%, #e7e72a 99%); background: -webkit-linear-gradient(top, #fffa00 0%,#e7e72a 99%); background: linear-gradient(to bottom, #fffa00 0%,#e7e72a 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffa00', endColorstr='#e7e72a',GradientType=0 ); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 99;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 421px; left: 2px; width: 27px; height: 27px; background: transparent url('http://i.imgur.com/EQvcSEi.png'); background-size: 14px 14px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100;"></a>
<a href="https://chaturbate.com/affiliates/in/?track=default&tour=dT8X&campaign=t4JZp&room=mrbeefy87" style="position: fixed; top: 422px; left: 3px; width: 21px; height: 21px; border: 2px solid rgba(255,255,255, 0.5);  -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 101;"></a>
 
Upvote 0
I am absolutely horrible with the coding to make my profile cute. So, I went the dorky route and managed to whip something up on Paint. My only problem is whenever I upload it to TinyPic to add the code in my profile it is clickable and redirects you to TinyPic. How do I prevent this? I made it look cute for what it's worth but I don't like that my "Paint" work redirects you to TinyPic whenever it's on my actual profile. Someone please help me. XO :writer:
 
Upvote 0
I am absolutely horrible with the coding to make my profile cute. So, I went the dorky route and managed to whip something up on Paint. My only problem is whenever I upload it to TinyPic to add the code in my profile it is clickable and redirects you to TinyPic. How do I prevent this? I made it look cute for what it's worth but I don't like that my "Paint" work redirects you to TinyPic whenever it's on my actual profile. Someone please help me. XO :writer:

1st: I would advise against using TinyPic as they are a sister site of Photobucket - who in the past year or so changed their third party rules and now charge a huge fee for you to post your link images elsewhere - it's a huge reason MANY people's images stopped working. So I would definitely use a different host. Here are some I recommend:

Fotki
Freeimagehosting
imgbb
imgpile
ImageShack
nickpic.host
Postimage
vgy.me
Village.photos


2nd: With any image host, it will give you mutliple options. They will usually always be the same 4 - which TinyPic also offer for: Website Sharing (HTML), Forums/Message Boards (BBCode), Gallery, and Image. You want the direct image url. In this case, on TinyPic you would want the very BOTTOM one and then add into yur own html tags <img src="your url" alt="My Profile Image">


Code:
<a href="http://tinypic.com?ref=2ptates" target="_blank"><img src="http://i63.tinypic.com/2ptates.png" border="0" alt="Image and video hosting by TinyPic"></a>

Alternatively, just remove the <a href stuff surrounding the img src content; so the above would become the below (also change the ALT text to describe your image):

Code:
<img src="http://i63.tinypic.com/2ptates.png" border="0" alt="Bio Image"></a>
 
Upvote 0
I am absolutely horrible with the coding to make my profile cute. So, I went the dorky route and managed to whip something up on Paint. My only problem is whenever I upload it to TinyPic to add the code in my profile it is clickable and redirects you to TinyPic. How do I prevent this? I made it look cute for what it's worth but I don't like that my "Paint" work redirects you to TinyPic whenever it's on my actual profile. Someone please help me. XO :writer:

I use https://imgur.com or https://postimages.org/

And then i use

Code:
<img src="http://s12.postimg.org/iohbp3mu1/icon_whatsapp.png">
 
Upvote 0
Status
Not open for further replies.