Camgirl Live Template Editor extends its service range including CAM4 Bio designs - now available for live editing
You're awesome. Let us know if you need help (contact us, post on our support forum or shout on twitter)Wow, this looks interesting. I am currently using another site but I am going to bookmark this to try for my following month. Thank you.
<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>
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
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 hereNext question! I keep getting upload error : 1 when I try and upload pics ... any suggestions? Too high quality? Too low quality? Too ... something?
Haha totally get that. I was just wondering if upload error 1 meant anything to you.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)
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...Haha totally get that. I was just wondering if upload error 1 meant anything to you.
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.
<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>
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
Of course the code can not replicate an image entirely but i think this looks pretty nice.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>
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 if necessary...
Have fun
no need to credit me, you are free to use the markup as you want.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.