CSS HTML jQuery

JQuery Sidebar Plugin for bloggers

      This is small and simple sidebar plugin made with HTML,CSS and JQuery.which can be used for many purposes like for ‘Follow me’ link, ‘contact us’ page, or anything you want.It positions itself at Left/Right side of the page, this can be configured easily with config option “position”. You can modify its look and feel by making change in style/style.css file

View DemoDownload Source


 

 

Implimentation
    • 1) Include javascript and stylesheet
    • 2) Activate Plugin
    • 3) More Configuration Options
Option Description
text This text will be shown on sidebar.
size This is a dynamic configuration option its behavious is dependant on position propery.
Ex : If position is set to left/right then size option becomes width of Sidebar. and if its set to bottom/top then it becomes height of sidebar.
length This is again a dynamic configuration option its behavious is dependant on position propery.
Ex : If position is set to left/right then length option becomes height of Sidebar. and if its set to bottom/top then it becomes width of sidebar.
position Position of sidebar 

  • left – Position sidebar to the Left of screen
  • right – Position sidebar to the Right of screen
  • top – Position sidebar to the Top of screen
  • bottom – Position sidebar to the Bottom of screen
fadding Initial fading of sidebar (ranges from 0.1 to 1.0)
openURL Set url which will get opened when user click on sidebar
img This option is in development and will publish soon
  • 4) And you are ready to go…!
Comments and suggestions are always welcome, your suggestions will help make this script more useful.so if you have suggestion do contact me at amitpatil 321 (at) gmail.com or follow me on twitter
If you like this plugin then please support it

 

  1. Rate it on http://plugins.jquery.com/project/jquery-Sidebar-plugin
  2. If you are using this plugin then please let me know and send your page url so i can publish it over here on this page

 

11 Comments

Leave a Comment

*

Notify me of followup comments via e-mail. You can also subscribe without commenting.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Shares

Let your friends know what are you reading

Share this post with your friends!