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.
Tara Chaturbate Bio design available for live editing on CLTE



It has been a while since my previous post about CAM4 but we had a meeting in Romania with Ryan M and we talked about CAM4 Bios... some changes will take place and we hope you will enjoy CAM4 platform even more. More info, when time comes... I don't want to spoil the "surprise"
 
Camgirl Live Editor is extending template range including Camsoda bio designs. Official release for public access 18/7/2017 (DMY)

camsoda_cover.jpg
 
A little something for Lovense users
The code is "replicating" the well known "Level" which currently is image based.
The coded version doesn't look bad and it's fully editable.
If you are not scared of markup here it is
Code:
<ul id="main" style="display:block;width:90%;height:auto;list-style:none;box-sizing:border-box;padding:0;background-color:#f1f1f1;color:#666666;overflow:hidden;font-size:19px;font-weight:normal;background-image:url(https://blacknrg.files.wordpress.com/2017/05/5c7e1ef4c0e17951e9d3f42854d533b0.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;background-position:center;text-align:center;margin:120px auto 30px -40px;font:'UbuntuBold',Arial,Helvetica,sans-serif;"><li style="display:block;width:100%;height:auto;padding:30px 0 20px;text-align:center;font-size:3.333rem;color:#F39;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff;list-style:none;box-sizing:border-box;margin:30px auto 20px auto;"><p>Lovense Toys respond to tips</p></li><li style="display:block;width:90%;height:auto;padding:0;text-align:center;font-size:19px;list-style:none;box-sizing:border-box;margin:0 auto 40px auto;"><ul style="display:block;width:100%;height:auto;padding:0;text-align:center;font-size:19px;list-style:none;box-sizing:border-box;margin:0 auto 40px auto;"><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto -11px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#555;float:left;margin:0 auto;"><i style="display:block;font-style:normal;text-align:center;font-size:19px;text-shadow:0 1px 3px #999;">Level</i></p><p style="display:block;width:20%;height:auto;padding:0;color:#555;float:left;margin:0 auto;"><i style="display:block;width:93%;height:auto;padding:11px 0 8px;font-style:normal;text-align:center;color:#666;background-color:rgba(255,255,255,0.70);margin:0 auto -5px 6px;font-size:19px;text-shadow:0 1px 3px #999;border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;">Tip Amount</i></p><p style="display:block;width:20%;height:auto;padding:0;color:#555;float:left;margin:0 auto;"><i style="display:block;width:93%;height:auto;padding:11px 0 8px;font-style:normal;text-align:center;color:#666;background-color:rgba(255,255,255,0.70);margin:0 auto -5px 6px;font-size:19px;text-shadow:0 1px 3px #999;border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;">Reaction Time</i></p><p style="display:block;width:20%;height:auto;padding:0;color:#555;float:left;margin:0 auto;"><i style="display:block;width:93%;height:auto;padding:11px 0 8px;font-style:normal;text-align:center;color:#666;background-color:rgba(255,255,255,0.70);margin:0 auto -5px 6px;font-size:19px;text-shadow:0 1px 3px #999;border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;">Vibration Power</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:-3px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#ffc95e;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #ffc95e;"><i style="font-style:normal;text-align:center;">Level 1</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">1 - 20 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">1 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">Low</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#ffae5e;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #ffae5e;"><i style="font-style:normal;text-align:center;">Level 2</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">21 - 49 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">5 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">Medium</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#fc9b3a;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #fc9b3a;"><i style="font-style:normal;text-align:center;">Level 3</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">50 - 99 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">10 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">Medium</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#f97c00;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #f97c00;"><i style="font-style:normal;text-align:center;">Level 4</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">100 - 199 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">15 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">High</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#f94200;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #f94200;"><i style="font-style:normal;text-align:center;">Level 5</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">200 - 1000 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">20 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">Ultra High</i></p>
</li></ul></li></ul>
Of course the code can not replicate an image entirely but i think this looks pretty nice.
The background image can be changed too...
here's a screenshot with CB installed version (all CSS/HTML)
lovense_coded.png
I've also added the same code on Camgirl Live Editor > Demo section (can be unlocked with a tweet) if u wanna edit it online.
I think I will code a MyFreeCams version with instant tip buttons :cigar: if necessary...
Have fun
 
  • Helpful!
Reactions: Striker44
Does this service have any plans where you can just pay a one off fee to design and export the code for a template? I can only see monthly fees on the site :)
 
Does this service have any plans where you can just pay a one off fee to design and export the code for a template? I can only see monthly fees on the site :)

Subscribe today, do your stuff, cancel subscription tomorrow and you still have access to the plan for 30 days.
The MRF (monthly recurring fee) enables the access to the live editor tool based on a SaaS license (software as a service), license valid for 30 days (a month). If you do not wish to use the tool anymore, simply cancel the license .
 
  • Like
Reactions: LucyRider
Next question! I keep getting upload error : 1 when I try and upload pics ... any suggestions? Too high quality? Too low quality? Too ... something?
 
  • Like
Reactions: Dan N
Next question! I keep getting upload error : 1 when I try and upload pics ... any suggestions? Too high quality? Too low quality? Too ... something?
Well, its a bit difficult to guess the error so there is a pretty nice form where you can post this issue (or any other reports) and it has an option to attache (upload) a printscreen right here
https://camgirl.xniteproductions.com/cb-profiler/assistance/

Based only on a simple notification like "this stuff has an error" is pretty hard to investigate as the developer must replicate the error and fix it (take the same steps to stumble upon the same issue and find a solution)
 
  • Like
Reactions: LucyRider
Well, its a bit difficult to guess the error so there is a pretty nice form where you can post this issue (or any other reports) and it has an option to attache (upload) a printscreen right here
https://camgirl.xniteproductions.com/cb-profiler/assistance/

Based only on a simple notification like "this stuff has an error" is pretty hard to investigate as the developer must replicate the error and fix it (take the same steps to stumble upon the same issue and find a solution)
Haha totally get that. I was just wondering if upload error 1 meant anything to you.
 
Haha totally get that. I was just wondering if upload error 1 meant anything to you.
I will forward your issue to dev department. I didn't encounter this error before and so far nobody else reported this type of error :) so I have to be frank, I have no idea what is suppose to represent...
Anyway Raphael (developer) will take a look and investigate this issue to patch a fix.
Thank you Lucy :)
 
  • Like
Reactions: LucyRider
CLE - Sponsorship Program

sponsorhip_cover.jpg

Camgirl Live Editor has released the sponsorship program.
This feature allows companies (or sugar daddies, why not) to buy licenses in bulk (discount applied) and assign purchased licenses to their models.
Short version, Company-X pays for model's license - no additional expense, no fees for camgirl/boy , free of charge.
 
Experimental Chaturbate Bio (demo range) and Prototype Chaturbate Bio (premium range) are two CB templates which use Elements.
Elements, a new feature implemented in the Editor's functionality (currently in testing) and allows drag-n-drop editable boxes or elements.
more info here - source
 
A freebie? Why not!
Reviewing my personal activity from ACF I've noticed the fact that I didn't mentioned much about Niteflirt so here you go... a free Niteflirt profile design


niteflirt_design01.jpeg

About Alice profile design for Niteflirt
Features:

  • Animated top background image

  • Top header image (welcome message)

  • Editable line (1)

  • 2 custom replaceable images

  • Editable line (2)

  • Custom text box

  • Call me animated header

  • Tribute Me - editable buttons/links
Template compatible with Camgirl Live Editor tool

In order to limit the design burnout - download is available by request
 
  • Hugs
Reactions: MizDelilahDee
CLE among the Finalists - Innovative Web Product of the Year
CamGirl Editor Receives 2018 XBIZ Awards Nom


We are happy and honored to be nominated for the 2018 XBiz Awards. Our project is relatively new, it’s only 1 year old but it was very well received and it became webcam performers no.1 choice. This nomination also means a big responsibility and it motivates us even more to offer the best services and resources to our collaborators.

You can vote here > Web & Tech > Innovative Web Product of the Year


XBA18-3019-CamGirlEditor.jpg
 
A very simple Chaturbate markup code which puts a sticky floating frame at the very bottom of the browser window.
You can see it in action here
https://jsfiddle.net/cle_dan/ndbuLzvp/

The code :
HTML:
<ul id="main" style="display:block;width:100%;height:auto;box-sizing:border-box;list-style:none;position:fixed;bottom:0;left:0;width:100%;z-index:9999;">
<li style="display:block;position:fixed;box-sizing:border-box;list-style:none;position:fixed;bottom:0px;left:0px;width:100%;height:50px;background-image:url(https://i.imgur.com/bv4EnmB.png);background-repeat:repeat-x;background-size:300px auto;background-position:bottom left;z-index:999;"></li><a href="#"><img src="https://i.imgur.com/UxHWGFV.png" style="display:block;width:120px;height:auto;position:fixed;right:0;bottom:1px;z-index:9999;"/></a></ul>
The gift image can be changed and supports external link (optional / or you can add the link for join club)
 
Hi Dan202, I have just started using Camgirl live editor for MFC. I cannot get past the image insert screen the "Insert" button appears to press but it does nothing. No matter what template, no matter what the size or resolution of my uploaded image... I simply cannot insert or replace any of the images. Frustrating because I have tried everything I can think of. Please help as I just paid for MFC premium membership and cannot even use it to customize my profile. I also sent a message on twitter with an image.
 
Hi STetra1, already replied on Twitter.
The best approach to reach us is via official channels (contact page available on site), because your message is received by related department.

A possible solution is to use Chrome browser and enable the Run script icon from the right side (in browser ULR address).
Images are uploaded directly to AWS and for that we use a proxy (also to detect fake images running as exe files / security issue).

If the problem persists, please contact us via website's contact form and we will assist you as soon as possible.
Thank you.
Dan N
 
New release
Chaturbate bio design Lola Paradise now available on Camgirl Live Editor.

lola_padise_cle_cb.jpeg
Features:
- custom header image
- Follow me on Twitter (link), Join My Club (link), My Chaturbate Wishlist (link), My Amazon Wishlist (link)
- About Me text box (editable plain text) / model's image (left side)
- Room Rules section (header image, My Room Rules editable plain text)
- Tip Menu section (header image, editable plain text) - unlimited tip requests supported . The token values are NOT buttons
- Videos section (header image, 6 default videos with editable Video name, changeable video preview image, token value) - external links supported / unlimited number of videos can be added
- Wall of Fame section (header image, editable plain text) - 3 top tippers with changeable image plus 9 Premium Usernames - unlimited number of Premium Usernames can be added. No links.
- Spoil Me section (header image, editable plain text, 3 generic gift card images which can be changed and button) - external link supported.

Geeky stuff :
- the wrapper is using 100% for better responsiveness (it will be visible in full even if you are not logged in)
- responsive images - using 100% width - on smaller browser window the images will resize
- Century Gothic font used for editable plain text sections with fallback to system font Palatino Linotype, Book Antiqua.

Feel free to add your suggestions
 
Milenna custom MyFreeCams profile design

nIWHDDV.jpg


MyFreeCams design Milenna available sections :
  • top horizontal menu
  • main header image
  • secondary horizontal menu
  • social menu
  • custom About Me section
  • custom banner
  • Room Rules section
  • Tip Menu banner
  • Tip Menu section
  • Videos banner
  • Videos section
  • Wall of Fame banner
  • Wall of Fame (aka Top Tippers) section
  • custom Schedule
Suggestions?
 
A little something for Lovense users
The code is "replicating" the well known "Level" which currently is image based.
The coded version doesn't look bad and it's fully editable.
If you are not scared of markup here it is
Code:
<ul id="main" style="display:block;width:90%;height:auto;list-style:none;box-sizing:border-box;padding:0;background-color:#f1f1f1;color:#666666;overflow:hidden;font-size:19px;font-weight:normal;background-image:url(https://blacknrg.files.wordpress.com/2017/05/5c7e1ef4c0e17951e9d3f42854d533b0.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;background-position:center;text-align:center;margin:120px auto 30px -40px;font:'UbuntuBold',Arial,Helvetica,sans-serif;"><li style="display:block;width:100%;height:auto;padding:30px 0 20px;text-align:center;font-size:3.333rem;color:#F39;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff;list-style:none;box-sizing:border-box;margin:30px auto 20px auto;"><p>Lovense Toys respond to tips</p></li><li style="display:block;width:90%;height:auto;padding:0;text-align:center;font-size:19px;list-style:none;box-sizing:border-box;margin:0 auto 40px auto;"><ul style="display:block;width:100%;height:auto;padding:0;text-align:center;font-size:19px;list-style:none;box-sizing:border-box;margin:0 auto 40px auto;"><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto -11px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#555;float:left;margin:0 auto;"><i style="display:block;font-style:normal;text-align:center;font-size:19px;text-shadow:0 1px 3px #999;">Level</i></p><p style="display:block;width:20%;height:auto;padding:0;color:#555;float:left;margin:0 auto;"><i style="display:block;width:93%;height:auto;padding:11px 0 8px;font-style:normal;text-align:center;color:#666;background-color:rgba(255,255,255,0.70);margin:0 auto -5px 6px;font-size:19px;text-shadow:0 1px 3px #999;border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;">Tip Amount</i></p><p style="display:block;width:20%;height:auto;padding:0;color:#555;float:left;margin:0 auto;"><i style="display:block;width:93%;height:auto;padding:11px 0 8px;font-style:normal;text-align:center;color:#666;background-color:rgba(255,255,255,0.70);margin:0 auto -5px 6px;font-size:19px;text-shadow:0 1px 3px #999;border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;">Reaction Time</i></p><p style="display:block;width:20%;height:auto;padding:0;color:#555;float:left;margin:0 auto;"><i style="display:block;width:93%;height:auto;padding:11px 0 8px;font-style:normal;text-align:center;color:#666;background-color:rgba(255,255,255,0.70);margin:0 auto -5px 6px;font-size:19px;text-shadow:0 1px 3px #999;border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;">Vibration Power</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:-3px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#ffc95e;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #ffc95e;"><i style="font-style:normal;text-align:center;">Level 1</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">1 - 20 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">1 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">Low</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#ffae5e;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #ffae5e;"><i style="font-style:normal;text-align:center;">Level 2</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">21 - 49 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">5 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">Medium</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#fc9b3a;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #fc9b3a;"><i style="font-style:normal;text-align:center;">Level 3</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">50 - 99 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">10 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">Medium</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#f97c00;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #f97c00;"><i style="font-style:normal;text-align:center;">Level 4</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">100 - 199 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">15 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">High</i></p></li><li style="display:block;width:95%;height:auto;list-style:none;box-sizing:border-box;float:none;clear:left;margin:10px auto 5px auto;"><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:#f94200;border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;border-bottom:1px solid #f94200;"><i style="font-style:normal;text-align:center;">Level 5</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">200 - 1000 tokens</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">20 second</i></p><p style="display:block;width:20%;height:auto;padding:11px 7px;color:#fff;float:left;margin:0 auto;background-color:rgba(255,255,255,0.40);border-bottom:1px solid #ccc;"><i style="font-style:normal;text-align:center;color:#666;">Ultra High</i></p>
</li></ul></li></ul>
Of course the code can not replicate an image entirely but i think this looks pretty nice.
The background image can be changed too...
here's a screenshot with CB installed version (all CSS/HTML)
View attachment 71687
I've also added the same code on Camgirl Live Editor > Demo section (can be unlocked with a tweet) if u wanna edit it online.
I think I will code a MyFreeCams version with instant tip buttons :cigar: if necessary...
Have fun

