1. ** 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.
    Dismiss Notice

Chaturbate Profile Help!

Discussion in 'General Cam Chat' started by mfcgraphic, Mar 14, 2016.

  1. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127
    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:
    [​IMG]

    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/

    [​IMG]

    __________________________________________________________________________________


    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"

    [​IMG]


    __________________________________________________________________________________

    Chaturbate christmas tips tree :)

    https://jsfiddle.net/o42ntphs/#&togetherjs=F2w06d4grs
     
    #1 mfcgraphic, Mar 14, 2016
    Last edited: Mar 14, 2016
    • Like Like x 4
    • Helpful Helpful x 3
    • Inspiring Topic Inspiring Topic x 1
  2. WebcamStartup

    WebcamStartup Deactivated Account

    Joined:
    Apr 14, 2015
    Messages:
    460
    Awesome! So the black style isn't a CSS hack or anything like that, it's something you do with the browser and only changes color scheme for you, correct?

    You offering CB profile design as a service, or you just sitting on a collection of CB-oriented HTML snippets you can copy / paste into any CB profile?
     
  3. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127
    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;
    }
    }
     
  4. WebcamStartup

    WebcamStartup Deactivated Account

    Joined:
    Apr 14, 2015
    Messages:
    460
    Should shoot an email to info@webcamstartup.com so I got your contact info saved in Gmail. I get inquiries for stuff like this and have no problem drumming up some leads for you.
     
  5. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127
    You can contact me via mfc-profile.com
     
  6. DezDemancy

    Cam Model

    Joined:
    Aug 22, 2015
    Messages:
    59
    Thank you so much @WaterBird! I used to know enough HTML to do this myself..ten years ago :facepalm:. I'll be contacting you for a custom once I have more photos/$$. Yr an angel!
     
  7. DezDemancy

    Cam Model

    Joined:
    Aug 22, 2015
    Messages:
    59
    I've been trying to find a template for a "tip menu" image to spice up my profile without using any sexy selfies, if you have any advice.
     
  8. Brazenkinkycouple

    Joined:
    Apr 22, 2016
    Messages:
    4
    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
     
    • Helpful Helpful x 1
  9. punker barbie

    punker barbie Chaturbate.com
    Industry Representative

    Joined:
    Sep 1, 2011
    Messages:
    295
    Another tip is making graphics for your profile using photoshop or gimp, then using a photo hosting site like (imgur.com) to acquire the HTML code (this site will give you the direct HTML photo option) for a photo to be applied to your profile.
     
    • Helpful Helpful x 1
  10. punker barbie

    punker barbie Chaturbate.com
    Industry Representative

    Joined:
    Sep 1, 2011
    Messages:
    295
    We had a contest of tutorial videos on chaturbate.com

    Here is a video about designing your profile! I hope this is helpful!
    Watch it here:
     
    • Like Like x 1
    • Hugs Hugs x 1
  11. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127
    Use this code it will look better :)

    Code:
    <img src="http://i.imgur.com/RIWkQTG.jpg?1" target="_blank" rel="nofollow" style="position: fixed; width: 190px; border-radius: 50%; bottom: 10px; right: 10px;">
    
     
  12. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127
    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:

    [​IMG]
     
    • Like Like x 4
    • Agree Agree x 1
  13. Le_pierrot

    Joined:
    May 9, 2016
    Messages:
    7
    Thank you for this ! Do you have the CODE for have the same effect but just for the part under "apps & bot / Bio .... Not for all the screen, just for the white part ? :angelic:
     
  14. Le_pierrot

    Joined:
    May 9, 2016
    Messages:
    7
    I just find it... :

    <img src="YOUR PIC HERE" style="position:fixed; width:2560px;top:0px;left:0px;z-index:-1;">
     
    • Like Like x 1
  15. Nekoboyy

    Joined:
    May 30, 2016
    Messages:
    3
    I'm glad I found this thread! I'm having a problem and feel like it's probably a really simple brain dead fix, but I've never been great with HTML.

    Here's my issue - I'm trying to "cut" an image into horizontal pieces so that I can apply a link to each piece, but whenever I do so, there's whitespace between each piece, as you can see.

    [​IMG]

    I've searched high and low for a fix, but it seems like every HTML fix for it doesn't work, and the ones that everyone says work require CSS (which Chaturbate doesn't let you use in your bio?). What can I do here? I'm not clueless when it comes to this stuff normally, but I have no idea how to get rid of that darn whitespace!

    I'd really appreciate any help. :h:
     
  16. ramblin

    Joined:
    Oct 31, 2011
    Messages:
    353
    If Chaturbate lets you, add "style="display: block;" to your img tags.
    i.e. instead of your current:
    Code:
    <img src='http://i.imgur.com/kLzphp2.png"' target="_blank" rel="nofollow"/>
    put
    Code:
    <img src='http://i.imgur.com/kLzphp2.png"' target="_blank" rel="nofollow" style="display: block;"/>
    That worked for me in the Chrome debugger (F12 or right-click and "Inspect Element") on your profile page.

    edit: BTW, you also have a stray quotation mark, as shown above. You're opening the url with a single quote, and closing it with a double quote plus a single quote. It doesn't seem to be causing any problems, but it really should be either:
    Code:
    <img src="http://i.imgur.com/kLzphp2.png" target="_blank" rel="nofollow" style="display: block;"/>
    or
    Code:
    <img src='http://i.imgur.com/kLzphp2.png' target='_blank' rel='nofollow' style='display: block;'/>
     
    #16 ramblin, Jun 1, 2016
    Last edited: Jun 1, 2016
  17. Nekoboyy

    Joined:
    May 30, 2016
    Messages:
    3
    Oh dang, that works perfectly! Thank you so much, you're a life saver. :D
     
  18. LadyboyGFE

    Joined:
    Jun 7, 2016
    Messages:
    4
    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.
     
  19. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127
  20. LadyboyGFE

    Joined:
    Jun 7, 2016
    Messages:
    4
    thanks for that, i'll give it a try.
     
  21. LadyboyGFE

    Joined:
    Jun 7, 2016
    Messages:
    4
    hi,

    i have searched high and low but can't find out if there is a Chaturbate font face or if the CB logo is a one off.

    does anyone know what the font is that was used to create the CB logo?

    thanks in advance for any help i may receive in a reply.
     
  22. ossi123

    Joined:
    Jun 21, 2016
    Messages:
    2
    Hi there,

    I've got some stupid questions that really drive me crazy. I did a cb profile for a good friend, lately I just wanted to adjust some things, because I did some mistakes in the code and some "nice-to-have" things should work too.

    What I wanted to have:
    1 nice clean background image, and 3 or more images (all png, if this matters) overlay that background image and as usual 1 click and follow button, that leads to the registration form.
    Until now it's realised like that (that are not the "official" pics, only did them for some testing, asking)

    HTML:
    <ul style="max-width:1000px; position:relative; background: url('https://s6.postimg.org/npqzrhcq7/Background.png') 0 0 / auto no-repeat fixed;" target="_blank" rel="nofollow"><br>
    <img src="https://s6.postimg.org/uk5vuwur5/Top_Section.png" target="_blank" rel="nofollow"><br>
    <a href="http://chaturbate.com/affiliates/in/3Mc9/o8xpx/?track=default" target="_blank" rel="nofollow"><img style="margin-left:200px;" src="http://s27.postimg.org/entzji42b/Follow_gif_1.gif" target="_blank" rel="nofollow"></a><br>
    <img src="https://s6.postimg.org/4nc7iar3l/Middle_Section.png" target="_blank" rel="nofollow"><br>
    <img src="https://s6.postimg.org/amzylybw1/Bottom_Section.png" target="_blank" rel="nofollow"><br>
    </ul>
    Main Problems here:
    - padding between background and other images I do not set
    - pictures do not change their size, if you change the browser window size, I want them to scale properly, never exceed a certain size, because on this images are some things written, which look pretty ugly if they get bigger than their default size (e.g. 800x600)

    So I tried to fix that with an unordered list - but it's getting frustrating. So i let it be with that.
    Next try. I only place the Images with style="width:100%" in the Bio and if I make size of the browser window smaller, the pics scale properly. But then there comes the problem (for me) how to place the background again.

    Next time I tried it with a div:

    HTML:
      <div class="imageContainer" style="position: relative; max-width: 1000px; background: transparent url('https://s6.postimg.org/npqzrhcq7/Background.png');">
             <img id="top" style="position:relative; top:0; max-width: 100%; margin-left: 10%; margin-top: 5%;" src="https://s6.postimg.org/uk5vuwur5/Top_Section.png">
           <a href="http://chaturbate.com/affiliates/in/3Mc9/o8xpx/?track=default" target="_blank" rel="nofollow">
                 <img id="followgif" style="position:relative; top:0; max-width:100%; margin-left:30%;" src="http://s27.postimg.org/entzji42b/Follow_gif_1.gif"></a>
           <img id="middle" style="position:relative; top:0; max-width: 100%; margin-left: 10%;" src="https://s6.postimg.org/4nc7iar3l/Middle_Section.png">
           <img id="bottom" style="position:relative; top:0; max-width: 100%; margin-left: 10%; margin-bottom: 5%;" src="https://s6.postimg.org/amzylybw1/Bottom_Section.png">
      </div>
    Within a plain HTML Page it works pretty good for me, besides, if I only move the right side of my browser window, the images scale, but exceed / break the background image. I mean the images don't stay in the middle of the background. (Don't know if that even is possible?)
    IF I insert this code in CB Bio, the background disappears - seems like div containers are not allowed?

    I did make a Screenshot, how it should look like, finally (in original size and scaling correctly too). I hope you guys can give me some hints, ideas how to accomplish this goal - I'm really going crazy https://postimg.org/image/46qzvv3cd/

    Thanks a lot,

    Regards
    Ossi
     
  23. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127


    Try this:

    Code:
    <ul style="position:relative;padding:0;margin:0; background: url('https://s6.postimg.org/npqzrhcq7/Background.png') 0 0 / cover no-repeat fixed;" target="_blank" rel="nofollow"><br>
    <img src="https://s6.postimg.org/uk5vuwur5/Top_Section.png" style="margin:0 auto;display:block;" target="_blank" rel="nofollow"><br>
    <a href="http://chaturbate.com/affiliates/in/3Mc9/o8xpx/?track=default" target="_blank" rel="nofollow"><img style="margin:0 auto;display:block;" src="http://s27.postimg.org/entzji42b/Follow_gif_1.gif" target="_blank" rel="nofollow"></a><br>
    <img src="https://s6.postimg.org/4nc7iar3l/Middle_Section.png" style="margin:0 auto;display:block;" target="_blank" rel="nofollow"><br>
    <img src="https://s6.postimg.org/amzylybw1/Bottom_Section.png" style="margin:0 auto;display:block;" target="_blank" rel="nofollow"><br>
    </ul>
    
     
    #23 mfcgraphic, Jun 26, 2016
    Last edited: Jun 26, 2016
  24. ossi123

    Joined:
    Jun 21, 2016
    Messages:
    2
    Hi,

    thanks a lot. I just added the max-witdth style too and now it works, like it should.

    Thank you very much :D
     
  25. adorable_erin

    Cam Model

    Joined:
    Aug 24, 2012
    Messages:
    51
    Hey ladies I am having trouble getting a graphic/emoji that I made to rotate in chat, I posted it below so you can see what it is supposed to do, but whenever I try to post it in the chat room it wont rotate at all. Any help would be so appreciated! Tip menu.gif
     
  26. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127
    New iphone 5 tip menu on the left bottom:

    Code:
    <a rel="nofollow" target="_blank" href="https://twitter.com/Sexycandydollx" style="padding: 13px;color:#fff;background: #0d0d0d;border: 1px solid #202020;bottom: 0;right: 0;position: fixed;text-align: center;text-decoration: none;width: 160px;">My Videos<br rel="nofollow" target="_blank"><br rel="nofollow" target="_blank"><img style="position: absolute; z-index: -1; top: 80px; left: 35px;" rel="nofollow" target="_blank" src="https://s32.postimg.org/lx9bi1n1x/ipho.gif"><img rel="nofollow" target="_blank" src="https://s31.postimg.org/a40znaz3f/IPhone_5.png"><img rel="nofollow" target="_blank" src="https://s32.postimg.org/bd8kwcjhx/210px_Snapchat_logo.png" style="border-radius:10px;width: 50px; position: absolute; top: -15px; left: -10px;"><br rel="nofollow" target="_blank"><br>TIP 200 TOK<br></a>
    [​IMG]
     
  27. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127
    Try this

    Code:
    <img border="0" rel="nofollow" target="_blank" src="https://s32.postimg.org/duwylxayd/Tip_menu.gif">
    
     
  28. adorable_erin

    Cam Model

    Joined:
    Aug 24, 2012
    Messages:
    51
    Sadly that code wont work because you have to upload an image file into the uploader.
     
  29. Nichole DeSpain

    Joined:
    Jul 23, 2016
    Messages:
    1
    I could really use some help im lost lol
     
  30. mfcgraphic

    Joined:
    May 15, 2014
    Messages:
    127

    Sorry i was thinking You trying to put it in Your profile :) If You want to upload it to chat window emotions You need to resize it to:

    width 178 px × height 80 px

    if image will be bigger than 178x80 the animation will not work
     
    #30 mfcgraphic, Jul 23, 2016
    Last edited: Jul 23, 2016
    • Hugs Hugs x 1

Share This Page

  • About Us

    AmberCutie's Forum (ACF) was created in 2010 to provide a helpful community for cam models to interact with one another, as well as discuss anything and everything with their members. We also created CamGirlWiki.com for aspiring cam models to learn the basics.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice