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.
A free Chaturbate image-based layout from Sebastian...
on blog, also available for playing with it on Codepen.

Sebastian is an CGC approved web designer and collaborator of our platform.
Soon Camgirl Cloud will release Designer new feature which includes all the good stuff for experienced and less skilled graphic/web designers...I can't disclose more until official release
 
CGC is about to release the Designer's CGC Kit - showcase, sell, design, take gigs assign and develop your own designs for other webcam performers . Aspirant web/graphic designer with some skills in image editing/code editing templates? why not take advantage of your experience?
More info after official release :)
 
Pixel Gamer custom editable Chaturbate bio design

Sections:
- header image
- twitter, amazon, cb wishlist (x2 - below header and floating icons)
- model's image
- about me
- likes/dislikes
- tip menu
- top tippers
- gift cards section
- footer text

Editable texts, changeable graphics, external links supported.
Optimized for fast loading page

camgirl.cloud-pixel_gamer.png
 
Hello Dan , you re doing an amazing job and you are very helpfull here . I tried to do a fixed button (not a floating one as the amazon or twitter one ) for "Register for FREE" for new users . Can u please help me with that ? Thank you !
 
Hello Dan , you re doing an amazing job and you are very helpfull here . I tried to do a fixed button (not a floating one as the amazon or twitter one ) for "Register for FREE" for new users . Can u please help me with that ? Thank you !

A "fixed" button is a simple image with a link

HTML:
<a href="YOUR-LINK-HERE"><img src="YOUR-IMAGE-URL-HERE"/></a>
That's basic HTML code for a button, banner, clickable image.

A more complex one is to add inline css in order to change the position, height/weight of the button.
I've seen a "not recommended" trend where a CB profile owner is adding a button (fixed as you say) at the very top of the web page... somewhere around the CB logo zone, username box ...
Even if such editing is possible (but again, not recommended) is using absolute positioning.
something like this

HTML:
<a href="YOUR URL HERE" style="display:block;width:200px;height:70px;position:absolute; top:1%; left:65%; padding:0px; margin:0px;text-align:center;box-sizing:border-box;line-height:normal;background-color:orange;"><img src="YOUR IMAGE HERE" style="display:block;width:100%;height:auto;margin:0 auto;"/></a>

The above code will render a rectangle with 200px width and 70px height.... inside will be an image with same size.
The rectangle will be positioned close to Username box (from top right corner) . Position absolute is the css attribute which makes the rectangle stick to its position even if you scroll down (it will not move)
 
Want to create your portfolio and sell your own designs on CGC?
Camgirl.cloud has released the Freelancer Program (beta) for web and graphic designers.
What is all about?
- any approved freelance web designer can submit and sell their work
- for now we've started with CB bio designs (coded and image based) and MyFreeCams designs.

I've mentioned "approved freelance" - because all submitted works must be compatible and fully functional with above mentioned platforms but also with Editor tool (service provided by CGC)

Approved freelancer can:
- create their portfolio
- sell their work
- access to media gallery (unlimited cloud-based image hosting)
- access to support forum, documentation, Editor tool
- personal self-hosted free subdomain (xyz.camgirl.cloud)

more info on cgc
Have fun & creative
 
  • Like
Reactions: Pia
A "fixed" button is a simple image with a link

HTML:
<a href="YOUR-LINK-HERE"><img src="YOUR-IMAGE-URL-HERE"/></a>
That's basic HTML code for a button, banner, clickable image.

A more complex one is to add inline css in order to change the position, height/weight of the button.
I've seen a "not recommended" trend where a CB profile owner is adding a button (fixed as you say) at the very top of the web page... somewhere around the CB logo zone, username box ...
Even if such editing is possible (but again, not recommended) is using absolute positioning.
something like this

HTML:
<a href="YOUR URL HERE" style="display:block;width:200px;height:70px;position:absolute; top:1%; left:65%; padding:0px; margin:0px;text-align:center;box-sizing:border-box;line-height:normal;background-color:orange;"><img src="YOUR IMAGE HERE" style="display:block;width:100%;height:auto;margin:0 auto;"/></a>

The above code will render a rectangle with 200px width and 70px height.... inside will be an image with same size.
The rectangle will be positioned close to Username box (from top right corner) . Position absolute is the css attribute which makes the rectangle stick to its position even if you scroll down (it will not move)


Hi I am new to Chaturbate and I am trying to add my name logo to the top of my page, I put this code on but it won't go to that area it just post in my about me bio. Could you possibly help me, it would be greatly appreciated.
 
Hi I am new to Chaturbate and I am trying to add my name logo to the top of my page, I put this code on but it won't go to that area it just post in my about me bio. Could you possibly help me, it would be greatly appreciated.
I've just tested the second code and it is rendering an orange box in the right-side of the blue box with username/My profile/status...
HTML:
<a href="YOUR URL HERE" style="display:block;width:200px;height:70px;position:absolute; top:1%; left:65%; padding:0px; margin:0px;text-align:center;box-sizing:border-box;line-height:normal;background-color:orange;"><img src="YOUR IMAGE HERE" style="display:block;width:100%;height:auto;margin:0 auto;"/></a>
Make sure you add an image replacing the YOUR IMAGE HERE .
This particular code DOES NOT add a box on top of Username's Cam tab.
Unfortunately you did not provided me with a link so I may inspect how you added the code so I can't guess a solution.
You might want to change % values into px values, it's up to you.