Hi Dan,

Sorry for posting here, but I can't send you a DM and this is too long to post to your profile.

I would like to use the CSS styles from your Lovense menu in a project I am working on. There is no "licensing" information in your post so I wanted to ask before using it.

I am developing an online tool that takes HTML+CSS and generates HTML with inline styles and I would like to include a modified version of your Lovense menu as one of the available default templates. The idea is to allow people to play around with HTML+CSS in something like Codepen and then generate HTML with inline styles that can be pasted into a Chaturbate profile. You can view the modified Lovense menu files at https://codepen.io/slapstick/pen/vRemXw I haven't changed any of the styling, other than moving the style definitions into a separate CSS file.

The tool will be free to use and I'll post the code to GitHub under the Apache 2.0 license when it is ready for release. I have a prototype running on Google App Engine if you would like to take a look.

If you agree let me know how you would like to be credited.
 
  • Like
Reactions: Dan N
Hi Dan,

Sorry for posting here, but I can't send you a DM and this is too long to post to your profile.

I would like to use the CSS styles from your Lovense menu in a project I am working on. There is no "licensing" information in your post so I wanted to ask before using it.

I am developing an online tool that takes HTML+CSS and generates HTML with inline styles and I would like to include a modified version of your Lovense menu as one of the available default templates. The idea is to allow people to play around with HTML+CSS in something like Codepen and then generate HTML with inline styles that can be pasted into a Chaturbate profile. You can view the modified Lovense menu files at https://codepen.io/slapstick/pen/vRemXw I haven't changed any of the styling, other than moving the style definitions into a separate CSS file.

The tool will be free to use and I'll post the code to GitHub under the Apache 2.0 license when it is ready for release. I have a prototype running on Google App Engine if you would like to take a look.

If you agree let me know how you would like to be credited.
no need to credit me, you are free to use the markup as you want.
The only request I have is to host the graphic elements (background image(s) ) because on CB a single image request can have more than 2k http requests . You'll need a powerful host with around 800 accepted server connections (litespeed will do the job) CDN delivery with huge bandwidth.
Why so many connections and requests for a single image? because Chaturbate is delivering the same content to multiple subdomains (chaturbate[dot]com / es[dot]chaturbate[dot]com / fr[dot]chaturbate[dot]com / de[dot]chaturbate[dot]com ... and other countries)
If you are delivering content via HTTPS (secured connection) a single image will have 5 requests, on delivery with HTTP only 2 requests per image.
Do the math
1 image + 5 requests (https secure connection) + X number of countries + Y number of users who visit the model's page (where the image is posted) = a huge amount of bandwidth
:) Best of luck
 
Status
Not open for further replies.