LIVE PREVIEWBUY FOR $7

Description

Tremendous Sidebar is a extremely customizable sticky social facet menu. It comes with loads of choices that enable it a large variety of completely different attainable configurations whereas nonetheless remaining light-weight and simple to work with.

Listed here are a number of the vital options of the sidebar:

  • It comes with over 70 default buttons. + Assist so as to add new customized buttons.
  • It comes with 28 default share companies. + Assist so as to add new share companies.
  • The buttons can have a number of capabilities:
    • Share: Open the share window for the required service.
    • Hyperlink: Opens the given hyperlink.
    • Mailto: Opens the mailto window.
    • Print: Opens the web page print dialog.
    • Window: Opens an overlay window with customized content material.
    • Subbar: Opens a sub record of buttons.
  • It has assist for Font Awesome which has over 1500 icons obtainable that can be utilized on buttons and customised with CSS. + Assist for customized picture icons.
  • It has assist for home windows with customized content material that open as overlays on the web page.
  • The buttons will be grouped in subbars that open on mouseover or on click on.
  • It makes use of Velocity which makes the animations quick and environment friendly.
  • It has over 50 settings obtainable that can be utilized to customise it in numerous methods.
  • The buttons and labels can have 4 completely different shapes: sq., spherical, rounded, rounded-out.
  • The button labels have 7 animation results: fade, slide-out, slide-out-fade, slide-in, slide-out-out, slide-in-in, none.
  • The buttons will be linked to or separated from each other. The button labels will be linked to or separated from the buttons.
  • The colours for every of the next will be managed individually: button, button over, button icon, button icon over, label, label textual content, window header.
  • Alongside the default colour choices, customized colours for every of the above will be set from the CSS code permitting for distinctive customizations.
  • The subbar can have 3 completely different positions: underneath, facet and round.
  • The subbar buttons have 5 animation results: fade, linear-fade, slide, linear-slide, none.
  • It may be positioned on the left or proper facet of the web page.
  • It may be set to show solely after the web page has scrolled past a sure place.
  • It may be set to mechanically conceal if the browser window is underneath a sure width.
  • The properties of all of the animations will be personalized.
  • Many different choices and options.
  • Continued assist and updates.

Take a look over the preview page to see the instance templates, default buttons and obtainable settings.

That is the jQuery plugin model of the sidebar. A WordPress plugin model can also be obtainable on the following hyperlink: Super Sidebar for WordPress.

Updates

3.1.0 (11 November 2019):

  • Added 2 new settings referred to as “shareUrl” and “shareTitle” to have the ability to specify a customized web page URL and/or a customized web page title for use within the share window as an alternative of the present web page URL and present web page title, in case the place this performance is required.

3.0.0 (14 August 2019):

  • As a result of the modifications have been so massive on this model, added an “Archive” folder with the sidebar 2.2 model, for those who don’t wish to improve however nonetheless need entry to the previous recordsdata.
  • Rewrote the plugin JS code to be clearer, extra environment friendly and simpler extendable.

    Added feedback all through as nicely.
  • Up to date “Font Superior” from model 4 to the most recent model 5.

    This new model has loads of variations and most of the button icon class names have been up to date now.
  • Up to date the included jQuery file to the newest model in addition to the hyperlinks to the CDN model.
  • Up to date the default share companies:
    • Added new companies: Google Bookmarks, Evernote, Hacker Information, Digg, Flipboard, Instapaper, Diaspora, QZone, OKru, Douban, Renren, Line, E-mail.
    • Modified the Pinterest share performance: Not hundreds the Pinterest JS file with customized behaviour, as an alternative makes use of the brand new Pinterest share URL.
    • Eliminated the next companies, as they not provide share assist: Google+, MySpace, StumbleUpon, WhatsApp, Messenger.
  • Up to date the default buttons:
    • Added new buttons: Discord, Kickstarter, Patreon, Etsy, Snapchat, Bitcoin, Periscope, Android, Uber, Airbnb, iTunes, Audible, QQ, GoodReads, eBay, BandCamp, Google Drive, Google Play, E-mail.
    • Eliminated buttons: Google+, StumbleUpon, WhatsApp, Messenger, Vine.
  • Moved the CSS and JS supply recordsdata subsequent to minified recordsdata in order that it’s simpler to work with them.
  • Added a “Changelog.txt” file and moved right here the model modifications that have been beforehand listed within the “Readme.txt” file.
  • Modified the “customized” setting colour worth to “default”.
  • Modified the “labelsOn” setting title to “labelEnabled”.
  • Added a brand new possibility referred to as “windowDraggable” to make home windows draggable by the header.
  • For the “shareServices” setting entries:
    • Renamed the next properties:
      • “goal” to “kind”.
      • “popup” to “window”.
    • Added a brand new kind referred to as “file”, to have the ability to specify a JS file to be loaded, with customized share performance (just like the previously used Pinterest JS file).
    • For the “window.left” property, modified the “heart” accepted worth to “{CENTER}”.
    • Added “{CENTER}” as an accepted worth for the “window.prime” property as nicely.
  • Modified home windows id prefix from “sidebar-” to “super-sidebar-”.
  • Modified the buttons class prefix from “sb-” to “sb-b-” (ex: “sb-facebook” to “sb-b-facebook”).
  • Added the “sb-subbar” class to the “ul” of subbars.
  • Modified the nuance of the blue colour setting.
  • Modified the default sub impact to “linear-slide” and 40 ms.
  • Reordered the templates.
  • Up to date the information look.
  • Different small modifications and enhancements.

