Chaturbate Bio Cursor Change

[Frenchot8]

Hey y'all,
I would like to make a stunning chaturbate bio and in my plans i would like to change the mouse cursor of my bio or my chatroom, is it possible? Is it possible to use css in html?
Thanks
Pierre

 

[Deleted member 31926]

I would like to make a stunning chaturbate bio and in my plans i would like to change the mouse cursor of my bio or my chatroom, is it possible? Is it possible to use css in html?

Hi Pierre. Welcome to the forum.

Yes, it is possible to embed CSS in HTML, either by including an entire stylesheet using a style element or by attaching CSS properties to individual elements using the style attribute. Chaturbate greatly restricts the HTML elements you can use in your profile (and prohibits the style tag), but you can still use the style attribute to control how parts of your bio are displayed.

Poker Babe gives instructions for customizing the cursor of an MFC profile on her Website, along with sample cursors to use. These instructions don't work as-is for Chaturbate, since Chaturbate doesn't allow you to edit your bio page's CSS directly. But what we can do is wrap the "About Me" section of your bio with an unordered-list element, then assign styles to that "list" that will be inherited by the elements (your actual bio content) it contains.

Try changing your "About Me" section to this:

<ul style="cursor: url(http://2.bp.blogspot.com/-M-sFLP-aCjY/VjQlNcfLl3I/AAAAAAAAJ88/hRNpJl5Fkj8/s1600/cur1103.gif) 37 34, auto; list-style-type: none; padding-left: 0;"><li><p>Hi, I'm Pierre.</p>
<p>Check out <a href="https://www.ambercutie.com/forums/members/frenchot8.32484/" style="cursor: inherit;">my profile</a> on <a href="https://www.ambercutie.com/forums/">AmberCutie's Forum</a>!</p></li></ul>

Here's the same markup, formatted for legibility:

<ul style="cursor: url(http://2.bp.blogspot.com/-M-sFLP-aCjY/VjQlNcfLl3I/AAAAAAAAJ88/hRNpJl5Fkj8/s1600/cur1103.gif) 37 34, auto;
           list-style-type: none;
           padding-left: 0;">
  <li>
    <p>Hi, I'm Pierre.</p>
 
    <p>Check out <a href="https://www.ambercutie.com/forums/members/frenchot8.32484/" style="cursor: inherit;">my profile</a> on <a href="https://www.ambercutie.com/forums/">AmberCutie's Forum</a>!</p>
  </li>
</ul>

What this does is

• Place the entire "About Me" section of the profile inside an item of an unordered list, styled to use a custom cursor (one of Poker Babe's) and a generic, bullet- and padding-less presentation. This way the custom cursor will be shown whenever the user's mouse is over any part of the "About Me" section.
  
  The ul and li elements here function together like a generic div element, which Chaturbate forbids. Note that any additional content can and probably should be placed within the existing li tag, rather than in its own, new one.
  
  
• Adjust the "hot spot" of the cursor so it matches the tip of the pointer in the image. This is the x,y coordinates ("37 34") that follow the image's URI. You'll need to either adjust or remove these values if you use a different image.
  
  
• Include two links in the bio, the first of which is styled to use the custom cursor when hovered over with the mouse. The second one uses the default behaviour of the Web browser, which means you'll see the custom cursor change to the standard "hand" pointer when you hover over the link. You can decide for yourself which you prefer.

Note you can use the exact same approach in your "Wish List" section as well.

So can we make a custom cursor show over any part of the profile? I don't think so. The CSS cursor property has to be attached to a specific element, and while we can create an empty p element that covers the entire page and assign a custom cursor to that, it then blocks the elements underneath it from being clicked on and the page becomes unusable. We can fix the clickability problem using the z-index or pointer-events property, but then the custom cursor doesn't appear. So no, I don't think this is possible given what Chaturbate allows right now—unless perhaps someone here knows better.

Similarly, I don't think it's possible to change the cursor shown in the chat window, since that's actually a Flash app and not HTML and regardless, there would still be no way to "inject" arbitrary CSS into the page.

Hope that's useful. By the way, there's a stickied thread about customizing Chaturbate profiles on the forum you might want to read through for other ideas.

 

[Frenchot8]

How my it works perfectly I really thank you!!!