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:
@missmarcy you have to upload the images to a hosting site like postimage.org
Then what I did was use an online HTML editor like this one here http://www.quackit.com/html/online-html-editor/ where you set everything out the way you like, then clicking the "source code" button and copy all the source code to your CB "about me" section.
quick question is there a hosting site that will keep the pictures private. dont really want the pics to stay on the hosting site forever, or is that impossible
 
Upvote 0
Host images by yourself.
Here are some tricks and suggestions for hosting images without public access.
On wordpress for free. Create a free account on wordpress, create a blog and, create an article, upload your images, password protect the article or simply use the media gallery.
Blogspot, same thing....
For Tumblr, (extended way) - edit HTML template, create a custom class with display:none value, make a post, edit the post in HTML mode, wrap content in the class you've created and voila.
There are so many possibilities to host for free and yet have total control
-- and of course there are other services like dropbox, postimg, .....
 
Upvote 0
quick question is there a hosting site that will keep the pictures private. dont really want the pics to stay on the hosting site forever, or is that impossible
I'm sure it's possible, I just haven't done much research into it. However, you can delete the image in the future if you don't want it up anymore. tbh I don't really care that they're out there, it's already on my profiles for pretty much anyone to see. :happy:
 
Upvote 0
please help me to make background in my bio in chaturbate..
There are two types of backgrounds. One can be to a section of your bio or the full page background (which I do not recommend - CB Tos)
But here ya go...
Type one - full page background - demo 1
HTML:
<p style="display:block;background-repeat: repeat;width: 2000px;height: 2000px;left: 0px;top: 0px;position: fixed;z-index:-100;background:url(https://editbio.files.wordpress.com/2016/06/darker_try3.jpg)"></p>

Type one - full page background - demo 2
HTML:
<p style="display:block;background: url(http://i.imgur.com/UvHfxlD.png);background-repeat: repeat;width: 2000px;height: 2000px;left: 0px;top: 0px;position: fixed;z-index: -100;"></p>

Type two - element background
HTML:
<p style="display:block;width:400px;height:300px;background: url(http://i.imgur.com/UvHfxlD.png);background-repeat: repeat;padding:10px 10px;"></p>
Use with care
 
Upvote 0
Hi there, I see some girls have their logos in the top left corner of their profiles personalized and for the life of me I can't find a way to insert mine. Can anybody pllleeeaaase help me out?
Also, I'd like to have a very light transparent background over my chat like my profile picture here, is that possible to do?

Thanks in advance!
D x
 
Upvote 0
It depends on what you want to use.
I'm not totally sure what logo are you talking about because some model's use to add an image over their streaming screen (like a watermark with their logo or DMCA badge / setup via desktop software or webcam software), or the floating simple to use image / a piece of code which can be added editing you Bio page.
I think to techy and that's way it is confusing for me.
Anyway... if you want to use the sticky version, an image placed next to the video player it is simple ( I do not recommend to be used on top of the player... you may get banned) here it is the sample code.
HTML:
<img src="https://www.ambercutie.com/forums/data/avatars/l/31/31726.jpg" style="display:block;width:50px;height:auto;position:fixed;top:160px;left:1px;"/>
Now there are some options which you can play with:
- change the image via direct url path (between double quotes)
- width:50px / the width value of the image, you can play with this value as you see fit.
- height: auto/ I've used auto because you might be interested in the width of the image first. Auto value can be changed with the value you want... it might be 100px or whatever.
- position: fixed / it informs the browser where to display the image, whit which position attributes. Fixed value makes the image "sticky"
- top:160px / moves the position of the image away from the top margin with 160px. If you want to display the image down change the value with a bigger one (example top: 220px; )
- left:1px / displays the image away from the left margin of your browser with defined value of 1px. To move the image towards right, change the value with a bigger one (example: left: 22px ; )
 
Upvote 0
Thanks for the help, but I was thinking more over the part where it says "my broadcast"or "delidee's room"(to the viewers), I've seen some girls "fix" their logos there. Sorry I hope that makes more sense.
 
Upvote 0
Indeed it does and I know what are you talking about but (there is a but), in good conscience I can not help you with this code because you may get reported and banned --- I always play by the rules even if others do not--- The CB has some terms and rules which forbid any disruption of their service and tabs, links, core functions of their platform should not be blocked, abused and/or in any way altered.
Yes, the logo you are talking about it is very common among models but it is also a risk... any user can report a model/account/registered user who uses this method to block or mask access to core functions of the website . I will mention again some of the triggers:
- blocking access to top menu, tabs
- changing the main background color or image in order to mask or visible alter the footer links or any other type of information.
- a more visible suggestion is posted on Edit Your Bio settings page
Do not block the site navigation or display IP statistics of visitors.
I am sorry but this information I can not post. Thank you. :)
 
