Title: jellybox
Author: jellyfilledstudios
Published: February 21, 2013
Last modified: April 21, 2014
---
Search plugins
This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.
# jellybox
By [jellyfilledstudios](https://profiles.wordpress.org/jellyfilledstudios/)
[Download](https://downloads.wordpress.org/plugin/jellybox.zip)
* [Details](https://test.wordpress.org/plugins/jellybox/#description)
* [Reviews](https://test.wordpress.org/plugins/jellybox/#reviews)
* [Installation](https://test.wordpress.org/plugins/jellybox/#installation)
* [Development](https://test.wordpress.org/plugins/jellybox/#developers)
[Support](https://wordpress.org/support/plugin/jellybox/)
## Description
jellybox provides a simple to use shortcode that allows you to apply rotations and/
or animations to text, images and boxes. Image, box and text rotation also works
on older versions of Internet Explorer.
#### Example Usage
```
[jellybox class="jellyboxGreen" width="200" height="140" angle="15"]
This text will appear in an attractive green gradient colored box tilted to a 15 degree angle.
[/jellybox]
[jellybox class="jellyboxBlue" width="200" height="140" deltaheight="100" deltatop="-100"]
This text will appear in an attractive blue gradient colored box. When you click on this box, it will grow by 100px.
[/jellybox]
```
#### Contact Form Example
```
[jellybox class="jellyboxGreen" width="100" height="20" deltawidth="350" deltaheight="700" deltatop="-400" gospeed="500" returnspeed="100" target="boxtrigger"]
[contact-form-7 id="152" title="Contact form 1"]
[/jellybox]
```
#### Documentation & Support
Detailed examples and instructions for use can be found at http://www.jellyrobotics.
com/2013/02/09/jellybox-shortcode-wordpress-plugin/
You can find [documentation](http://www.jellyrobotics.com/2013/02/09/jellybox-shortcode-wordpress-plugin/)
and more detailed information about jellybox at [JellyRobotics.com](http://www.jellyrobotics.com/2013/02/09/jellybox-shortcode-wordpress-plugin/).
If you were unable to find the answer to your question on the examples page or in
any of the documentation, please check the [support forum](https://wordpress.org/support/plugin/jellybox)
on WordPress.org.
## Screenshots
* [[
* Slide in reminder using jellybox
* [[
* In-line text at an angle using jellybox
* [[
* Simple jellybox
* [[
* nested jellybox with rotations
* [[
* nested jellyboxes with animation
## Installation
#### Installation via WordPress admin panel
1. Navigate to the plugins section
2. Select Add New
3. In the search box enter jellybox
4. Install and activate the plugin jellybox
#### Manual Installation
1. Download the file `jellybox.zip` from WordPress.org
2. Extract the content of the `jellybox.zip`
3. Upload the extracted content to the `/wp-content/plugins/` directory
4. Activate the plugin through the ‘Plugins’ menu in WordPress
## FAQ
How can I place a Contact Form inside a jellybox?
Some contact forms cause the jellybox to close when entering the fields or pressing
the submit button. A work around for this is to place a header line at the top of
the jellybox that controls the opening and closing of the box. Here is an example
that uses a Contact Form 7 inside a jellybox
```
[jellybox class="jellyboxGreen" width="100" height="20" deltawidth="350" deltaheight="700" deltatop="-400" gospeed="500" returnspeed="100" target="boxtrigger"]
[contact-form-7 id="152" title="Contact form 1"]
[/jellybox]
```
This example creates an `[X]` in the upper right hand corner of the box. Clicking
anywhere on the title line or the `[X]` cause the jellybox to open or close as expected.
Where can I find additional FAQs for jellybox?
The ‘live’ site for documentation, FAQs and comments for jellybox is http://www.
jellyrobotics.com/2013/02/09/jellybox-shortcode-wordpress-plugin/
Where can I find some examples?
Detailed examples can be found at http://www.jellyrobotics.com/2013/02/09/jellybox-
shortcode-wordpress-plugin/
Some of my boxes have a line spaces above them
This is an issue with the wordpress wpautop() function and certain themes. The workaround
for this issue has been to insert a div tag above the affected jellybox with a bottom
margin that will offset the P tag added by wpautop()
## Reviews
There are no reviews for this plugin.
## Contributors & Developers
“jellybox” is open source software. The following people have contributed to this
plugin.
Contributors
* [ jellyfilledstudios ](https://profiles.wordpress.org/jellyfilledstudios/)
[Translate “jellybox” into your language.](https://translate.wordpress.org/projects/wp-plugins/jellybox)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/jellybox/), check out
the [SVN repository](https://plugins.svn.wordpress.org/jellybox/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/jellybox/) by [RSS](https://plugins.trac.wordpress.org/log/jellybox/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
Version 1.0.0 released
Version 1.1.0 updated to use WP constants for include paths
Version 1.2.0 updated the readme.txt file with more detailed description
Version 1.3 added new option `inline="YES"` (default is “NO”). This new option allows
the jellybox to be displayed as in-line text using SPAN tags rather than the default
wrapper which is DIV tags.
## Meta
* Version **1.4**
* Last updated **12 years ago**
* Active installations **30+**
* WordPress version ** 3.5.1 or higher **
* Tested up to **3.9.40**
* Language
* [English (US)](https://wordpress.org/plugins/jellybox/)
* Tags
* [animation](https://test.wordpress.org/plugins/tags/animation/)[shortcode](https://test.wordpress.org/plugins/tags/shortcode/)
[slider](https://test.wordpress.org/plugins/tags/slider/)
* [Advanced View](https://test.wordpress.org/plugins/jellybox/advanced/)
## Ratings
5 out of 5 stars.
* [ 3 5-star reviews ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=5)
* [ 0 4-star reviews ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=4)
* [ 0 3-star reviews ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=3)
* [ 0 2-star reviews ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=2)
* [ 0 1-star reviews ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/jellybox/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/jellybox/reviews/)
## Contributors
* [ jellyfilledstudios ](https://profiles.wordpress.org/jellyfilledstudios/)
## Support
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/jellybox/)
## Donate
Would you like to support the advancement of this plugin?
[ Donate to this plugin ](http://www.jellyrobotics.com/)