Templates Camgirl.Cloud › Forums › Templates categories › Chaturbate › Add sticky icons to Chaturbate Bio
- This topic has 2 replies, 2 voices, and was last updated 5 years, 10 months ago by CGC.
-
AuthorPosts
-
-
June 29, 2018 at 7:04 am #57604
How to add those small icons/buttons to Chaturbate Bio?
Select your favorite color-set from Icon library (or Media Library if you are a premium registered member), copy the image full url path and replace the default ones.
Remember to replace the hashtag with your linksHo to remove, or add a button?
To remove a button, just delete the relate linkHo to link a button to receive offline tips? Change the hashtag of the button with the link of a private gallery. If the gallery uses the token function (premiums tip to access the gallery), then the button will open the tip window and the premium will tip the amount of tokens to access that gallery.
Generic markup code including 4 buttons/icons for Twitter, Amazon, Manyvids and Instagram
<b style="display:block;width:40px;height:auto;position:fixed;top:166px;left:0px;text-align:center;"><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #000;"><img id="ab_twt" src="https://editbio.files.wordpress.com/2016/09/2twt.png" style="width:35px;height:35px;background-color:#C39;"/></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #000;"><img id="ab_ama" src="https://editbio.files.wordpress.com/2016/09/1ama.png" style="width:35px;height:35px;background-color:#C39"/></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #000;"><img id="ab_instagram" src="https://editbio.files.wordpress.com/2016/09/2insta.png" style="width:35px;height:35px;background-color:#C39"/></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #000;"><img id="ab_manyvids" src="https://editbio.files.wordpress.com/2016/09/mv2.png" style="width:35px;height:35px;background-color:#C39"/></a> </b>
Another set of icons fully adapted for Chaturbate.
<li style="display:block;width:40px;height:auto;position:fixed;top:166px;left:0px;text-align:center;list-style:none;box-sizing: border-box;text-align:center;z-index:10000;overflow:hidden;float:none;clear:left;"><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #333;"><img src="https://editbio.files.wordpress.com/2016/09/2twt.png" style="width:35px;height:35px;background-color:#900;"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #333;"><img src="https://editbio.files.wordpress.com/2016/09/1ama.png" style="width:35px;height:35px;background-color:#900"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #333;"><img src="https://editbio.files.wordpress.com/2016/09/2insta.png" style="width:35px;height:35px;background-color:#900"></a><a href="#" style="display:block;width:35px;height:35px;border-bottom:1px solid #333;"><img src="https://editbio.files.wordpress.com/2016/09/mv2.png" style="width:35px;height:35px;background-color:#900"></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>
Simply replace the # between double quotes with your links, change icons with your favorite ones by replacing the full URL path (more icons can be found on Media Library / Icons section)
To change the background color of the icons, simply edit the background-color value with your favorite HEX color background-color:#900
Here’s the output markup code live online
https://jsfiddle.net/cle_dan/z0jx23hd/ -
December 25, 2018 at 4:04 am #72889
private gallery… having trouble here
-
December 25, 2018 at 6:56 am #72893
Use the contact page to get in tough with related department in order to better assist you. Do not forget to describe the issue adding as much info as you can.
-
-
-
AuthorPosts
- You must be logged in to reply to this topic.