Tag: floating

  • Sticky Header on Scroll for WordPress (Interface Parts)

    Sticky Header on Scroll for WordPress (Interface Parts)

    Sticky Header on Scroll WordPress Plugin
    Sticky Header on Scroll WordPress Plugin
    Quick facts about Bonfire Themes

    Sticky Header on Scroll is a super easy way to add a slide-down header to your site that appears only when the user scrolls down. This modern navigation method is becoming wildly popular, and now you can add it to your site without having to switch themes or alter your current theme in any way.

    Simply install the plugin and your WordPress site will immediately have a floating ‘scroll down header’ complete with menu and logo positions, share buttons on posts etc.

    Sticky Header on Scroll is fully responsive, ensuring a comfortable browsing experience on all devices and screen sizes. And thanks to the flexibility of the included customization options, you can make sure the sticky header fits well into any theme.

    Please be sure to visit the demo site here to see a live example of Sticky Header on Scroll.

    Features

    • Header:
      • Appears after user scrolls down
      • Customize appearance distance
      • Change background color
      • Change background opacity
    • Dropdown menu:
      • Add custom button label (optional)
      • Customize all colors
      • Optionally hide
    • Logo:
      • Display as text or upload logo image
      • Customize logo size
      • Customize all colors
      • Optionally hide
    • Post title display:
      • Customize all colors
      • Displayed on blog posts
      • Optionally hide
    • Share buttons:
      • Displayed on blog posts
    • ‘Next post’ button:
      • Customize all colors
      • Displayed on blog posts
      • Optionally hide
    • Misc:
      • Optionally display the floating header at specified resolutions only (useful if you’d like to show it desktop but hide on mobile)
      • Live Customizer integration (make changes and preview them in real-time)
      • Fully responsive from desktop all the way down to mobile screens
      • Clean and well-marked code
      • Thoroughly tried and tested across a range of devices
      • Proven author with fast and friendly support
      • Lifetime free updates
      • Jargon-free documentation
  • My Time Keeper (Calendars)

    My Time Keeper (Calendars)

    “My Time Keeper” :: 3 plugins in 1 bundle

    You can add in your every post / page –

    • Event Countdown
    • Stop-watch
    • Convert your page/post to Time & Event Controlled Quiz / Exam / Practice Sheet etc.

    Actions:

    • Stop Watch
    • Timer Keeper
    • Event Count Down

    Features:

    • Control Buttons
    • Floating Control Panel

    • Hook with Form
    • On Expire, Click Link/Image
    • Sound Notification

    <iframe style=”” width=”840” height=”600” src=”https://www.youtube.com/embed/-y-_rSZh8AU” frameborder=”0” allowfullscreen></iframe>

    Stop Watch

    To enable a stop-watch (which count from Zero (0) to upwards) set stopwatch=”1”. If you enable, Stop-watch then Time-keeper and Event Count-down feature will be disabled.

    • If you set time=”0”, then Stop-watch will count until you press Pause/Stop button.
    • If you set time, then it will stop after given time. time can be in these formates – “hh:mm:ss” or “m:ss” or “seconds”
    • If you want to autoplay the stop-watch after page load, set autoplay=”1”
    • You can set delay time of autoplay in milli-seconds, set autoplay_wait=”1000”
    • After time-out, you can
      • hookup with a form by putting the form class-name/id like – hook=”.search-submit”
      • perform click event on link/image/form/object by putting the class-name/id – linked=”#click-a-link”
      • redirect the user to a specific URL – redirect=”https://www.kernelbd.com/blog/”
    • You can restrict a user to access the counter by setting attempt parameter. Let say a post-timer can be accessed by a user for 10 times within 48 hours. So do this – attempt=”10” cookie_hour=”48”

    Event Count Down

    Time Keeper

    To make a post time keeper (time based reading / quiz / exam / practice sheet etc.), you need to set stopwatch=”0”, when=”0” and until=”0”. Then time will be count in downwards.

    • You need set value for time, eg,time=”03:15”, then Stop-watch will count until time reaches to 0 seconds. Time formates – “hh:mm:ss” or “m:ss” or “seconds”
    • If you want to autoplay the time-keeper after page load, set autoplay=”1”
    • You can set delay time of autoplay in milli-seconds, set autoplay_wait=”1000”
    • After time-out, you can
      • hookup with a form by putting the form class-name/id like – hook=”.search-submit”
      • perform click event on link/image/form/object by putting the class-name/id – linked=”#click-a-link”
      • redirect the user to a specific URL – redirect=”https://www.kernelbd.com/blog/”
    • You can restrict a user to access the counter by setting attempt parameter. Let say a post-timer can be accessed by a user for 10 times within 48 hours. So do this – attempt=”10” cookie_hour=”48”

    Time Keeper

    Event Count Down

    Event Count Down can count towards a specific date until and can set future start date by when. To activate Event Count Down, set stopwatch=”0” and time=”0”
    when=”2017-04-25” and until=”2017-05-01 23:59:59”.

    • You need set values stopwatch=”0”, time=”0” and set value for when and until. Time formates for both of them are – “yy-mm-dd HH:mm:ss” or “yy-mm-dd HH:mm” or “yy-mm-dd”
    • If you want to autoplay the time-keeper after page load, set autoplay=”1”
    • You can set delay time of autoplay in milli-seconds, set autoplay_wait=”1000”
    • After time-out, you can
      • hookup with a form by putting the form class-name/id like – hook=”.search-submit”
      • perform click event on link/image/form/object by putting the class-name/id – linked=”#click-a-link”
      • redirect the user to a specific URL – redirect=”https://www.kernelbd.com/blog/”
    • You can restrict a user to access the counter by setting attempt parameter. Let say a post-timer can be accessed by a user for 10 times within 48 hours. So do this – attempt=”10” cookie_hour=”48”

    Event Count Down

  • WordPress Flying Popups (Miscellaneous)

    WordPress Flying Popups (Miscellaneous)

    WordPress Flying Popups plugin is based on my jQuery Flying Popup script, which allows to show flying popup with absolutely any HTML/image/Flash content inside, whether you show important info for your users, promo or banner with ad – it’s up to you.

    Check a demo website, feel free to play with the plugin.
    http://netkevin.com/wordpress/wp-admin/
    Admin credentials: demo / demo

    Manage multiple popups on your website

    Create popups, just as any other content on your WordPress website.
    You can create multiple popups, decide where and when to show them, attach multiple popups to links on your page etc.
    Popup visibility settings are as follow:

    • show on any page on a website
    • show on homepage only
    • show on selected pages/posts
    • insert popup trigger link directly in post content (using shortcodes)

    Customization

    Popups are customized, just as the jQuery script allows (cookie based visibility, speed, position, fly direction, selfclose etc.)

    Predefined templates

    There are some popup templates you can use. Also you can easily add new ones and those will be available for you to create.

  • Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar for WordPress makes your existing sidebars sticky and permanently visible, regardless of their position and how much the user has scrolled down.
    It’s compatible with virtually any WordPress theme, and works out-of-the-box for most of them.
    For the rest, there’s a user-friendly admin page where you can tweak it to perfectly fit your theme.

    Features

    • Makes your sidebars permanently visible.
    • No more empty white-scroll on scroll.
    • Compatible with virtually any WordPress theme.
    • Works with responsive themes.
    • Works with your existing sidebars and widgets.
    • Degrades gracefully for visitors without JavaScript.
    • Receive support and free upgrades.

    Includes

    • High-quality code complete with comments.
    • Complete documentation for installing and configuring the plugin.

    Changelog

    • 1.1.0 – 2013-11-07

      • Greatly improved sticky sidebar behaviour when scrolling up and down.
    • 1.0.4 – 2013-11-01

      • Added support for the “Twenty Thirteen” theme.
    • 1.0.3 – 2013-08-03

      • Added “minWidth” option – useful for responsive themes.
    • 1.0.2 – 2013-07-16

      • Improved theme and browser compatibility.
    • 1.0.1 – 2013-07-13

      • Improved theme compatibility.
    • 1.0.0 – 2013-07-09

      • Initial release.
  • Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar for WordPress makes your existing sidebars sticky and permanently visible, regardless of their position and how much the user has scrolled down.
    It’s compatible with virtually any WordPress theme, and works out-of-the-box for most of them.
    For the rest, there’s a user-friendly admin page where you can tweak it to perfectly fit your theme.

    Features

    • Makes your sidebars permanently visible.
    • No more empty white-scroll on scroll.
    • Compatible with virtually any WordPress theme.
    • Works with responsive themes.
    • Works with your existing sidebars and widgets.
    • Degrades gracefully for visitors without JavaScript.
    • Receive support and free upgrades.

    Includes

    • High-quality code complete with comments.
    • Complete documentation for installing and configuring the plugin.

    Changelog

    • 1.1.0 – 2013-11-07

      • Greatly improved sticky sidebar behaviour when scrolling up and down.
    • 1.0.4 – 2013-11-01

      • Added support for the “Twenty Thirteen” theme.
    • 1.0.3 – 2013-08-03

      • Added “minWidth” option – useful for responsive themes.
    • 1.0.2 – 2013-07-16

      • Improved theme and browser compatibility.
    • 1.0.1 – 2013-07-13

      • Improved theme compatibility.
    • 1.0.0 – 2013-07-09

      • Initial release.
  • Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar for WordPress makes your existing sidebars sticky and permanently visible, regardless of their position and how much the user has scrolled down.
    It’s compatible with virtually any WordPress theme, and works out-of-the-box for most of them.
    For the rest, there’s a user-friendly admin page where you can tweak it to perfectly fit your theme.

    Features

    • Makes your sidebars permanently visible.
    • No more empty white-scroll on scroll.
    • Compatible with virtually any WordPress theme.
    • Works with responsive themes.
    • Works with your existing sidebars and widgets.
    • Degrades gracefully for visitors without JavaScript.
    • Receive support and free upgrades.

    Includes

    • High-quality code complete with comments.
    • Complete documentation for installing and configuring the plugin.

    Changelog

    • 1.1.0 – 2013-11-07

      • Greatly improved sticky sidebar behaviour when scrolling up and down.
    • 1.0.4 – 2013-11-01

      • Added support for the “Twenty Thirteen” theme.
    • 1.0.3 – 2013-08-03

      • Added “minWidth” option – useful for responsive themes.
    • 1.0.2 – 2013-07-16

      • Improved theme and browser compatibility.
    • 1.0.1 – 2013-07-13

      • Improved theme compatibility.
    • 1.0.0 – 2013-07-09

      • Initial release.
  • Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar for WordPress makes your existing sidebars sticky and permanently visible, regardless of their position and how much the user has scrolled down.
    It’s compatible with virtually any WordPress theme, and works out-of-the-box for most of them.
    For the rest, there’s a user-friendly admin page where you can tweak it to perfectly fit your theme.

    Features

    • Makes your sidebars permanently visible.
    • No more empty white-scroll on scroll.
    • Compatible with virtually any WordPress theme.
    • Works with responsive themes.
    • Works with your existing sidebars and widgets.
    • Degrades gracefully for visitors without JavaScript.
    • Receive support and free upgrades.

    Includes

    • High-quality code complete with comments.
    • Complete documentation for installing and configuring the plugin.

    Changelog

    • 1.1.0 – 2013-11-07

      • Greatly improved sticky sidebar behaviour when scrolling up and down.
    • 1.0.4 – 2013-11-01

      • Added support for the “Twenty Thirteen” theme.
    • 1.0.3 – 2013-08-03

      • Added “minWidth” option – useful for responsive themes.
    • 1.0.2 – 2013-07-16

      • Improved theme and browser compatibility.
    • 1.0.1 – 2013-07-13

      • Improved theme compatibility.
    • 1.0.0 – 2013-07-09

      • Initial release.
  • Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar (Miscellaneous)

    Theia Sticky Sidebar for WordPress makes your existing sidebars sticky and permanently visible, regardless of their position and how much the user has scrolled down.
    It’s compatible with virtually any WordPress theme, and works out-of-the-box for most of them.
    For the rest, there’s a user-friendly admin page where you can tweak it to perfectly fit your theme.

    Features

    • Makes your sidebars permanently visible.
    • No more empty white-scroll on scroll.
    • Compatible with virtually any WordPress theme.
    • Works with responsive themes.
    • Works with your existing sidebars and widgets.
    • Degrades gracefully for visitors without JavaScript.
    • Receive support and free upgrades.

    Includes

    • High-quality code complete with comments.
    • Complete documentation for installing and configuring the plugin.

    Changelog

    • 1.1.0 – 2013-11-07

      • Greatly improved sticky sidebar behaviour when scrolling up and down.
    • 1.0.4 – 2013-11-01

      • Added support for the “Twenty Thirteen” theme.
    • 1.0.3 – 2013-08-03

      • Added “minWidth” option – useful for responsive themes.
    • 1.0.2 – 2013-07-16

      • Improved theme and browser compatibility.
    • 1.0.1 – 2013-07-13

      • Improved theme compatibility.
    • 1.0.0 – 2013-07-09

      • Initial release.