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.
Sep 30, 2013
820
1
439
173
43
Bucharest
camgirl.cloud
Twitter Username
@CamgirlCloud
Chaturbate Username
redglove
On the forum there might be similar topics but from what I've observed there is a huge demand for editing Chaturbate (or Camgasm) Bio pages.
I started this topic with this intro and I hope it will be helpful for some of you camgirls and /boys.

I am hoping for an active topic so I don't have to post under my topic (to avoid being flagged as spammer - not my intention)

So, my first code for CB/CG bio is
Christmas Raffle (I know some of you would like to be prepared)

raffle_christams_cover.jpg


The code
HTML:
<p id="main" style="display:block;width:830px;height:auto;padding:20px 20px;background-color:#f1f1f1;background-image:url(https://mfcpro.files.wordpress.com/2015/12/left1.png),url(https://mfcpro.files.wordpress.com/2015/12/right1.png),url(https://mfcpro.files.wordpress.com/2015/12/hbottom.png),url(https://mfcpro.files.wordpress.com/2015/12/vright2.png),url(https://mfcpro.files.wordpress.com/2015/12/3h.png),url(https://mfcpro.files.wordpress.com/2015/12/vleft2.png),url(https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/backgrounds/snw_bg.gif);background-position:top left,top right,bottom left,right top,left top,top left,top left;background-repeat:no-repeat, no-repeat,repeat-x,repeat-y,repeat-x,repeat-y,repeat;border:3px solid #060;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:0 2px 4px #999;margin:120px auto 20px 14px;">
<img id="header" src="http://res.cloudinary.com/cgliveditor/image/upload/v1478428005/craffle_header_pvk4lq.png" style="display:block;width:100%;margin:0 auto;"/>
<img id="model_photo" src="https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/backgrounds/1a.png" style="display:block;width:260px;height:260px;float:left;margin:20px 30px 10px 24px;overflow:hidden;border-radius:50%;-webkit-vorder-radius:50%;background-color:#f1f1f1;box-shadow:0 2px 4px #999;-webkit-box-shadow:0 2px 4px #999;padding:3px 3px;border-top:3px solid #F00;border-left:3px solid #fff;border-right:3px solid #FFF;border-bottom:3px solid #063;"/>
<font id="raffle_box" style="display:block;position:relative;float:right;margin:20px 10px 30px 10px;padding:10px 10px;font-size:20px;color:#ffffff;background-color:rgba(0,51,51,0.40);width:50%;height:250px;right:30px;font-weight:bold;font-family:Comic Sans MS, cursive;overflow:auto;line-height:normal;">Add your raffle info here<br/>You can add the token amount for 1 raffle ticket or 5 raffle tickets<br/>Add start date and end date of the raffle<br/>Add your giveaway goodies, shows or digital images<br/> It is up to you.</font>

<font style="display:block;width:90%;height:400px;padding:10px 10px;text-align:center;overflow:auto;margin:10px auto 40px auto;background-color:rgba(0,51,51,0.30);">
<a href="#" style="display:block;width:516px;height:200px;position:relative;margin:0 auto;overflow:hidden;"><img id="raffle_1" src="https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/backgrounds/raffle_ticket_winter.png" style="width:516px;height:200px;"/></a>
<a href="#" style="display:block;width:516px;height:200px;position:relative;margin:0 auto;overflow:hidden;"><img id="raffle_2" src="https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/backgrounds/raffle_ticket_winter.png" style="width:516px;height:200px;"/></a>
<a href="#" style="display:block;width:516px;height:200px;position:relative;margin:0 auto;overflow:hidden;"><img id="raffle_3" src="https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/backgrounds/raffle_ticket_winter.png" style="width:516px;height:200px;"/></a>
<a href="#" style="display:block;width:516px;height:200px;position:relative;margin:0 auto;overflow:hidden;"><img id="raffle_4" src="https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/backgrounds/raffle_ticket_winter.png" style="width:516px;height:200px;"/></a>
<a href="#" style="display:block;width:516px;height:200px;position:relative;margin:0 auto;overflow:hidden;"><img id="raffle_5" src="https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/backgrounds/raffle_ticket_winter.png" style="width:516px;height:200px;"/></a>
</font>

