You are here

README.txt in BlockAnimate 7

-- SUMMARY --

* Block Animate module extends Drupal’s block configuration system providing
 new fields which let you leverage Animate CSS and WOW Javascript libraries
 to add CSS3 cross-browser animations to any block on your Drupal website.

* Animate CSS library [https://github.com/daneden/animate.css] provides these
 nice CSS3 cross-browser animations, while WOW Javascript library
 [http://mynameismatthieu.com/WOW/docs.html] provides greater control over
 those animations. Thanks to the WOW Javscript library, those animations will
 start when the animated blocks appear as you scroll down the page.

-- REQUIREMENTS --

* This module requires the following modules:

  - Animate CSS [https://www.drupal.org/project/animate_css]

  - WOW JS [https://www.drupal.org/project/wowjs]

-- INSTALLATION --

* Install this module as usual
 [https://www.drupal.org/documentation/install/modules-themes/modules-7].

-- CONFIGURATION --

* Once you’ve installed this module and its dependencies, give the administer
 block animate permission to the roles who will be able to configure the
 animation of the blocks on your Drupal site.

* To configure the animation for one of your blocks, go to “Structure > Blocks”
 and click on the “configure” link of the block you want to animate. On the
 “Animate CSS Animation” section you’ll see these new options:

  - Select Animation: choose the animation effect you want to apply to the
   block or choose “-- No Animation --” if you don’t want any animation applied
   to your block.

  - Apply an infinite loop to this animation: check this if you want the
   animation to repeat forever. If this option is not checked, by default the
   animation will be executed once. You can’t check this option if you provide
   a value for the Animation Iteration option.

* In the “Advanced Options” section you’ve more options which provide you with
 more control over the animation applied to your block:

  - Animation Duration: by default the animation will last 1 second. You can
   set the animation duration in seconds using this field. Examples: 5, 3.8,
   etc.
  
  - Animation Delay: by default the animation will start when the block becomes
   visible. You can add a delay in seconds providing a value for this field.
   Example: if you select 2.5 seconds for this field, the animation will start
   2.5 seconds after the block becomes visible.

  - Animation Offset: by default the animation will start when the block
   becomes visible. You can add an offset in pixels providing a value for this
   field. This offset is measured from the browser bottom. 

  - Animation Iteration: by default the animation will be executed once. You
   can set the number of iterations the animation will be repeated providing a
   value for this field. If you provide a value for this field, uncheck the
   “Apply an infinite loop to this animation” option.

-- RESOURCES --

* If you need more information about these libraries, go to their websites: 

  - More information about Animate CSS library
   [https://github.com/daneden/animate.css].

  - More information about WOW Javscript library
   [http://mynameismatthieu.com/WOW/docs.html].

-- CUSTOMIZATION --

-- TROUBLESHOOTING --

-- FAQ --

-- CONTACT --

Current maintainers:
* Ángel Fariña (GoddamnNoise) - http://www.drupal.org/user/795168
* David Cereijo (dcereijo)    - http://www.drupal.org/user/1108366

This project has been sponsored by:
* Karakana Factoría TIC
  Spanish software development shop specialized in consulting and planning 
  of Drupal powered sites, Karakana Factoría TIC offers installation, 
  development, theming, customization, and hosting to get you started. 
  Visit http://www.karakana.es for more information.

File

README.txt
View source
  1. -- SUMMARY --
  2. * Block Animate module extends Drupal’s block configuration system providing
  3. new fields which let you leverage Animate CSS and WOW Javascript libraries
  4. to add CSS3 cross-browser animations to any block on your Drupal website.
  5. * Animate CSS library [https://github.com/daneden/animate.css] provides these
  6. nice CSS3 cross-browser animations, while WOW Javascript library
  7. [http://mynameismatthieu.com/WOW/docs.html] provides greater control over
  8. those animations. Thanks to the WOW Javscript library, those animations will
  9. start when the animated blocks appear as you scroll down the page.
  10. -- REQUIREMENTS --
  11. * This module requires the following modules:
  12. - Animate CSS [https://www.drupal.org/project/animate_css]
  13. - WOW JS [https://www.drupal.org/project/wowjs]
  14. -- INSTALLATION --
  15. * Install this module as usual
  16. [https://www.drupal.org/documentation/install/modules-themes/modules-7].
  17. -- CONFIGURATION --
  18. * Once you’ve installed this module and its dependencies, give the administer
  19. block animate permission to the roles who will be able to configure the
  20. animation of the blocks on your Drupal site.
  21. * To configure the animation for one of your blocks, go to “Structure > Blocks”
  22. and click on the “configure” link of the block you want to animate. On the
  23. “Animate CSS Animation” section you’ll see these new options:
  24. - Select Animation: choose the animation effect you want to apply to the
  25. block or choose “-- No Animation --” if you don’t want any animation applied
  26. to your block.
  27. - Apply an infinite loop to this animation: check this if you want the
  28. animation to repeat forever. If this option is not checked, by default the
  29. animation will be executed once. You can’t check this option if you provide
  30. a value for the Animation Iteration option.
  31. * In the “Advanced Options” section you’ve more options which provide you with
  32. more control over the animation applied to your block:
  33. - Animation Duration: by default the animation will last 1 second. You can
  34. set the animation duration in seconds using this field. Examples: 5, 3.8,
  35. etc.
  36. - Animation Delay: by default the animation will start when the block becomes
  37. visible. You can add a delay in seconds providing a value for this field.
  38. Example: if you select 2.5 seconds for this field, the animation will start
  39. 2.5 seconds after the block becomes visible.
  40. - Animation Offset: by default the animation will start when the block
  41. becomes visible. You can add an offset in pixels providing a value for this
  42. field. This offset is measured from the browser bottom.
  43. - Animation Iteration: by default the animation will be executed once. You
  44. can set the number of iterations the animation will be repeated providing a
  45. value for this field. If you provide a value for this field, uncheck the
  46. “Apply an infinite loop to this animation” option.
  47. -- RESOURCES --
  48. * If you need more information about these libraries, go to their websites:
  49. - More information about Animate CSS library
  50. [https://github.com/daneden/animate.css].
  51. - More information about WOW Javscript library
  52. [http://mynameismatthieu.com/WOW/docs.html].
  53. -- CUSTOMIZATION --
  54. -- TROUBLESHOOTING --
  55. -- FAQ --
  56. -- CONTACT --
  57. Current maintainers:
  58. * Ángel Fariña (GoddamnNoise) - http://www.drupal.org/user/795168
  59. * David Cereijo (dcereijo) - http://www.drupal.org/user/1108366
  60. This project has been sponsored by:
  61. * Karakana Factoría TIC
  62. Spanish software development shop specialized in consulting and planning
  63. of Drupal powered sites, Karakana Factoría TIC offers installation,
  64. development, theming, customization, and hosting to get you started.
  65. Visit http://www.karakana.es for more information.