2.2.0 (29 March 2019):

  • Added a brand new setting referred to as “animateEngine” to have the ability to management which engine is used for animations, both “velocity” (default, smoother animations) or “jQuery”.

    If utilizing the jQuery possibility, it’s not essential to load the “velocity.min.js” file on the web page.

2.1.0 (02 March 2018):

  • Added a brand new setting referred to as “subOpen” to manage if subbars are opened on mouseover or on click on.
  • Mounted an issue that was inflicting the previous title of the setting “hideUnderWidth” for use, referred to as “hideUnder”, as an alternative of the brand new title. Maintained backward compatibility for the previous title.

2.0.0 (17 August 2017):

  • Added assist for share buttons. Now it’s attainable to make use of buttons that can share the web page on completely different companies.

    Included by default are 20 share companies and their respective buttons. It is usually attainable to dynamically add any variety of different companies by way of the settings.
  • Added a brand new setting referred to as “shareServices” to have the ability to management the settings of the present share companies or add new ones.
  • Added a brand new setting referred to as “shareTarget” to specify how the share window is opened.
  • Added assist for Font Superior. Now there are tons of of icons simply obtainable and customizable by way of CSS.

    Assist for customized picture icons nonetheless stays.
  • Added many new buttons. Now there are over 50 default buttons obtainable.

    Utilizing the present examples, it’s attainable so as to add any variety of different buttons although the HTML/CSS code.
  • Added 2 new buttons with particular capabilities: mailto and print.
  • Added a brand new setting referred to as “hideUnderWidth” to specify if the sidebar needs to be hidden when the browser window is underneath a sure width.
  • Added a brand new setting referred to as “showAfterPosition” to specify if the sidebar needs to be displayed solely after the web page has been scrolled past a sure level.
  • Added a brand new settings referred to as “barAnimate” to specify the animate parameters of the bar with buttons.
  • Mounted a problem that was inflicting the subbars to not be positioned correctly in some circumstances.
  • Mounted a problem that was inflicting the buttons above a subbar to not transfer correctly in some circumstances.
  • Mounted a problem that was inflicting the labels to not show correctly when having a number of spaced phrases.
  • Renamed the “labelAnim” setting to “labelAnimate”. Added backward compatibility assist for the previous title.
  • Renamed the “subAnim” setting to “subAnimate”. Added backward compatibility assist for the previous title.
  • Renamed the “colour” setting to “buttonColor”. Added backward compatibility assist for the previous title.
  • Renamed the “overColor” setting to “buttonOverColor”. Added backward compatibility assist for the previous title.
  • Renamed the “form” setting to “buttonShape”. Added backward compatibility assist for the previous title.
  • Added a brand new setting referred to as “iconColor” to specify the colour of the button icon.
  • Added a brand new setting referred to as “iconOverColor” to specify the colour of the button icon on mouseover.
  • Added a brand new setting referred to as “labelColor” to have the ability to specify the colour of the button label unbiased of the button colour.
  • Added a brand new setting referred to as “labelTextColor” to have the ability to specify the colour of the button label textual content unbiased of the button icon colour.
  • Added 2 new default colours: “inexperienced” and “white”.
  • Renamed the “default” colour property worth to “customized”. Added backward compatibility assist for the previous title.
  • Added assist for the button icon colour to be managed from the CSS code.
  • Up to date the templates.
  • Added new template recordsdata that comprise completely different markup code.
  • Added a brand new Readme file within the “Predominant” folder that explains what the completely different templates are and offers fundamental directions.
  • Added 4 default window sizes.
  • Added “data-position” and “data-offset” settings to the window panel ingredient to have the ability to set the place of every window individually aside from the overall settings.
  • Turned the window shadow on by default.
  • Changed the “RSS” window with the “About us” window.
  • Renamed the “img” folder to “pictures”.
  • Mounted a problem that was inflicting the subbar to not present correctly on fast mouseover after mouseout, for linear results.
  • Mounted a problem that was inflicting the subbar to not shut correctly, for linear results, when the cummulative interval time was increased than the animation time.
  • For subbar linear results, moved the interval from the “subAnimate” setting to the “subEffect” setting.
  • Made enhancements to the shape performance.
  • Moved the shape standing messages to the settings. Default messages are used if no personalized messages are equipped.
  • Added a brand new setting referred to as “formData” the place you possibly can specify information to be handed to the shape. This contains standing messages and information to be despatched to the processing file on submit.
  • Improved the code of the contact and publication PHP recordsdata.
  • Added type assist for response/error messages from AJAX and the processing file.
  • Eliminated the “mailTo” setting. The emails for the varieties can now be set within the respective PHP recordsdata.
  • The CSS file is now minified by default. The unminified model is offered within the “Sources” folder.
  • Added model numbering.
  • Up to date the information.
  • Up to date the primary Readme file.
  • Up to date jQuery to the newest model.
  • Up to date Velocity to the newest model.
  • A sequence of different small modifications and enhancements.

1.0.0 (5 February 2017):

  • Launched.


Source