<b id="dmca_box" style="display:block;width:88%;height:auto;font-weight:normal;font-size:14px;overflow:auto;text-align:left;padding:10px 10px;background-color:rgba(0,0,0,0.40);margin:0 auto;margin-top:10px;color:#ffffff;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;"><a href="#"><img id="dmca_icon" src="https://editbio.files.wordpress.com/2016/09/seal.png" style="display:block;margin-right:3px;width:97px;float:left;"></a>
All rights reserved 2016 (C) <a id="modelname" style="text-decoration:none;color:#F00;">Model Name</a>. Any Unauthorized use of my profile, video, pictures or media content, in any form, now or in the future is NOT Permissible, without expressed written consent. Any act to promote or gain profit in any manner (e.g. either monetarily or socially) from the use of my profile, video, pictures or media content in any form from my profile is a violation of my privacy and subject to legal action.<br/> By Reading This - You acknowledge and agree that you shall not post, upload, publish, transmit or make available content of this page including images and recording stream from my online activity and make available for download.<br/>This is intended as, and presented as a one time, one view presentation Only.
  You are Not Allowed to record my cam, or take snapshots of my cam. Penalties of Copyright Infringement. By reproducing, republishing or redistributing the work of a Copyright Holder without permission, You may be violating website's Terms and Conditions</b>

</p>
I've removed the footer credits so don't worry about that.
If you are familiar with markup language accepted by Chaturbate core platform here are some techy specs.
- the wrapper of the raffle uses 7 background images for season frame (that cute "border") and 1 animated images with snowflakes
- header image can be changed by replacing the full url path from "header" id.
- replace the model's photo from the left side (please use the same square size for your replacement image)
- add/replace the default text from the info box
- replace the raffle tickets and if you like you can link them to external links or internal links (for a password protected gallery for example)
- added the "legal" text box if -- optional, you can delete it.

If you have trouble with editing the raffle via source code I've added this raffle to Camgirl Bio Live Editor too > Free section defined by Demo plan.

Questions, suggestions... post them and I will be glad to offer my help.
Thank you and enjoy. Good luck
Attached the code in plain text file
 

Attachments

  • redglove_cristams_raffle.txt
    5.1 KB · Views: 42
  • Helpful!
Reactions: silici0
@haven ... I know codes might look like gibberish for some but here it is, the basic code
Code:
<img src="https://keighsite.files.wordpress.com/2016/11/14996434_1235376549815963_1285546565_n.jpg"/>
 
another favor i want to make this backgound in my bio transparent the box thank you so much






untitled.jpg
 
Click inside the main area (preview box) > In the right sidebar there is a box named Background color simply delete those numbers and voile, no background color for the main background. And by the way... there is a support forum for the Camgirl Bio Editor... why don't you post there? This is Ambercutie's forum and I can't be online 24/7.
If you want to completely remove the background image, you must edit the code manually.
 
I cant get the IMG SRC code to work and my image continues to come up broken? any idea why?
can you provide some sort of additional info?
for example, where do you added the image? is it as background image or simple html format?
what type of html format did you use?
where did you hosted/uploaded the image?
There are so many "variables" here and I can't provide the best answer/solution if I have to guess

Here is my guessed reply:
- your image doesn't use the right format
on CB or MFC the basic html format for image element is
Correct
HTML:
<img src="your-image-here"/>
Wrong
HTML:
[img]image-url-here[/img]
Image url extension must end with jpeg/jpg/gif/png and not .html/php
Use direct url path

Full HTML Beginner's Guide adapted for Chaturbate bio editing... somewhere here on ACF there is a link but I don't remember where...
 
Last edited:
Hello Dan, Do you have a code for floating amazon icon/badge for wishlist?

