tag:blogger.com,1999:blog-73802743564583151732011-10-03T09:16:17.033-07:00Tomhttp://www.blogger.com/profile/04333143633283151145noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-7380274356458315173.post-27597233872361774042011-01-05T15:17:00.000-08:002011-01-05T15:17:08.063-08:00<div style="color: #40454b; font-family: Verdana; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 7px; padding-left: 0px; padding-right: 0px; padding-top: 7px;"><a href="http://manos.malihu.gr/jquery-custom-content-scroller" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #3366cc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank" title="Custom Scrollbar Plugin">Custom scrollbar plugin</a>&nbsp;utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.</div><div style="color: #40454b; font-family: Verdana; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 7px; padding-left: 0px; padding-right: 0px; padding-top: 7px;">You simply need to include jquery.min.js and jquery-ui.min.js, the jquery.easing.1.3.js (the plugin that handles animation easing), jquery.mousewheel.min.js (to support mouse-wheel functionality) and the jquery.mCustomScrollbar.css which is the file where you can style your content and scrollbars.</div><div style="color: #40454b; font-family: Verdana; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 7px; padding-left: 0px; padding-right: 0px; padding-top: 7px;"><span class="Apple-style-span" style="line-height: 16px;"></span></div><div style="font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 7px; padding-left: 0px; padding-right: 0px; padding-top: 7px; text-align: center;"><a href="http://manos.malihu.gr/jquery-custom-content-scroller" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #3366cc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank" title="Custom Scrollbar Plugin"><img alt="custom-scrollbar" class="size-full wp-image-4004 aligncenter" height="221" src="http://maxcdn.webappers.com/img/2010/12/custom-scrollbar.png" style="border-bottom-color: rgb(239, 239, 239); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(239, 239, 239); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(239, 239, 239); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(239, 239, 239); border-top-style: solid; border-top-width: 1px; border-width: initial; margin-bottom: 0px; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px;" title="custom-scrollbar" width="480" /></a></div><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f7f7f7; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(239, 239, 239); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(239, 239, 239); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(239, 239, 239); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(239, 239, 239); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; padding-top: 3px;"><div style="font-size: 11px; line-height: 15px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px;">Requirements: jQuery Framework<br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Demo:&nbsp;<a href="http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html" rel="nofollow" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #3366cc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank" title="demo">http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html</a><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />License: License Free</div></blockquote><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7380274356458315173-2759723387236177404?l=webgets.blogspot.com' alt='' /></div>Tomhttp://www.blogger.com/profile/04333143633283151145noreply@blogger.com0