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:
well i decided id be better off to learn how to do this myself so i have done just that....still working on it but take a look :) chaturbate.com/princesssnowangel
A feedback if I may.
-the main background looks nice :)
- please review your markup and don't forget to close some tags because the Legal Privacy text is all a link to an image. I don't know if it was intended or an small codding error there.

If it is your first time coding, I must congratulate you. Its a good start, I'm sure you will do much better with time :)
 
  • Like
Reactions: PrincessSnowAngel
Upvote 0
////
A feedback if I may.
-the main background looks nice :)
- please review your markup and don't forget to close some tags because the Legal Privacy text is all a link to an image. I don't know if it was intended or an small codding error there.

If it is your first time coding, I must congratulate you. Its a good start, I'm sure you will do much better with time :)
thank you and yes im just learning. i actually thought it was going to be more of a task as i thought i had to edit it with inline css and wasted tons of time trying to and styles to the heading area and things like that lol. so im always adding new things so ill fix that link asap thank you :)
 
  • Like
Reactions: Dan N
Upvote 0
@PrincessSnowAngel - don't hesitate to ask for help. I could use some time off and try to help you if necessary.
Using inline style is not difficult, you need to know some basic properties like, what does font-size do, where to apply, how to change a color via hex ... more complex stuff... like text-shadow or -webkit-box-reflect .
Or, you can go with second option and use graphic elements, animated images :)
Have fun & b creative :)
 
Upvote 0
Screenshot_6.png


Is there any way that I can remove the white "seams" from between the photos, so that they all seem joined?

This is the code that I am currently using:
Code:
<a href="https://twitter.com/SirenSaysMV"><img src="https://s23.postimg.org/gby8d4z1n/testuing.gif"></a>
<a href="http://rensays.tumblr.com/"><img src="https://s29.postimg.org/gfdjdiskn/Tumblr2.gif"></a>
<a href="https://www.manyvids.com/Profile/603432/SirenSays/"><img src="https://s27.postimg.org/dupu24vkz/Manyvids2.gif"></a>
<a href="https://www.deliverycode.com/wishlist/6161"><img src="https://s28.postimg.org/45pgjuv5p/Wishlist2.gif"></a>
 
Upvote 0
Screenshot_6.png


Is there any way that I can remove the white "seams" from between the photos, so that they all seem joined?

This is the code that I am currently using:
Code:
<a href="https://twitter.com/SirenSaysMV"><img src="https://s23.postimg.org/gby8d4z1n/testuing.gif"></a>
<a href="http://rensays.tumblr.com/"><img src="https://s29.postimg.org/gfdjdiskn/Tumblr2.gif"></a>
<a href="https://www.manyvids.com/Profile/603432/SirenSays/"><img src="https://s27.postimg.org/dupu24vkz/Manyvids2.gif"></a>
<a href="https://www.deliverycode.com/wishlist/6161"><img src="https://s28.postimg.org/45pgjuv5p/Wishlist2.gif"></a>

Already posted this fix but I'll post again.
There are two ways. one is removing the white space between <a tags /// no new lines see the code below
Code:
<a href="https://twitter.com/SirenSaysMV"><img src="https://s23.postimg.org/gby8d4z1n/testuing.gif"></a><a href="http://rensays.tumblr.com/"><img src="https://s29.postimg.org/gfdjdiskn/Tumblr2.gif"></a><a href="https://www.manyvids.com/Profile/603432/SirenSays/"><img src="https://s27.postimg.org/dupu24vkz/Manyvids2.gif"></a><a href="https://www.deliverycode.com/wishlist/6161"><img src="https://s28.postimg.org/45pgjuv5p/Wishlist2.gif"></a>

The second option is adding margin css attributes to all elements.
Code:
<a href="https://twitter.com/SirenSaysMV"><img src="https://s23.postimg.org/gby8d4z1n/testuing.gif" style="margin-bottom:-5px"></a>
<a href="http://rensays.tumblr.com/"><img src="https://s29.postimg.org/gfdjdiskn/Tumblr2.gif" style="margin-bottom:-5px"></a>
<a href="https://www.manyvids.com/Profile/603432/SirenSays/"><img src="https://s27.postimg.org/dupu24vkz/Manyvids2.gif" style="margin-bottom:-5px"></a>
<a href="https://www.deliverycode.com/wishlist/6161"><img src="https://s28.postimg.org/45pgjuv5p/Wishlist2.gif" style="margin-bottom:-5px"></a>

The last one is not necessary because it doesn't have a following element but i've added the css anyway.
 
