Super Sidebar is a beautiful, powerful, customizable, easy to use sticky social sidebar. It comes with a lot of options that allow it a wide number of different possible configurations while still remaining lightweight and easy to work with.
Here are some of the important features of the sidebar:
- It can be positioned either on the left or right sides and vertically on top, center or bottom. Additionally, it can be positioned at exact values or at percentage values.
- The buttons and the labels can have 4 different shapes: square, round, rounded and rounded out.
- The labels can have 7 different appearance animation effects, or the effect can be turned off.
- It comes with 5 different available colors: default, black, blue, red, yellow. Additionally, any color can be added through the CSS file.
- The colors can be set for mouseover as well so that the buttons and labels change color on mouseover.
- Visually, the label can either be separated from the button or connected to it, as to appear as an extension of the button.
- The button labels can be turned on or off.
- There are settings to have spaces on the side, between buttons or between the label and the button.
- It can have subbars that open when mousing over a button.
- The subbar can have 3 different positions: under, on the side, or circular, to have the buttons be displayed in a circle.
- The subbar also comes with 4 different animation effects either animating the whole bar or each button individually.
- It is possible for the buttons to open pop-up windows that can have different content.
- There are 3 built-in windows that the sidebar comes with and other windows can be custom built following the existing examples.
- The windows can also be dynamically positioned, using keywords, exact values or percentage values.
- The sidebar comes with 14 built-in social buttons (Facebook, Twitter, Google+, LinkedIn, Dribbble, Pinterest, Instagram, Behance, Flickr, Twitch, Vimeo, Youtube, Github, Tumblr) and 3 window buttons (Contact, Newsletter, RSS). Other buttons can be added following the existing examples and the instructions in the guide.
- Continued support and updates.
But enough talk, have a look over the preview for yourself.
Future updates and developments will be listed here and the files will be free for anyone who has purchased the sidebar at any time.2.0 (17 August 2017):
Added support for share buttons. Now it is possible to use buttons that will share the page on different services.
Included by default are 20 share services and their respective buttons. It is also possible to dynamically add any number of other services through the settings.
- Added a new setting called “shareServices” to be able to control the settings of the existing share services or add new ones.
- Added a new setting called “shareTarget” to specify how the share window is opened.
Added support for Font Awesome. Now there are hundreds of icons easily available and customizable through CSS.
Support for custom image icons still remains.
Added many new buttons. Now there are over 50 default buttons available.
Using the existing examples, it is possible to add any number of other buttons though the HTML/CSS code.
- Added 2 new buttons with special functions: mailto and print.
- Added a new setting called “hideUnderWidth” to specify if the sidebar should be hidden when the browser window is under a certain width.
- Added a new setting called “showAfterPosition” to specify if the sidebar should be displayed only after the page has been scrolled beyond a certain point.
- Added a new settings called “barAnimate” to specify the animate parameters of the bar with buttons.
- Fixed an issue that was causing the subbars not to be positioned properly in some cases.
- Fixed an issue that was causing the buttons above a subbar not to move properly in some cases.
- Fixed an issue that was causing the labels not to display properly when having multiple spaced words.
- Renamed the “labelAnim” setting to “labelAnimate”. Added backward compatibility support for the former name.
- Renamed the “subAnim” setting to “subAnimate”. Added backward compatibility support for the former name.
- Renamed the “color” setting to “buttonColor”. Added backward compatibility support for the former name.
- Renamed the “overColor” setting to “buttonOverColor”. Added backward compatibility support for the former name.
- Renamed the “shape” setting to “buttonShape”. Added backward compatibility support for the former name.
- Added a new setting called “iconColor” to specify the color of the button icon.
- Added a new setting called “iconOverColor” to specify the color of the button icon on mouseover.
- Added a new setting called “labelColor” to be able to specify the color of the button label independent of the button color.
- Added a new setting called “labelTextColor” to be able to specify the color of the button label text independent of the button icon color.
- Added 2 new default colors: “green” and “white”.
- Renamed the “default” color property value to “custom”. Added backward compatibility support for the former name.
- Added support for the button icon color to be controlled from the CSS code.
- Updated the templates.
- Added new template files that contain different markup code.
- Added a new Readme file in the “Main” folder that explains what the different templates are and gives basic instructions.
- Added 4 default window sizes.
- Added “data-position” and “data-offset” settings to the window panel element to be able to set the position of each window individually apart from the general settings.
- Turned the window shadow on by default.
- Replaced the “RSS” window with the “About us” window.
- Renamed the “img” folder to “images”.
- Fixed an issue that was causing the subbar not to show properly on quick mouseover after mouseout, for linear effects.
- Fixed an issue that was causing the subbar not to close properly, for linear effects, when the cummulative interval time was higher than the animation time.
- For subbar linear effects, moved the interval from the “subAnimate” setting to the “subEffect” setting.
- Made improvements to the form functionality.
- Moved the form status messages to the settings. Default messages are used if no customized messages are supplied.
- Added a new setting called “formData” where you can specify data to be passed to the form. This includes status messages and data to be sent to the processing file on submit.
- Improved the code of the contact and newsletter PHP files.
- Added form support for response/error messages from AJAX and the processing file.
- Removed the “mailTo” setting. The emails for the forms can now be set in the respective PHP files.
- The CSS file is now minified by default. The unminified version is available in the “Sources” folder.
- Added version numbering.
- Updated the guide.
- Updated the main Readme file.
- Updated jQuery to the latest version.
- Updated Velocity to the latest version.
- A series of other small modifications and improvements.