Upvote 0
Unfortunately there are rules, this time I'll brake one for demo purpose only and I do not agree with using it.
HTML:
<p style="display:block;position:absolute;top:140px;left:30px;width:137px;height:33px;background:#f1f1f1;text-align:center;overflow:hidden;">text or image</p>

Some options.
top:140px is the absolute position of the element... you can use 152px to move the element down
left:30px - moves the element away from left margin with 30px ... you can play with this value until you see it works as you want.
width:137px -- make it wider if you change this value.... let's say 200px for example
heigh:33px -- obvious so not much to add here
overflow:hidden - any element you add inside a text or an image will be cropped and the size of the "tab: will be the one defined by the code width:137px;height:33px; if you add an image in there make sure it has the same values 137px/33px width and height
change background color if you like by editing the HEX color value... in this case is #f1f1f1 .... for plain white use #fff or #ffffff.
That's all
 
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.
FqbxS
pls help me to make this image as my background and the box is transparent..
 
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
pls help me to create this photo as my back ground and the box is transparent to view the full of my background thank u
 

Attachments

  • Happy (1).jpg
    Happy (1).jpg
    924.7 KB · Views: 30
Upvote 0
@haven - if you want to use that image as background for your chaturbate bio... you ask to much from chaturbate.
If your intention is to use it on MyFreeCams well you have two possible choices. In both versions CSS markup is required.
1st one is by editing the CSS markup of the body element.
Code:
body{background-image:url(https://www.ambercutie.com/forums/attachments/happy-1-jpg.66738/);background-repeat:no-repeat:background-size:100% 100%;background-position:top left;}
2nd is more interesting because you will have to use a custom class

The codes you quoted above are clearly for Chaturbate and even those are weird because the blank attribute is used only on links and not on paragraph tags, same goes for rel="nofollow" ... emmm what do i know...

If you want to use this on MyFreeCams you will need this codes:
HTML
Code:
<div class="mybackground"></div>

CSS
Code:
.mybackground{display:block;width:100%;height:100%;position:fixed;top:0;left:0;background-image:url(https://www.ambercutie.com/forums/attachments/happy-1-jpg.66738/);background-repeat:no-repeat:background-size:100% 100%;background-position:top left;z-index:-5;}

In addition to this two codes you will need to play with the opacity (background color) of your sections.

I'd suggest uploading your image online and replace the full url path of the image in the CSS markup code posted above so I don't get banned for offering an example with your image hosted by ACF forum.

The install process is (in this case) copy/paste
CSS markup - Customization > edit your css directly > paste the css code at the very end of your current one. Save
HTML markup - Edit Profile > Step Three / or Four > paste the html in any available boxes.

For Chaturbate it is more complex if you want to add that image as full page background and not the background of a section (below your image gallery and all info from About Me) . Chaturbate doesn't allow transparency (or any other editing for that mater) to core sections like the wrapper of the About Me section which holds the video player for example. Doesn't support editing.

I will not post the codes right now because you didn't offered the necessary info and the codes are already posted on the forum.
Good luck in your activity
 
Last edited:
Upvote 0
Hi, everyone.

I'm not entirely certain if this is where I should ask for help with my issue, but... I suppose I'll give it a shot and see what happens.

Also, please forgive my coding noobishness. It's been several years since I dabbled in HTML and CSS; I'm very rusty.

I'm currently having a great deal of trouble getting a scroll box to sit properly on top of this image on my Chaturbate profile. What I would like to do is position a scroll box over the image so that the end result looks as though the content that will go into said scroll box appears to be scrolling on the terminal screen (just the screen and not over the gray frame housing the screen). Basically, I'd like the scroll box to go on top of the image so that, when one scrolls through the content within that box, said content looks as though it's actually being scrolled on the terminal screen within the image (again, without the content passing over the screen's frame).

I've already asked for assistance on Stack Overflow, and a couple of very nice users were able to pull off exactly what I'm asking for, but... Chaturbate is making the implementation of the coding extremely difficult. Having realized it doesn't like CSS, I asked the users of Stack Overflow if they would provide me with the code for my intended work in entirely HTML, which they did, but I can't get that to work on Chaturbate, either...

Can anyone help me accomplish this...? I'd really like to make it work... It would fit perfectly with my camming persona and my camming theme, as well as prevent the need for clients to scroll through an entire webpage for my information. If anybody needs it, I have the codes that my helpers on Stack Overflow provided me. I'm hoping they just need some altering in order to work properly on Chaturbate... I'd really like to start my new camming career with a bang, profile-wise.
 
Upvote 0
Hi, everyone.

I'm not entirely certain if this is where I should ask for help with my issue, but... I suppose I'll give it a shot and see what happens.

Also, please forgive my coding noobishness. It's been several years since I dabbled in HTML and CSS; I'm very rusty.

I'm currently having a great deal of trouble getting a scroll box to sit properly on top of this image on my Chaturbate profile. What I would like to do is position a scroll box over the image so that the end result looks as though the content that will go into said scroll box appears to be scrolling on the terminal screen (just the screen and not over the gray frame housing the screen). Basically, I'd like the scroll box to go on top of the image so that, when one scrolls through the content within that box, said content looks as though it's actually being scrolled on the terminal screen within the image (again, without the content passing over the screen's frame).

I've already asked for assistance on Stack Overflow, and a couple of very nice users were able to pull off exactly what I'm asking for, but... Chaturbate is making the implementation of the coding extremely difficult. Having realized it doesn't like CSS, I asked the users of Stack Overflow if they would provide me with the code for my intended work in entirely HTML, which they did, but I can't get that to work on Chaturbate, either...

Can anyone help me accomplish this...? I'd really like to make it work... It would fit perfectly with my camming persona and my camming theme, as well as prevent the need for clients to scroll through an entire webpage for my information. If anybody needs it, I have the codes that my helpers on Stack Overflow provided me. I'm hoping they just need some altering in order to work properly on Chaturbate... I'd really like to start my new camming career with a bang, profile-wise.

I am so sorry because I don't have the necessary time to read all your post but this is what I understand from it.
You need the screen as background image and a scroll box to fit inside the screen.
There are a few options to do that but I will show you the fastest way
Code:
<p style="display:block;width:96%;height:591px;background-image:url(https://s5.postimg.org/pwy1ni4mv/Terminal_Screen.png);background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;padding:20px 20px;">
<font style="display:block;width:80%;height:80%;overflow:auto;font-size:20px;font-family:'Lucida Console', Monaco, monospace;color:#0C3;margin:5% auto;border:0px solid #fff;">>_ add some text here
</font>
</p>

Play with the code and to make the margins of the scroll-box visible change the border value from 0px to 1px.
 
Upvote 0
@Aster Nyxx
Here you go... added your code into a very easy to use markup editor and preview. It doesn't use programming language so it is pretty easy to understand what it does.
Unzip > access the file and edit your own project. :)
Enjoy
 

Attachments

  • terminal.zip
    3 KB · Views: 45
Upvote 0
@Dan202:

That's it... That's exactly what I wanted! :joyful: Oh, thank you! Thank you so much! :happy:
Glad I can help... and I hope the markup tester can be useful in your fast editing process. The Chaturbate markup accepted by the core platform is very limited so if you need further assistance or some suggestions, don't hesitate to contact me or post your issue publicly...Some answers might help you and others too :)
Good luck Aster Nyxx.
 
Upvote 0
Can someone help me with a custom bio on chaturbate ?
Do you need a full unique design and customization or based on template?
Camgirl Live template tool is one suggestion if you want to customize your Bio page as you want, or you can contact me for a custom unique project.
Best of luck :)
 
Upvote 0
The CB has some terms and rules which forbid any disruption of their service and tabs, links, core functions of their platform should not be blocked, abused and/or in any way altered.

A useful image of what can and can not be changed when customizing chaturbate bio.
Bio-Reminder.png

It's not allowed to do anything with things that are inside red borders. Post on CB's blog.
 
  • Like
Reactions: Dan N
Upvote 0
A useful image of what can and can not be changed when customizing chaturbate bio.
Bio-Reminder.png

It's not allowed to do anything with things that are inside red borders. Post on CB's blog.
Thank you @Reckly -- that's exactly the blog post I didn't added in my previous reply. :)
I've also noticed that CB is proud with such flexibility -- allowing their registered members to play and customize their Bio page... in almost all newsletters received form Chaturbate and Camgasm this was mentioned.
And yes, LTE offers Chaturbate and Camgasm templates safe for both platforms :)
 
Upvote 0
Status
Not open for further replies.