Upvote 0
Already posted this fix but I'll post again.
There are two ways. one is removing the white space between <a tags /// no new lines see the code below
Code:
<a href="https://twitter.com/SirenSaysMV"><img src="https://s23.postimg.org/gby8d4z1n/testuing.gif"></a><a href="http://rensays.tumblr.com/"><img src="https://s29.postimg.org/gfdjdiskn/Tumblr2.gif"></a><a href="https://www.manyvids.com/Profile/603432/SirenSays/"><img src="https://s27.postimg.org/dupu24vkz/Manyvids2.gif"></a><a href="https://www.deliverycode.com/wishlist/6161"><img src="https://s28.postimg.org/45pgjuv5p/Wishlist2.gif"></a>

The second option is adding margin css attributes to all elements.
Code:
<a href="https://twitter.com/SirenSaysMV"><img src="https://s23.postimg.org/gby8d4z1n/testuing.gif" style="margin-bottom:-5px"></a>
<a href="http://rensays.tumblr.com/"><img src="https://s29.postimg.org/gfdjdiskn/Tumblr2.gif" style="margin-bottom:-5px"></a>
<a href="https://www.manyvids.com/Profile/603432/SirenSays/"><img src="https://s27.postimg.org/dupu24vkz/Manyvids2.gif" style="margin-bottom:-5px"></a>
<a href="https://www.deliverycode.com/wishlist/6161"><img src="https://s28.postimg.org/45pgjuv5p/Wishlist2.gif" style="margin-bottom:-5px"></a>

The last one is not necessary because it doesn't have a following element but i've added the css anyway.
The first one didn't work, the second option did. Thank you SO much!
 
Upvote 0
Upvote 0
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
I would like to suggest a free hosting site for images that is easy to use: photobucket.com
I use it both for chaturbate and mfc profiles.
 
Upvote 0
I would like to suggest a free hosting site for images that is easy to use: photobucket.com
I use it both for chaturbate and mfc profiles.
There is a small issue with this awesome service. If you don't have a premium plan, your images might reach the bandwidth limit very fast.
Note to inexperienced users: to use an Photobucket hosted image inside a markup code, make sure you are using the right code/link.
On Chaturbate or MyFreeCams use the HTML option. If you play with CSS, use the Direct option.

I for one, I use multiple host image providers like postimg.org (much simpler, faster upload, provides necessary embade links).
For more experienced users and lots of graphics to upload... I recommend github.
 
Upvote 0
There is a small issue with this awesome service. If you don't have a premium plan, your images might reach the bandwidth limit very fast.
Note to inexperienced users: to use an Photobucket hosted image inside a markup code, make sure you are using the right code/link.
On Chaturbate or MyFreeCams use the HTML option. If you play with CSS, use the Direct option.

I for one, I use multiple host image providers like postimg.org (much simpler, faster upload, provides necessary embade links).
For more experienced users and lots of graphics to upload... I recommend github.

I understand your point dan, but in the case of profile images, services like Photobucket offer so much bandwidth that a model working all 30 days of every month would need to have over 1660 people in her room every day just to reach the bandwidth limit (not go over it) for a profile holding 200 kb of images.

And between you and I, if someone builds a profile holding that much amount of image space really has no place building profiles in the first place.

I stand firm in recommending photobucket for models who want to host images for profiles.
 
Upvote 0
@adystan_com --- models don't tend to optimize images for fast page load, regarding Chaturbate which is a bit complex because as you probably know the same profile page has http requests from hundreds of countries (ie fr.chaturbate.com/username_x , it.chaturbate.com/username_x, es.chaturbate.com/username_x ... and the list goes on) no need for 1600 people... need 10 from each country --- just an example

@TheChubbyElf --- you need to add margin attribute to the block element. Something like this.
<img src="your-image-url-here" style="display:block;margin-bottom:-5px;">

The thing with Chaturbate platform is that empty lines (spaces) between elements are interpreted as brake lines.
you can get rid off empty spaces between images and also add the margin attribute to an element.
the -5px value can be changed with high negative values until your elements have no gaps between them

Tip for position the CB profile.
Note: this is working ONLY if the full profile page is wrapped up in a single tag or if you are using a single image
margin: 120px auto 30px -145px (top, right, bottom, left)
- moves the element from top with 120px, right is set to auto, 30px underneath, -145px to the left

Tip for making your bio design semi-responsive.
Note: Some bios seam to be cut from the right side if you are not logged-in. But when you are logged-in the same bio is somehow displayed in full.
- instead of using fixed width values like 1000px width or 789px width, use 90% or 100%.

In combination with the above mentioned margin values, the percent values will make the bio design be positioned next to the left margin of the page and show in full.

I will post other tips if it helps.
 
Upvote 0
Don't hesitate to ask for suggestions when needed. Good luck :)
Wellllllllll. If you feel like offering some constructive criticism! haha

I could use some pointers on my bio.

I feel like I need to lessen the transparency of the text boxes because it might be hard for some folks to read... And I think the headers for the boxes need outlines because they're not all super easy to read, either.
I wanted to keep it minimalist but I think the background I used negates that, lol. But I just love it so freaking much!
 