This will do?
Code
HTML:
<p style="display:block;width:35px;height:auto;text-align:center;position:fixed;top:160px;left:0;"><a href="your-amazon-link"><img src="https://editbio.files.wordpress.com/2016/09/01_ama.png" style="display:block;width:35px;height:auto;margin:0 auto;"/></a>
Will render this image
01_ama.png

Add your amazon link between those double quotes.
If you wanna change the icon... here are some alternatives to choose from
06_ama.png

Code:
https://editbio.files.wordpress.com/2016/09/06_ama.png

2ama.png

Code:
https://editbio.files.wordpress.com/2016/09/2ama.png

1ic_ama.png

Code:
https://editbio.files.wordpress.com/2016/09/1ic_ama.png

icr_ama.png

Code:
https://camgirlbioeditor.files.wordpress.com/2016/11/icr_ama.png

icbg_ama.png

Code:
https://camgirlbioeditor.files.wordpress.com/2016/11/icbg_ama.png

icp_ama.png

Code:
https://editbio.files.wordpress.com/2016/11/icp_ama.png

ic_amazon.jpg

Code:
https://editbio.files.wordpress.com/2016/11/ic_amazon.jpg

Change the image width attribute as you see fit... I usually use 35px width as I don't want to overlap other elements.
 
Hey do you have code for all the icon to have same color and size? I need like 15 icons+
Amazon, Twitter, Manyvids, Snapchat, C4S... and a few others... the icon is white with transparent background, which means you can change the background color to match your design... i see no reason to add them all here as @spacem0nky offered to help :)

PS: +15? that's... wow... i don't know so many services lol
 
Amazon, Twitter, Manyvids, Snapchat, C4S... and a few others... the icon is white with transparent background, which means you can change the background color to match your design... i see no reason to add them all here as @spacem0nky offered to help :)

PS: +15? that's... wow... i don't know so many services lol

Haha thanks for letting me get some work in @Dan202 as I see your already cornered the market hard. Very respected as well.

And yeah so many different services and sites! Definitely wish these cam sites had more integration services, would make things even simpler.
 
screenshot-chaturbate.com-2017-09-20-19-20-47-996.png

Halloween Raffle widget for Chaturbate bio

HTML:
<p id="main" style="display:block;width:90%;height:auto;background-image:url(https://mfcpro.files.wordpress.com/2015/04/bats.gif),url(https://mfcpro.files.wordpress.com/2014/09/bg2.png),url(https://mfcpro.files.wordpress.com/2016/10/light_effect_hall2.gif);background-size:auto,100% ,100% auto;background-repeat:no-repeat,no-repeat,no-repeat;background-position:50px 100px,top center,0px 112px;background-attachment:fixed,fixed,local;background-color:#000000;border:3px solid #F93;box-shadow:0 0 11px #000;-moz-box-shadow:0 0 11px #000;-ms-box-shadow:0 0 11px #000;-o-box-shadow:0 0 11px #000;-webkit-box-shadow:0 0 11px #000;overflow:hidden;line-height:normal;margin:120px auto 40px -140px;">

<img id="header" src="https://mfcpro.files.wordpress.com/2016/10/raffle_hall.png" style="display:block;width:100%;height:auto;position:relative;margin:30px auto 50px auto;"/>


