Tag: animate

  • Scroll-It For wordpress – Scroll Web page Parts (Miscellaneous)

    Scroll-It For wordpress – Scroll Web page Parts (Miscellaneous)

    Scroll Any Element On The Page Up Or Down When The Page Scrolls.

    Set distance, duration, easing, type, direction

    Scroll HTML Elements (div, span, h1, h2, h3, h4, h5, h6, p, img, ul, ol, section, aside, etc)

    Options:

  • 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.

  • Scroll-It For WP – Scroll Web page Parts (Miscellaneous)

    Scroll-It For WP – Scroll Web page Parts (Miscellaneous)

    Scroll Any Element On The Page Up Or Down When The Page Scrolls.

    Set distance, duration, easing, type, direction

    Scroll HTML Elements (div, span, h1, h2, h3, h4, h5, h6, p, img, ul, ol, section, aside, etc)

    Options:

  • 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>

  • 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.

  • Industry Percent for Layered Popups (Add-ons)

    Industry Percent for Layered Popups (Add-ons)

    Business Pack is a set of pre-defined business multi-layer popups (10 pieces) for Layered Popups WordPress Plugin and Layered Popups Script. With this pack you can make your website more attractive, unique and effective. Use these popups as a start point for your creativity and build your own popups. It’s easy!

    IMPORTANT! Make sure you installed Layered Popups WordPress Plugin or Layered Popups Script.

    Package Content

    Business Pack contains 10 pre-defined multi-layer popups (files are named as business-01.txt, business-02.txt, etc.). Import them into your Layered Popups installation.

    Demo

    Please visit official Business Pack – Layered Popups demo page and check out 10 business popups.

    Installation

    1. Make sure you installed Layered Popups WordPress Plugin or Layered Popups Script.
    2. Go to WP dashboard or script admin area.
    3. Go to “Popups” page.
    4. Click “Import Popup” button and select desired popup file (files are named as business-01.txt, business-02.txt, etc.).
    5. Unblock newly imported popup.
    6. Enjoy!

    Credits

    1. Open Sans [font]
    2. The City from the Shard [image]
  • Christmas Percent for Layered Popups (Add-ons)

    Christmas Percent for Layered Popups (Add-ons)

    Christmas Pack is a set of pre-defined Christmas and New Year multi-layer popups (10 pieces) for Layered Popups WordPress Plugin and Layered Popups Script. With this pack you can make your website more attractive, festive and enjoyable. Use these popups as a start point for your creativity and build your own popups. It’s easy!

    IMPORTANT! Make sure you installed Layered Popups WordPress Plugin or Layered Popups Script.

    Package Content

    Christmas Pack contains 10 pre-defined multi-layer popups (files are named as xmas-01.txt, xmas-02.txt, etc.). Import them into your Layered Popups installation.

    Demo

    Please visit official Christmas Pack – Layered Popups demo page and check out 10 Christmas and New Year popups.

    Installation

    1. Make sure you installed Layered Popups WordPress Plugin or Layered Popups Script.
    2. Go to WP dashboard or script admin area.
    3. Go to “Popups” page.
    4. Click “Import Popup” button and select desired popup file (files are named as xmas-01.txt, xmas-02.txt, etc.).
    5. Unblock newly imported popup.
    6. Enjoy!

    Credits

    1. Silent Night Christmas Icons [icons]
    2. Christmas Icon Set [icons]
    3. Amaranth [font]
    4. Snow [image]
  • Tse Animation – Textual content and Picture Animation Maker (Utilities)

    Tse Animation – Textual content and Picture Animation Maker (Utilities)

    Visual tool to add the text and image animation effect on WordPress page/post. It is an advanced WordPress plugin that allows you to quickly and easily create html5/css3 animation without touching any code. In a few clicks you will have an animation effect.


    Features:

    • Create an animation without knowing any HTML ,PHP or Javascript
    • Works with all CSS3 Browsers, supports Chrome, FireFox, Safari, Opera and IE10 +.
    • Fully compatible with WordPress 3.3 or later
    • 4 types of layer – Text, image, solid and image Array layer
    • 3 types of attribute parameter setting for each layer – Style, Animation, and Event
    • Responsive layout
    • Text shadow support
    • 800+ Icons included in
    • Enable to insert sound
    • Text mask and Image mask for Image layer
    • Shortcode and Widget available
    • Help Html File included.

    please see the live preview.

  • Layered Popups (Interface Parts)

    Layered Popups (Interface Parts)

    Internet is full of boring popups. So, it’s a time to break this trend. That’s why I created “Layered Popups”. With this plugin you can realize your imagination and make unique multi-layers popup windows. You can create multiple layers with whatever-you-want content and add custom transitions/animations for each layer. You can embed AJAX-ed subscription form which works with autoresponders (MailChimp, AWeber, GetResponse, iContact, Campaign Monitor) and collect users’ names and e-mails. You can raise popup window on page load or show it on click event. You can make your website more attractive and pay users attention to certain stuff.

    This is WordPress plugin. For non-WordPress websites try Layered Popups – Standalone Script.

    Demo

    Please visit official Layered Popups demo page and check out demo popups. With “Layered Popups” plugin you can create your own popups. You are limited only by imagination. :-)

    Premium Packs
    Business Pack for Layered Popups
    Christmas Pack for Layered Popups

    Features

    • Unlimited number of popups: create as many popup as you wish.
    • Multiple layers: each popup can contain any number of layers.
    • Custom layer duration/animation: customize layer duration/animation with ease.
    • 600+ Google Fonts: use any of 600+ webfonts.
    • Subscription form: AJAX-ed name/e-mail subscription form.
    • Autoresponders supported: MailChimp, GetResponse, iContact, Campaign Monitor and AWeber (beta) supported.
    • Export/import feature: you can easily export popup settings from one website and import to another website.
    • On-page-load event handler: raise any popup on-page-load event.
    • Different popup per page, post, custom post type: assign different popup per page, post or custom post type.
    • Auto open delay: popup window might be opened with delay.
    • Display modes: you can display popups every time, once per session or only once.
    • Remember subscribed visitors: plugin set cookie on user machine to avoid repeated popups for subscribers.
    • On-click-event handler: show any popup on-click event.
    • CSV Export: list of subscribers can be exported as CSV-file to be used with any newsletter systems.
    • Set of predefined popups: use any of 11 predefined popups as a template for your work.
    • Design your own popups: it’s easy – check out video tutorial. :-)
    • Responsive design: popup window looks nice on small screen devices.
    • Realtime preview: edit popup/layers and view changes immediately.
    • Opt-in locker (optional): users must subscribe to close popup.
    • Shortcodes supported (experimental): add WP shortcodes into layer content.
    • Attach popups to menu items: it’s easy – check out video tutorial. :-)
    • Easy to install: install and activate the plugin as any other plugins.
    • Translation ready: plugin might be translated to any language.
    • WordPress Best Practices: no any alerts from Plugin Check and WP_DEBUG.

    Installation

    1. Install and activate the plugin. Once activated, it creates menu “Layered Popups” in left side column in the admin area.
    2. Click left side menu “Layered Popups >>> Settings” and configure “on-page-load” event handler if you need it.
    3. Click left side menu “Layered Popups >>> Create Popup”. Create and customize your popup and it’s layers. You also can use pre-defined popup as template for your modifications.
    4. Read FAQ section (“Layered Popups >>> FAQ”) to find answers for most common questions.
    5. Enjoy your popups.

    How to create new popup

    Please watch this video tutorial. It shows how to create new popups. http://www.youtube.com/watch?v=3RFgeTWAPDc

    Testimonials

    bernknecht:

    An incredible plugin. Phantastic. It works perfect and the settings are so comprehensive AND easy. Love it.

    marzenaslonko:

    Excellent plugin, great creative idea and 1st class support.

    coloradocc:

    Excellent idea. Really opens the door wide for creativity. Nice work!

    besuretr:

    What can I say, oh yes luv it, luv it, luv it!!! It’s an awesome plugin.

    colorit:

    Wooooow, is this great! Finally something really special here at the WP plugins!!! Very useful, very stylish, very flexible!

    jtorres_mora:

    This is the first layered animation POPUP I’ve seen in the market. Congratulations for this excelent WordPress useful file.

    hzscheyge:

    Very neat! Exactly what I was looking for ;).

    Support

    If you have problems regarding using the plugin, please contact me and I’ll help you.

    Popups Repository

    Let’s start layered popups repository. If you created nice popup and want to share it with others, please send exported file to popups@halfdata.com and I’ll include it into repository which will be available for all “Layered Popups” users.

    History

    2013-11-18 – version 1.70 released

    Added feature to add different popup per page, post, custom post type through post/page editor.
    

    2013-11-10 – version 1.65 released

    Opt-in locker
    Multisite installation support
    Autoclose delay for on page load popups
    Option to send subscription form details to admin
    ESC-button handler
    

    2013-11-07 – version 1.62 released

    Added option to attach popups to menu items
    

    2013-11-02 – version 1.60 released

    Added AWeber support
    Added shortcode support
    Added 2 more demo popups
    Improved video popups
    Fixed FireFox issue
    

    2013-10-30 – version 1.40 released

    Initial Release
    

    Credits

    1. Fugue Icons [icons]
    2. Farm-Fresh Web Icons [icons]
    3. Mountains of Christmas [font]
    4. Open Sans [font]
    5. Walter Turncoat [font]
    6. Christmas Icon Set [icons]
    7. The City from the Shard [image]
    8. Fast Icon [icons]
    9. Wallpapers Business Graph [image]
    10. Wakpaper.com [image]