Templates Camgirl.Cloud Forums Download OBS Overlays OBS overlay – Animated Bottom Bar

Viewing 0 reply threads
  • Author
    Posts
    • #62811
       CGC

      OBS cover

      This OBS overlay shows a sticky bar at the very bottom of the screen with Model’s Name, animated editable text and current date.
      Model’s image from the left bottom corner is animated with help of CSS3 markup.
      With a delay, 3 additional boxes show up behind the sticky bar.
      Premium Username (editable text and crown icon), Twitter username (editable text and Twitter icon) and Email address used for those who want to send you gift cards.
      The email address can not be scrapped by bots because it is not an interactive, copy/paste element.

      OBS overlay type: browser
      Source: local
      Coded: HTML, CSS, Javascript
      Resources: images, font, .tif file (editable Photoshop file)
      bbtnfor

      Author notes:
      – the overlay is not interactive, it is not triggered by tips.
      – all editing process is made via source code
      – all resources run locally from your device (desktop/laptop)
      – the overlay is triggered manually by the model
      – to display the current date we’ve used a piece of javascript
      – to disable a certain element, use the precoded class none added to a HTML element
      – both the CSS and HTML markup is commented to make it easier for you to edit

      Install instructions and full documentation along with all necessary resources provided inside the downloaded file

      Download source code

Viewing 0 reply threads
  • You must be logged in to reply to this topic.