<font id="raffle_box" style="display:block;width:96%;height:auto;padding:20px 20px;text-align:left;font-size:23px;color:#F93;background-color:rgba(0,0,0,0.40);background-image:url(https://mfcpro.files.wordpress.com/2016/10/footer.png);background-repeat:no-repeat;background-size:100%; background-position:bottom center;margin:50px auto 10px auto;padding-top:40px;padding-bottom:90px;line-height:normal;position:relative;">
<i id="raffle_1" style="display:block;width:97%;padding:15px 12px;border-bottom:1px solid #000;font-style:normal;text-decoration:none;margin:0 auto;text-align:left;text-indent:13px;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;">Buy 5 raffle tickets <a href="#" style="display:block;float:right;margin:-5px 3px auto auto;padding:8px 11px;text-align:center;text-decoration:none;color:#fff;background-color:rgba(60,80,0,0.40);font-style:normal;text-decoration:none;text-shadow:0 1px 0 #000;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:1px solid #FC6;text-indent:0px;">xXx tokens</a></i><i id="raffle_2" style="display:block;width:97%;padding:15px 12px;border-bottom:1px solid #000;font-style:normal;text-decoration:none;margin:0 auto;text-align:left;text-indent:13px;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;">Buy 15 raffle tickets <a href="#" style="display:block;float:right;margin:-5px 3px auto auto;padding:8px 11px;text-align:center;text-decoration:none;color:#fff;background-color:rgba(60,80,0,0.40);font-style:normal;text-decoration:none;text-shadow:0 1px 0 #000;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:1px solid #FC6;text-indent:0px;">xXx tokens</a></i><i id="raffle_3" style="display:block;width:97%;padding:15px 12px;border-bottom:1px solid #000;font-style:normal;text-decoration:none;margin:0 auto;text-align:left;text-indent:13px;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;">Buy 25 raffle tickets <a href="#" style="display:block;float:right;margin:-5px 3px auto auto;padding:8px 11px;text-align:center;text-decoration:none;color:#fff;background-color:rgba(60,80,0,0.40);font-style:normal;text-decoration:none;text-shadow:0 1px 0 #000;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:1px solid #FC6;text-indent:0px;">xXx tokens</a></i><i id="raffle_4" style="display:block;width:97%;padding:15px 12px;border-bottom:1px solid #000;font-style:normal;text-decoration:none;margin:0 auto;text-align:left;text-indent:13px;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;">Buy 55 raffle tickets <a href="#" style="display:block;float:right;margin:-5px 3px auto auto;padding:8px 11px;text-align:center;text-decoration:none;color:#fff;background-color:rgba(60,80,0,0.40);font-style:normal;text-decoration:none;text-shadow:0 1px 0 #000;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:1px solid #FC6;text-indent:0px;">xXx tokens</a></i><i id="raffle_5" style="display:block;width:97%;padding:15px 12px;border-bottom:1px solid #000;font-style:normal;text-decoration:none;margin:0 auto;text-align:left;text-indent:13px;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;">Buy 100 raffle tickets <a href="#" style="display:block;float:right;margin:-5px 3px auto auto;padding:8px 11px;text-align:center;text-decoration:none;color:#fff;background-color:rgba(60,80,0,0.40);font-style:normal;text-decoration:none;text-shadow:0 1px 0 #000;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:1px solid #FC6;text-indent:0px;">xXx tokens</a></i><i id="raffle_6" style="display:block;width:97%;padding:15px 12px;border-bottom:1px solid #000;font-style:normal;text-decoration:none;margin:0 auto;text-align:left;text-indent:13px;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;">Buy 150 raffle tickets <a href="#" style="display:block;float:right;margin:-5px 3px auto auto;padding:8px 11px;text-align:center;text-decoration:none;color:#fff;background-color:rgba(60,80,0,0.40);font-style:normal;text-decoration:none;text-shadow:0 1px 0 #000;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:1px solid #FC6;text-indent:0px;">xXx tokens</a></i><i id="raffle_7" style="display:block;width:97%;padding:15px 12px;border-bottom:1px solid #000;font-style:normal;text-decoration:none;margin:0 auto;text-align:left;text-indent:13px;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;">Buy 200 raffle tickets <a href="#" style="display:block;float:right;margin:-5px 3px auto auto;padding:8px 11px;text-align:center;text-decoration:none;color:#fff;background-color:rgba(60,80,0,0.40);font-style:normal;text-decoration:none;text-shadow:0 1px 0 #000;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:1px solid #FC6;text-indent:0px;">xXx tokens</a></i>
</font>

