Add floating bottom bar to Chaturbate
| | |

Code Snippet #1 – Add Floating bottom bar Chaturbate

Today’s code snippet is bottom floating bar for Chaturbate platform.

Floating Icons bottom version 2
Floating Icons bottom version 2

I know, I know it’s already a trend to do a lot of tweaking on Chaturbate profile page , “trinkets, bells and whistles” and that’s the beauty of it, you can.

When done the right way, can be helpful and visually appealing.

So, floating bottom bar… well, I don’t know why “floating” is the expression used for this because the element is not floating but it is fixed, a common mistake or poor choice of words.

Anyway, at the end of this post there’s a button with some demos I’ve already created. Get some inspiration.

Because it is a basic and simple code snippet I’ve decided not to use graphics but I did added a few visual enhancements and demo link.

Using these as backbone for your future projects you can add a bunch of social icons in the left side and your logo (branding) in the right side (or not), its up to you.

<font style="dispay:block;width:100%;height:auto;box-sizing:border-box;padding:.7em 0em .7em;text-align:center;position:fixed;bottom:0;left:0;z-index:1000;background-color:rgba(0,0,0,0.70);font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; line-height: normal;"><p style="display:block;width:90%;height:auto;margin:0 auto;text-align:center;font-size:1.5rem;color:#f1f1f1;box-sizing:border-box;font-weight:100;text-transform:uppercase;text-shadow:0 0 5px #000;">Get your <b>Astonishing</b> profile designs for <b>Chaturbate</b>. <b><a href="https://design-xpro.com/product/tailored-custom-design-tier1/" style="color:#6FC;text-decoration:none;letter-spacing:3px;margin-left:10px;">Click NOW</a></b><em style="display:block;width:90%;height:auto;margin:0 auto;text-align:center;font-size:10px;text-transfrom:uppercase;font-weight:500;opacity:.7;font-style:normal;">Unique concept, money making designs for your page </em></p></font>

As you can see from the markup above the entire content is inside <font> tag which acts as a parent.

<font> is one of the HTML tags accepted by Chaturbate platform so it is safe to use even if you already have some customization installed on your Chaturbate page.

Install process. Simple and straightforward, edit content of the markup, test it and install it on your About Me or Wish List box. That’s it.

Have questions, suggestions or feedback? You know how to reach out. I’m also doing astonishing designs for Camgirl.Cloud, Camgirl Live Editor tool is one feature you’ll love. 🙂 Keep in touch

Similar Posts

Leave a Reply

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