|

What does this button do

If you’re not familiar with Dexter’s sister Dee Dee (cartoon Dexter’s Laboratory) than the headline has no meaning to you.

Set – Floating Icons – Design-xpro.com

Set of Floating icons for Chaturbate

Learn how to add custom floating icons to your Chaturbate profile page

See the markup, how it works, how can you add it and how to change it to look awesome.

Things to know:

All images must be uploaded / hosted online.

All links must be added between double quotes so when an icon is clicked user is redirected to another web address.

Markup code:

Replace image URL path with your favorite ones

Add your links between double quotes

Make sure your markup have all tags properly closed

Copy the markup code and paste it on your About Me box

<li style="display:block;width:40px;height:auto;position:fixed;top:166px;left:0;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>

Troubleshooting:

Code shows as plain text after adding the code on About Me box and save.
– make sure your account is fully verified (check out this topic)

Links do nothing when click on icons
– make sure your links start with https:// and the URL is placed between double quotes
– look at your code again, check if all tags are closed

Change icons, add or remove
– delete – if you are using the editor tool, simply click the [x] red button to delete selected icon
– replace – using the editor tool, select the icon and from right properties panel add another image
– duplicate – using the editor tool, select an icon and from right Properties panel click the blue button to duplicate

No coding skills, no additional hosting

Camgirl Live Editor tool for webcam performers

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

7 Comments

  1. Helped a lot. I’m doing a chatterbate design for a friend and used your code. works great. I know you’ve helped a lot of us on ambercutie’s forum. You’re the best man. Thank you!

  2. Hi Dan, thanks for your codes. I’ve seen the demo page. but i don’t know where to upload icons. I want my Twitter, TikTok, Instagram and OF icons, no banner. Can you point me to a free site to upload those? Your help is appreciated.

    1. @Bunny_
      the best website to host your own graphics is your own because you have total control over what you use but I can also suggest a couple of free image hosting services. Please keep in mind that not all image hosting services are adult-friendly so… Have you tried postimages.org (non adult stuff) , imgur.com or pixxxels.cc (adult friendly) .
      Once you have your graphics uploaded online, grab the full direct URL path and change the default images. Don’t forget to add your related URLs — replace the # between double quotes and you’re good to go.
      Good luck

      @polish jack
      Let me know how it turns out. yes I’m a bit curious 🙂

    1. @mark ravens
      Yup sure, faster indeed… purpose of the post is to understand the code a bit rather than simply copy/paste a markup. But yea… there are stuff to explore…