Description:
Easy to use the colorful CSS3 Scrollbar will look great on your website.
Features:
Pure CSS3
Supports Webkit Browsers, fallback to default scrollbar.
IOS and Android Compatible
Supports div, iframe, windows
27 Different Style.
Colorful Design
Description:
Easy to use the colorful CSS3 Scrollbar will look great on your website.
Features:
Pure CSS3
Supports Webkit Browsers, fallback to default scrollbar.
IOS and Android Compatible
Supports div, iframe, windows
27 Different Style.
Colorful Design
WordPress Advanced Page/Post/Taxonomy Scrollbar, Favicon and Scrollup is super flexible Page/Post/Taxonomy scrollbar and scrollup plugin with advance favicon option for all devices. By this plugin you can build your scrollbar & scrollup for all page or page wise (including Author/Search/404 pages), posts wise, custom posts wise, taxonomy wise(including categories/tags), custom taxonomy wise(including custom categories/tags) with live preview option.
WordPress Advanced Page/Post/Taxonomy Scrollbar, Favicon and Scrollup is super flexible Page/Post/Taxonomy scrollbar and scrollup plugin with advance favicon option for all devices. By this plugin you can build your scrollbar & scrollup for all page or page wise (including Author/Search/404 pages), posts wise, custom posts wise, taxonomy wise(including categories/tags), custom taxonomy wise(including custom categories/tags) with live preview option.
Hello scrollbar is a wordpress plugin, which can be used for creating scroll areas from any widgets you have! If your sidebar contains plenty widgets and you want to save some space – you will find this plugin extremely useful. The simpliest creation process doesn’t require any PHP/HTML/CSS knowledge. All you need to do is to drag and drop widgets and this great plugin will create scroll areas on your page automatically! Enjoy!
“Hello scrollbar” offers the easiest way to create scroll areas – Just 3 steps!
If you like this plugin or our support, don’t forget to give us 5 star rating!
Also, do not forget to share this plugin in social networks – help us make it better!
If you need some help or you have an issue, please follow these steps first:
DZS Scroller Gallery is the ultimate media gallery that you can use for showcasing your portfolio, photographs or even video shots. The gallery consists of thumbs layed out in a grid format that can have a description and link set on them. The link can also be a lightbox link so it can pop up a lightbox like ZoomBox 2 to launch images or videos.
For updating, disable and delete the previous version, and install the new downloaded one. Or just unpack the zip you get from the download and overwrite the previous folder from wp-content/plugins/
UPDATE 1.01 [ 07/03/2013 ]
DZS Scroller Gallery is the ultimate media gallery that you can use for showcasing your portfolio, photographs or even video shots. The gallery consists of thumbs layed out in a grid format that can have a description and link set on them. The link can also be a lightbox link so it can pop up a lightbox like ZoomBox 2 to launch images or videos.
For updating, disable and delete the previous version, and install the new downloaded one. Or just unpack the zip you get from the download and overwrite the previous folder from wp-content/plugins/
UPDATE 1.01 [ 07/03/2013 ]
Set distance, duration, easing, type, direction
Scroll HTML Elements (div, span, h1, h2, h3, h4, h5, h6, p, img, ul, ol, section, aside, etc)
Set the data options for the movement amount, direction, type, speed and easing.
<h3 class="scrollit" style="position:absolute; top:20%; left:5%;" data-scroll="0.5" data-duration="2600" data-easing="swing" data-type="top">Here is some text to scroll. </h3>
data-type=”top” – The data-type property is the style propety to apply the scroll to. Can be “top”, “bottom”, “margin-top” and “margin-bottom”. When scrolling by margin-top and margin-bottom set the scrollit element to a relative position.
data-scroll=”0.5” – The data-scroll property is the amount to scroll “0.5” is equal to 1/2 percent of the elements height per scroll.
data-direction=”up” – The data-direction property is direction to scroll when scrolling down the page. It can be “up” or “down”. If set to “up” the element will scroll up when scrolling down the page and down when scrolling up the page.
data-duration=”1000” – The data-duration property is speed of the scrolling if using as animation. “2000” is 2 seconds or 2000 milliseconds.
data-easing=”swing” – The data-easing property is the scroll animation easing. Can be any jquery easing “swing” is default. See http://jqueryui.com/resources/demos/effect/easing.html for all options.
no-animate – Using a CSS scroll instead of an animation scroll is as easy as adding the “no-animate” class to the scrollit element like so:
<h3 class="scrollit no-animate" style="position:absolute; top:20%; left:5%;" data-scroll="0.5" data-direction="up" data-duration="2000" data-type="top">Here is some text to scroll. </h3>
It is beneficial if you have some html experience to use this plugin. It requires you to add elements to the page and set positions and styles.
Set distance, duration, easing, type, direction
Scroll HTML Elements (div, span, h1, h2, h3, h4, h5, h6, p, img, ul, ol, section, aside, etc)
Set the data options for the movement amount, direction, type, speed and easing.
<h3 class="scrollit" style="position:absolute; top:20%; left:5%;" data-scroll="0.5" data-duration="2600" data-easing="swing" data-type="top">Here is some text to scroll. </h3>
data-type=”top” – The data-type property is the style propety to apply the scroll to. Can be “top”, “bottom”, “margin-top” and “margin-bottom”. When scrolling by margin-top and margin-bottom set the scrollit element to a relative position.
data-scroll=”0.5” – The data-scroll property is the amount to scroll “0.5” is equal to 1/2 percent of the elements height per scroll.
data-direction=”up” – The data-direction property is direction to scroll when scrolling down the page. It can be “up” or “down”. If set to “up” the element will scroll up when scrolling down the page and down when scrolling up the page.
data-duration=”1000” – The data-duration property is speed of the scrolling if using as animation. “2000” is 2 seconds or 2000 milliseconds.
data-easing=”swing” – The data-easing property is the scroll animation easing. Can be any jquery easing “swing” is default. See http://jqueryui.com/resources/demos/effect/easing.html for all options.
no-animate – Using a CSS scroll instead of an animation scroll is as easy as adding the “no-animate” class to the scrollit element like so:
<h3 class="scrollit no-animate" style="position:absolute; top:20%; left:5%;" data-scroll="0.5" data-direction="up" data-duration="2000" data-type="top">Here is some text to scroll. </h3>
It is beneficial if you have some html experience to use this plugin. It requires you to add elements to the page and set positions and styles.
Set distance, duration, easing, type, direction
Scroll HTML Elements (div, span, h1, h2, h3, h4, h5, h6, p, img, ul, ol, section, aside, etc)
Set the data options for the movement amount, direction, type, speed and easing.
<h3 class="scrollit" style="position:absolute; top:20%; left:5%;" data-scroll="0.5" data-duration="2600" data-easing="swing" data-type="top">Here is some text to scroll. </h3>
data-type=”top” – The data-type property is the style propety to apply the scroll to. Can be “top”, “bottom”, “margin-top” and “margin-bottom”. When scrolling by margin-top and margin-bottom set the scrollit element to a relative position.
data-scroll=”0.5” – The data-scroll property is the amount to scroll “0.5” is equal to 1/2 percent of the elements height per scroll.
data-direction=”up” – The data-direction property is direction to scroll when scrolling down the page. It can be “up” or “down”. If set to “up” the element will scroll up when scrolling down the page and down when scrolling up the page.
data-duration=”1000” – The data-duration property is speed of the scrolling if using as animation. “2000” is 2 seconds or 2000 milliseconds.
data-easing=”swing” – The data-easing property is the scroll animation easing. Can be any jquery easing “swing” is default. See http://jqueryui.com/resources/demos/effect/easing.html for all options.
no-animate – Using a CSS scroll instead of an animation scroll is as easy as adding the “no-animate” class to the scrollit element like so:
<h3 class="scrollit no-animate" style="position:absolute; top:20%; left:5%;" data-scroll="0.5" data-direction="up" data-duration="2000" data-type="top">Here is some text to scroll. </h3>
It is beneficial if you have some html experience to use this plugin. It requires you to add elements to the page and set positions and styles.