Upvote 0
Wellllllllll. If you feel like offering some constructive criticism! haha

I could use some pointers on my bio.

I feel like I need to lessen the transparency of the text boxes because it might be hard for some folks to read... And I think the headers for the boxes need outlines because they're not all super easy to read, either.
I wanted to keep it minimalist but I think the background I used negates that, lol. But I just love it so freaking much!
lol, why did you feel I criticize your work? Far from my intention. I just offered to answer any questions if necessary.
In my humble opinion there is no ugly design or beautiful design for that matter. "the beauty is in the eye of the viewer"
And styles, concept or any other related to the final outcome is not to be mucked if it is done with hard work and unskilled experience.
Yes I can blame and criticize those web designers who claim to have experience and 1k degrees in coding and image editing doing a crappy work but never, never, absolutely never a webcam performer who struggles (in some cases) to do this type of editing by their own.
I respect that way to much. I don't have a degree in markup language nor image editing and I know how hard can be to learn from experience, from your own mistakes, trials, errors, criticism.

One thing I want to point out.
Yes, the bio page must represent you, your brand, your image but in that context it must be balanced and "interact" with premiums. Your Bio should sell your image by itself. It's a bit of marketing here but nevertheless useful for any webcam performer.
A profile page representing the model but appealing to premiums (a call to action if you want). The balance.
 
Last edited:
  • Like
Reactions: TheChubbyElf
Upvote 0
I hate when models put 2000px x 2000px image and chnage it using css to width 100px x 100px. Some people dont get it that user need to download 2000px x 2000px image to see that css changed 100x100 ;/
lol my friend an colleague, you should not hate or get mad, instead, keep calm and try to explain why some images can/should be resized and optimized for web environment.
In some cases, a very large image is necessary (like a high quality background image) in those cases bigger, high quality , good resolution images are required for pixel perfect outcome.
In other cases, when smaller size of the image is required, yes, the profile owner (model) should resize the image and optimize it.
Its more of a "geek"-web designer stuff rather than a model's activity.
Now, to explain a bit why some images must be resized and optimized for online environment.
Like @mfcgraphic mentioned, it doesn't help at all if the source image is 2000px but as component element of a project is needed and rendered at 100px.
Huge images tend to slow down the page load. I know and @mfcgraphic knows that page loading can become a problem.
And that's not the only reason for which models should learn how and why to optimize their images.
I wont write a full article about this --- hopefully our host will take pity on us and create a "webdesigner's corner" section on the forum where such materials are "on their own category" .
 
Upvote 0
lol my friend an colleague, you should not hate or get mad, instead, keep calm and try to explain why some images can/should be resized and optimized for web environment.
In some cases, a very large image is necessary (like a high quality background image) in those cases bigger, high quality , good resolution images are required for pixel perfect outcome.
In other cases, when smaller size of the image is required, yes, the profile owner (model) should resize the image and optimize it.
Its more of a "geek"-web designer stuff rather than a model's activity.
Now, to explain a bit why some images must be resized and optimized for online environment.
Like @mfcgraphic mentioned, it doesn't help at all if the source image is 2000px but as component element of a project is needed and rendered at 100px.
Huge images tend to slow down the page load. I know and @mfcgraphic knows that page loading can become a problem.
And that's not the only reason for which models should learn how and why to optimize their images.
I wont write a full article about this --- hopefully our host will take pity on us and create a "webdesigner's corner" section on the forum where such materials are "on their own category" .


I am using image block for firefox because i am tired of loading images :)

For more info about what is image size and why to opti it check here:
 
Upvote 0
I want to add a floater over the broadcast to help deter people from recording my stuff and then posting it elsewhere. Can anyone explain to me how to do this?
I've seen some folks use the DMCA thing, which makes sense. Anyway, I don't need the image as I'm capable of making my own but if someone could offer me the code to be able to do this, I would appreciate it!

Thank you!

manycams is what I have used in the past, Its pretty easy to use!
 
Upvote 0
I want to add a floater over the broadcast to help deter people from recording my stuff and then posting it elsewhere. Can anyone explain to me how to do this?
I've seen some folks use the DMCA thing, which makes sense. Anyway, I don't need the image as I'm capable of making my own but if someone could offer me the code to be able to do this, I would appreciate it!

Thank you!



Code:
 <img style="top:0;left:0;position:absolute;z-index:66666" src="http://www.dmca.com/App_Themes/DMCA/images/digital-millenium-copyright-act-logo.png">

Change top: 0 and left: 0 to eg. top:200px and left:20px
 
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;
}
}
where do you put the codes to change your profile this is the part that i am terrible at
 
Upvote 0
Status
Not open for further replies.