<font style="display:block;text-align:center;padding:20px 20px;width:90%;height:auto;margin:20px auto 30px auto;background-color:rgba(0,0,0,0.40);">
<b id="spoilme_box" style="display:block;width:90%;height:auto;text-align:center;background-color:rgba(0,0,0,0.60);padding:20px 20px;text-align:center;border:2px dashed #FC6;color:#dfbd74;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;font-size:22px;margin:40px auto 10px auto;line-height:normal;text-decoration:none;font-weight:bold;">Send your Gift Cards to my email address<br/>your@email.com</b>
<a href="#" style="display:block;width:47%;margin:20px auto;text-align:center;height:350px;background-color:rgba(0,0,0,0.0);"><img id="giftcard_1" src="https://mfcdesign.files.wordpress.com/2013/10/giftcard1.png" style="border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:0px solid #FC6;-webkit-box-reflect: below -7px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.10)));"/></a>
</font>

<b style="display:block;width:88%;height:220px;font-weight:normal;font-size:14px;overflow:auto;text-align:left;padding:10px 10px;background-color:rgba(0,0,0,0.70);margin:0 auto;margin-top:10px;font-family:Arial,Helvetica,sans-serif;color:#fff;text-shadow:1px 1px 1px #000,-1px -1px 2px #000,0 0 17px #000;"><a href="#"><img id="dmca_icon" src="https://editbio.files.wordpress.com/2016/09/seal.png" style="display:block;margin-right:3px;width:97px;float:left;"></a>
All rights reserved 2017 (c) <a id="modelname" style="text-decoration:none;color:#C33;">Model Name</a>. Any Unauthorized use of my profile, video, pictures or media content, in any form, now or in the future is NOT Permissible, without expressed written consent. Any act to promote or gain profit in any manner (e.g. either monetarily or socially) from the use of my profile, video, pictures or media content in any form from my profile is a violation of my privacy and subject to legal action.<br/> By Reading This - You acknowledge and agree that you shall not post, upload, publish, transmit or make available content of this page including images and recording stream from my online activity and make available for download.<br/>This is intended as, and presented as a one time, one view presentation Only.
  You are Not Allowed to record my cam, or take snapshots of my cam. Penalties of Copyright Infringement. By reproducing, republishing or redistributing the work of a Copyright Holder without permission, You may be violating website's Terms and Conditions</b>


<a href="http://camgirl.xniteproductions.com/cb-profiler/" style="display:block;width:90%;height:70px;margin:-10px auto 1px auto;text-align:center;text-decoration:none;padding:25px 20px;"><img src="https://editbio.files.wordpress.com/2016/09/cg2.png" style="display:block;width:100%;height:auto;background-color:rgba(0,0,0,0.50);"/></a>
</p>

It uses <p> tag as wrapper, code available for live editing on CLE
- awesome graphics, animated elements, supports external link (optional)
All credits can be removed ;)
this is how it looks like... https://camgirleditor.tumblr.com/cb_widget_1 ... scroll down, the same code enjoy
 
Hey dan,

Love the work you do here. I was looking for a code to make the white background of the bio section become transparent. Ive seen some profiles on cb where they just have their own pic as the enitre page background.
 
Hey dan,

Love the work you do here. I was looking for a code to make the white background of the bio section become transparent. Ive seen some profiles on cb where they just have their own pic as the enitre page background.


Here ya go, a few codes.... among them you'll also find the full background markup code.
Emmm... I use the Riseup pad which allows "team collaboration" so if you see the markup code in other language (non english) DO not use it because it has some gaps.
https://pad.riseup.net/p/7dq3dg77dakd

If necessary contact me directly (PM will do just fine)
 
Here ya go, a few codes.... among them you'll also find the full background markup code.
Emmm... I use the Riseup pad which allows "team collaboration" so if you see the markup code in other language (non english) DO not use it because it has some gaps.
https://pad.riseup.net/p/7dq3dg77dakd

If necessary contact me directly (PM will do just fine)
Hi Dan,

I haven’t started cAmming yet but when I do I will be using one of your templates. A few questions how can I add a social button that’s not already included like Kik or snapchat. Also how can I change what type of gift cards I want. Like instead of the default ones already selected?

Thanks
 
Hi Dan,

I haven’t started cAmming yet but when I do I will be using one of your templates. A few questions how can I add a social button that’s not already included like Kik or snapchat. Also how can I change what type of gift cards I want. Like instead of the default ones already selected?

