Title: jellybox
Author: jellyfilledstudios
Published: <strong>Pebrero 21, 2013</strong>
Last modified: Abril 21, 2014

---

Maghanap ng mga plugin

Ang plugin na ito ay **hindi pa nasusubukan sa pinakabagong 3 major release ng WordPress**.
Maaaring hindi na ito minamantine o sinusuportahan at maaaring may mga isyu sa compatibility
kapag ginamit sa mas bagong bersyon ng WordPress.

![](https://s.w.org/plugins/geopattern-icon/jellybox.svg)

# jellybox

 Ni [jellyfilledstudios](https://profiles.wordpress.org/jellyfilledstudios/)

[I-download](https://downloads.wordpress.org/plugin/jellybox.zip)

 * [Mga Detalye](https://tl.wordpress.org/plugins/jellybox/#description)
 * [Mga Review](https://tl.wordpress.org/plugins/jellybox/#reviews)
 *  [Pag-install](https://tl.wordpress.org/plugins/jellybox/#installation)
 * [Development](https://tl.wordpress.org/plugins/jellybox/#developers)

 [Suporta](https://wordpress.org/support/plugin/jellybox/)

## Deskripsyon

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"]
    <div id="boxtrigger">Contact us
    <div style="float:right;">
    <span style="color:#ffffff;">[X]</span>
    </div>
    </div>
    [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.

## Mga Screenshot

[⌊Slide in reminder using jellybox⌉⌊Slide in reminder using jellybox⌉[

Slide in reminder using jellybox

[⌊In-line text at an angle using jellybox⌉⌊In-line text at an angle using jellybox⌉[

In-line text at an angle using jellybox

[⌊Simple jellybox⌉⌊Simple jellybox⌉[

Simple jellybox

[⌊nested jellybox with rotations⌉⌊nested jellybox with rotations⌉[

nested jellybox with rotations

[⌊nested jellyboxes with animation⌉⌊nested jellyboxes with animation⌉[

nested jellyboxes with animation

## Pag-install

#### 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"]
    <div id="boxtrigger">Contact us
    <div style="float:right;">
    <span style="color:#ffffff;">[X]</span>
    </div>
    </div>
    [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()

## Mga Review

Wala pang reviews para sa plugin na ito.

## Mga Contributor at Developer

Ang “jellybox” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa
plugin na ito.

Mga Contributor

 *   [ jellyfilledstudios ](https://profiles.wordpress.org/jellyfilledstudios/)

[Isalin ang “jellybox” sa iyong wika.](https://translate.wordpress.org/projects/wp-plugins/jellybox)

### Interesado sa development?

[Tingnan ang code](https://plugins.trac.wordpress.org/browser/jellybox/), i-check
ang [SVN repository](https://plugins.svn.wordpress.org/jellybox/), o mag-subscribe
sa [development log](https://plugins.trac.wordpress.org/log/jellybox/) sa pamamagitan
ng [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

 *  Bersyon **1.4**
 *  Huling na-update **12 taon ang nakalipas**
 *  Mga aktibong installation **30+**
 *  Bersyon ng WordPress ** 3.5.1 o mas bago **
 *  Sinubukan hanggang **3.9.40**
 *  Wika
 * [English (US)](https://wordpress.org/plugins/jellybox/)
 * Mga Tag
 * [animation](https://tl.wordpress.org/plugins/tags/animation/)[shortcode](https://tl.wordpress.org/plugins/tags/shortcode/)
   [slider](https://tl.wordpress.org/plugins/tags/slider/)
 *  [Advanced View](https://tl.wordpress.org/plugins/jellybox/advanced/)

## Mga Rating

 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)

[Tingnan lahat ng review](https://wordpress.org/support/plugin/jellybox/reviews/)

## Mga Contributor

 *   [ jellyfilledstudios ](https://profiles.wordpress.org/jellyfilledstudios/)

## Suporta

May gusto kang sabihin? Kailangan ng tulong?

 [Tingnan ang support forum](https://wordpress.org/support/plugin/jellybox/)

## Mag-donate

Gusto mo bang suportahan ang pagpapaunlad ng plugin na ito?

 [ Mag-donate sa plugin na ito ](http://www.jellyrobotics.com/)