Chaturbate Profile Help!

mfcgraphic · Mar 14, 2016

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:

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/

__________________________________________________________________________________

New chaturbate black style

Now You can watch chaturbate at night no burning eyes again

To get it pm me. You need to have installed plugin for firefox or chrome "stylish"

__________________________________________________________________________________

Chaturbate christmas tips tree

https://jsfiddle.net/o42ntphs/#&togetherjs=F2w06d4grs

PrincessSnowAngel · Dec 28, 2016

Reckly said:
DM me on twitter ;3

OK

I saw you messaged me, im at work atm as soon as i have a little more time to chat i will

PrincessSnowAngel · Jan 2, 2017

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

Dan N · Jan 2, 2017

PrincessSnowAngel said:
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

PrincessSnowAngel · Jan 2, 2017

////

Dan202 said:
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

Dan N · Jan 3, 2017

@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

SirenMFC · Jan 8, 2017

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>

Dan N · Jan 9, 2017

SirenMFC said:

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.

SirenMFC · Jan 9, 2017

Dan202 said:

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!

Dan N · Jan 10, 2017

SirenMFC said:
The first one didn't work, the second option did. Thank you SO much!

The first one doesn't have display:block attribute tho by default images are considered "blocks"...
Reason for which I've added the second option for the markup... Glad it work for you.

mfcgraphic · Jan 11, 2017

Hello all i created manyvids videos generator now You can now generate manyvids videos code and put it directly to Your profile

) Have fun !
http://mfc-profile.com/manyvids-generator/

SirenMFC · Jan 11, 2017

mfcgraphic said:
Hello all i created manyvids videos generator now You can now generate manyvids videos code and put it directly to Your profile ) Have fun !
http://mfc-profile.com/manyvids-generator/

That's awesome! This works on CB as well as MFC

mfcgraphic · Jan 12, 2017

SirenMFC said:
That's awesome! This works on CB as well as MFC

Yes working on Mfc and Chaturbate

Thereal1 · Jan 21, 2017

"black style" the best one

Thereal1 · Jan 21, 2017

awesome theme

adystan_com · Jan 21, 2017

Brazenkinkycouple said:
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.

Dan N · Jan 21, 2017

adystan_com said:
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.

adystan_com · Jan 22, 2017

Dan202 said:
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.

TheChubbyElf · Jan 22, 2017

ramblin said:
If Chaturbate lets you, add "style="display: block;" to your img tags.

So I had a similar problem, but after adding this, it only made the gap larger! Any thoughts for fixing that?

Dan N · Jan 23, 2017

@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.

TheChubbyElf · Jan 23, 2017

Dan202 said:
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;">

Worked perfectly! Thank you so much!

Dan N · Jan 23, 2017

TheChubbyElf said:
Worked perfectly! Thank you so much!

Don't hesitate to ask for suggestions when needed. Good luck

TheChubbyElf · Jan 23, 2017

Dan202 said:
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!

Dan N · Jan 24, 2017

TheChubbyElf said:
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.

mfcgraphic · Jan 27, 2017

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 ;/

Dan N · Jan 27, 2017

mfcgraphic said:
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" .

mfcgraphic · Jan 30, 2017

Dan202 said:
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:

BowlsnBoobs · Jan 31, 2017

TheChubbyElf said:
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!

mfcgraphic · Feb 2, 2017

TheChubbyElf said:
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

benc1991 · Feb 3, 2017

mfcgraphic said:

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

Dan N · Feb 4, 2017

@benc1991
That's the easiest part
On CB, navigate to Bio tab > Edit My Bio link > when the options page opens , paste your code in one of those two boxes About Me or Wishlist > Save

Search

Search

Chaturbate Profile Help!

mfcgraphic

PrincessSnowAngel

PrincessSnowAngel

Dan N

PrincessSnowAngel

Dan N

SirenMFC

Dan N

SirenMFC

Dan N

mfcgraphic

SirenMFC

mfcgraphic

Thereal1

Thereal1

adystan_com

Dan N

adystan_com

TheChubbyElf

Dan N

TheChubbyElf

Dan N

TheChubbyElf

Dan N

mfcgraphic

Dan N

mfcgraphic

BowlsnBoobs

mfcgraphic

benc1991

Dan N

Similar threads