Thanks

There are two options you can play with.
First option is to replace an existing image (service icon) with other image, for example, if you want to use kik instead of Manyvids, just replace the Manyvids (existing icon/image) with Kik one.

The second option is to duplicate the code for an icon, change the icon and add your link.

For gift cards, same process... if you have something else in mind and I did not provided expected answer, feel free to let me know, I'm open to suggestions.
Best of luck
 
There are two options you can play with.
First option is to replace an existing image (service icon) with other image, for example, if you want to use kik instead of Manyvids, just replace the Manyvids (existing icon/image) with Kik one.

The second option is to duplicate the code for an icon, change the icon and add your link.

For gift cards, same process... if you have something else in mind and I did not provided expected answer, feel free to let me know, I'm open to suggestions.
Best of luck

Hey Dave thanks for the info. Now does the site provide the kik or whatever icon I select or do I have to find them some place else?
 
A fresh, clean, easy to edit Chaturbate Bio design .
Posted as a pen here https://codepen.io/cssmfcpro/pen/jYVbqZ

If guys from codepen removes the pen as it is not exactly for all ages
Here's the jsfiddle version https://jsfiddle.net/cle_dan/etj9kv7z/

Feel free to make it yours, credits can be removed, replace default content and add your own links.
Compatible with Camgirl Live Editor (but this particular design is not posted on CLE)
Happy Holidays from CLE team
 
Last edited:
The graphics in my profile keep getting cut off. . . They look fine on larger screens, but they get cut off on the right on smaller ones or when you make the browser window smaller. How can I get them to automatically adjust size so they fit? Here's my profile: chaturbate.com/emiliasongcam
 
The graphics in my profile keep getting cut off. . . They look fine on larger screens, but they get cut off on the right on smaller ones or when you make the browser window smaller. How can I get them to automatically adjust size so they fit? Here's my profile: chaturbate.com/emiliasongcam

Try to define width of you contents using %, like for example:

<img src="YOURIMGLINKHERE" style="display: block;width: 100%;height: auto;margin: auto;"/>

The percentage should help it adjust to browser window size.
 
Dan... This is the only site I've seen with even remotely good info! Thank you so much. I'm really dense about all this... That code you posted, "https://codepen.io/cssmfcpro/pen/jYVbqZ"... That's a great starter profile... BUT WHERE I PUT THAT CODE? LOL


After you are done with editing process, adding your own image, texts so on... copy the code from HTML box and paste it on your Chaturbate Bio > Edit Bio > About Me box (works ok on Wishlist box too)
 
I have use Chaturbate for a while and had to get off. Starting again Ive made a new profile, and my coding isn't working, could this be because I haven t age verified as a performer yet??
Yes, verification can be the reason.
You can test this by adding a less complex markup and see if CB is rendering it correctly rather than installing complex markup.
A simple markup to test.
<p style="color:red">This text should render in red font color</p>

If upon saving the CB it shows the markup as it is (and not a red text), then you might presume correct about verification issue.
Best of luck
 
  • Hugs
Reactions: Amanda Neumann
Simple clean text-based (mostly) CB bio, Jen.
Sometimes simplicity can be helpful

screenshot--2018-01-17-06-51-10-771.jpeg

https://jsfiddle.net/cle_dan/v9cfrsqw/

CSS Markup

HTML:
<ul id="main" style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;font-family:Century Gothic, Arial, Helvetica, sans-serif;margin:120px auto 50px -146px;">