Currently on my CB page using the same code just added an image
HTML:
<a href="#" style="display:block;width:200px;height:70px;position:absolute; top:1%; left:65%; padding:0px; margin:0px;text-align:center;box-sizing:border-box;line-height:normal;background-color:orange;"><img src="https://d31rb55u3y3kjs.cloudfront.net/c/u/520476279851687b6dabcc7189410390/2019/04/22130715/cgc_dftfollow03.gif" style="display:block;width:100%;height:auto;margin:0 auto;"/></a>
 
Hi all, I recently posted about responsive design for profiles in another forum, https://www.ambercutie.com/forums/threads/chaturbate-profile-help.23825/page-12. I think it probably belongs here, since it may have more relevance to the crowd watching this thread. I want others to profit from the time I spent on this project. If you are interested in making your profile look good on mobile devices, in that post I present some boilerplate codes to do it.

-- Rich
 
Hi there! I have searched high and low for a way to do this, including youtube, this ENTIRE thread, and etc. I cannot for the life of me figure out how to change the pitch white background in the "About me" section. Here is my profile: https://chaturbate.com/cambriavega/

As you can see, the whole background is good, I got my lil colorful picture in, but the white is so unpleasant. To make it easy, I'd be willing to just make it black for now, but I have no idea what code to use. Can you help me out?

Also, the purple blotch was a failed attempt to color the entirety of the section. Don't judge haha.
 
I have been looking everywhere to find out how to make the "bio" page transparent so you can see my background on chaturbate as well as change the little box where the "tip goal" is supposed to be at to something cute that moves. can anyone help me out?
 
I have been looking everywhere to find out how to make the "bio" page transparent so you can see my background on chaturbate as well as change the little box where the "tip goal" is supposed to be at to something cute that moves. can anyone help me out?

1. The main Bio uses Chaturbate's core class is .bio and you can not target that class via css to remove it's background color maken it transparent. (nope)
2. The Tip Goal section ... there are CB bots which can help you add some visual flavor to it. (yes)
 
Hi there! I have searched high and low for a way to do this, including youtube, this ENTIRE thread, and etc. I cannot for the life of me figure out how to change the pitch white background in the "About me" section. Here is my profile: https://chaturbate.com/cambriavega/

As you can see, the whole background is good, I got my lil colorful picture in, but the white is so unpleasant. To make it easy, I'd be willing to just make it black for now, but I have no idea what code to use. Can you help me out?

Also, the purple blotch was a failed attempt to color the entirety of the section. Don't judge haha.
You can't target CB's core class or id elements to apply css attributes, but you can create another element which can be placed between the wrapper and the actual text.
The method I suggest is not recommended (and frankly I don't know if CB is still supporting it) because it uses an absolute value assigned to a css markup and absolute does not play nice with different screen resolutions, furthermore this "css trick" is trouble.

Now... if you are referring explicit to About Me section below your Gallery (where you can edit and add your custom markup) , that's pretty straight forward...
A simple wrapper (parent element) to hold all your graphics and add a background attribute to it.
An example:
Code:
<p style="display:block; width: 100%; height: auto; background-color: orange;">
your content here/ images, text blocks or whatever
</p>
where <p> is the parent element, the wrapper
 
Hi, I used to be able to put an HTML code with the picture url on my Bio section. Why aren't any codes working when I'm putting the codes in the About me or Wish list section like it used to? Can someone tell me how to do it the new right way?
I think there was a reply to this particular issue. You'll need to have a verified account in order for your bio to render the code properly and not the plain text markup.
 
  • Like
Reactions: Marixclyde
hey. i need the code for the fixed photo with the name in the left side, can someone help me?
"devil in the details...."

Well... i don't know what you define as fixed photo and name in the left side so without details, example is not so good to guess.
A fixed photo --- basically the fixed stuff are the icons floating in the left side of the bio page.
If you refer to a fixed background image and a text box on top of it, that also can be interpreted as you can see so, first try to find a way to know what to ask.

Fixed icons
Fixed background

learn to do it yourself: https://cgc-dan.github.io/cgc-designers/
 
Hey does anyone have a place where i may find simple png replacement images for the sidebar link? I think someone had posted a link once before but I can't find it.
I for one don't understand the question.
"sidebar link" ? - where? As far as I know Chaturbate does not use a sidebar in user page... If I were to guess, you might want some images floating on the left side of the browser window or something like that ( :confused: but I might be wrong....) --- if it was posted, you'll need to do the effort and scaleup your search or ask the right question.

Sorry I can't help.
 
@Dan202
Hello! Im trying to improve my CB paje and put a button with an affilate link but it doesnt work :( Can u halp me please? I used this instruction for that https://docs.google.com/drawings/d/1c9PDJR-O3z_hRpCFgIkbRYssw9Im41cynn3GwPEyemI/edit
My code is on the pic
U can check my profile https://chaturbate.com/b/petite_may/ to see how it looks now
Thanks in advance!
View attachment 84246
a link starts indeed with <a but followed by <a href="http:// and not id... simply removing the id="..." will do the trick
so your banner links should be like this
Code:
<a href="https://chaturbate.com/in/?track=default&tour=3Mc9&campaign=eYp2j&redirect_to_room=-welcomepage"><img src="..." .../></a>

Even if the tutorial you've followed has the best intentions, the id tag is confusing some users.
 
Status
Not open for further replies.