<li style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto 33px auto;text-align:center;"><p style="display:block;width:90%;height:auto;margin:0 auto;text-align:center;color:#09C;text-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;font-size:5.333vw;">Welcome to my Page</p></li>
<li style="display:block;width:100%;height:30px;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li>
<li style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto;text-align:center;"><ul style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto;text-align:center;"><li style="display:block;width:30%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:left;font-style:normal;font-weight:normal;line-height:normal;margin:0 auto;text-align:center;"><img src="https://dexdan.files.wordpress.com/2016/08/13.jpg" style="display:block;width:100%;height:auto;float:none;clear:left;margin:0 auto;box-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;"></li><li style="display:block;width:60%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto auto 10px;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:10px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:10px auto;text-align:center;box-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;background-color:#eaf3ff;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:-39px auto 20px auto;text-align:center;"><p style="display:block;width:60%;height:auto;margin:0 auto 4px 12px;padding:8px 16px;text-align:left;color:#fff;text-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;font-size:2.333vw;background-color:#09C;">About Me</p></li><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:0 auto;text-align:center;"><p style="display:block;width:96%;height:auto;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;">Add your text here</p><p style="display:block;width:96%;height:auto;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li></ul></li><li style="display:block;width:100%;height:1%;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li></ul>
</li>

<li style="display:block;width:100%;height:30px;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li>

<li style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:30px auto 22px auto;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto auto 2px;text-align:center;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:10px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:10px auto;text-align:center;box-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;background-color:#eaf3ff;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:-39px auto 20px auto;text-align:center;"><p style="display:block;width:60%;height:auto;margin:0 auto 4px 12px;padding:8px 16px;text-align:left;color:#fff;text-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;font-size:2.333vw;background-color:#09C;">Bio</p></li><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:0 auto;text-align:center;"><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:50%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Location</i><i style="display:block;width:50%;height:auto;float:left;margin:0 auto;font-style:normal;">Los Angeles / California</i></p><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:50%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Weight</i><i style="display:block;width:50%;height:auto;float:left;margin:0 auto;font-style:normal;">120lbs</i></p><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:50%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Boobs Size</i><i style="display:block;width:50%;height:auto;float:left;margin:0 auto;font-style:normal;">34-DD Natural</i></p><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:50%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Height</i><i style="display:block;width:50%;height:auto;float:left;margin:0 auto;font-style:normal;">5 ft 2</i></p></li><li style="display:block;width:100%;height:1%;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li></ul></li></ul>
</li>

<li style="display:block;width:100%;height:30px;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li>

<li style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:30px auto 22px auto;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto auto 2px;text-align:center;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:10px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:10px auto;text-align:center;box-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;background-color:#eaf3ff;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:-39px auto 20px auto;text-align:center;"><p style="display:block;width:60%;height:auto;margin:0 auto 4px 12px;padding:8px 16px;text-align:left;color:#fff;text-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;font-size:2.333vw;background-color:#09C;">FAQ - Q&amp;A</p></li><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:0 auto;text-align:center;"><p style="display:block;width:90%;height:auto;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;font-weight:bold;">Add your Question here</i><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;">Add the Answer here</i></p><p style="display:block;width:90%;height:auto;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;font-weight:bold;">Add your Question here</i><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;">Add the Answer here</i></p><p style="display:block;width:90%;height:auto;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;font-weight:bold;">Add your Question here</i><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;">Add the Answer here</i></p><p style="display:block;width:90%;height:auto;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;font-weight:bold;">Add your Question here</i><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;">Add the Answer here</i></p><p style="display:block;width:90%;height:auto;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;font-weight:bold;">Add your Question here</i><i style="display:block;width:90%;height:auto;float:none;clear:left;margin:0 auto;font-style:normal;">Add the Answer here</i></p></li><li style="display:block;width:100%;height:1%;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li></ul></li></ul>
</li>
<li style="display:block;width:100%;height:30px;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li>

<li style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:30px auto 22px auto;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto auto 2px;text-align:center;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:10px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:10px auto;text-align:center;box-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;background-color:#eaf3ff;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:-39px auto 20px auto;text-align:center;"><p style="display:block;width:60%;height:auto;margin:0 auto 4px 12px;padding:8px 16px;text-align:left;color:#fff;text-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;font-size:2.333vw;background-color:#09C;">Tip Menu</p></li><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:0 auto;text-align:center;"><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:70%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Add tip request here</i><i style="display:block;width:20%;height:auto;float:left;margin:0 auto;font-style:normal;">300 tokens</i></p><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:70%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Add tip request here</i><i style="display:block;width:20%;height:auto;float:left;margin:0 auto;font-style:normal;">300 tokens</i></p><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:70%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Add tip request here</i><i style="display:block;width:20%;height:auto;float:left;margin:0 auto;font-style:normal;">300 tokens</i></p><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:70%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Add tip request here</i><i style="display:block;width:20%;height:auto;float:left;margin:0 auto;font-style:normal;">300 tokens</i></p><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:70%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Add tip request here</i><i style="display:block;width:20%;height:auto;float:left;margin:0 auto;font-style:normal;">300 tokens</i></p><p style="display:block;width:90%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:none;clear:left;"><i style="display:block;width:70%;height:auto;float:left;margin:0 auto;font-style:normal;font-weight:bold;">Add tip request here</i><i style="display:block;width:20%;height:auto;float:left;margin:0 auto;font-style:normal;">300 tokens</i></p></li><li style="display:block;width:100%;height:1%;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li></ul></li></ul>
</li>

<li style="display:block;width:100%;height:30px;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li>

<li style="display:block;width:100%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:30px auto 22px auto;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:0;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto auto 2px;text-align:center;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:20px auto;text-align:center;"><ul style="display:block;width:90%;height:auto;padding:10px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:10px auto;text-align:center;box-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;background-color:#eaf3ff;"><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:-39px auto 20px auto;text-align:center;"><p style="display:block;width:60%;height:auto;margin:0 auto 4px 12px;padding:8px 16px;text-align:left;color:#fff;text-shadow:-1px -1px 3px #999,1px 1px 3px #999, 0 0 6px #444;font-size:2.333vw;background-color:#09C;">Top Tippers</p></li><li style="display:block;width:100%;height:auto;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;font-style:normal;font-weight:normal;line-height:normal;margin:0 auto;text-align:center;"><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p><p style="display:block;width:30%;height:30px;border-bottom:1px solid #099;margin:0 auto;padding:3px 6px;text-align:left;font-size:19px;color:#333;float:left;text-align:left;">Premium Username</p></li><li style="display:block;width:100%;height:1%;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li></ul></li></ul>
</li>

<li style="display:block;width:100%;height:1%;padding:0px;list-style:none;box-sizing:border-box;float:none;clear:left;margin:0 auto;text-align:center;opacity:0;">divider - camgirl live editor</li>

<li style="display:block;width:40px;height:auto;position:fixed;top:166px;left:0px;text-align:center;box-sizing:border-box;list-style:none;padding:6px 0 3px;"><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #111;"><img src="https://editbio.files.wordpress.com/2016/09/2twt.png" style="width:35px;height:35px;background-color:#09C;"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #111;"><img src="https://editbio.files.wordpress.com/2016/09/1ama.png" style="width:35px;height:35px;background-color:#09C;"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #111;"><img src="https://editbio.files.wordpress.com/2016/09/2insta.png" style="width:35px;height:35px;background-color:#09C;"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #111;"><img src="https://editbio.files.wordpress.com/2016/09/mv2.png" style="width:35px;height:35px;background-color:#09C;"></a><a href="#" style="display:block;width:35px;height:300px;background-color:#000;"><img src="https://raw.githubusercontent.com/cssmfc/xniteproductions/master/assets/images/buttons/clte_acre_blkanim.gif" style="width:35px;height:300px;"></a></li>
</ul>
 
OMG & LOL
A few comments above, I've posted a pad which allows team work, basically anyone can edit it (huge mistake).
But for the name of any GOD, why delete or totally remove working codes and add bad ones or none at all?!

I have to update that pad again and again and again.... that's stupid and inefficient
What if the codes are no longer available?
What if I take a chill-pill and limit my support/assistance/help only for commercial purpose.
Less work/update and stress but I'm paid for, like models do.... "Tip to receive!"

Update to floating icons. Try and delete those! :D
https://jsfiddle.net/cle_dan/z0jx23hd/
Enjoy working codes. Again! :D
 
  • Helpful!
Reactions: ReinaStorm
Status
Not open for further replies.