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

---

Buscar plugins

Este plugin **no ha sido probado con ninguna las 3 últimas versiones principales
de WordPress**. Puede que ya no se mantenga o no tenga soporte, y puede que tenga
problemas de compatibilidad cuando se utiliza con versiones más recientes de WordPress.

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

# jellybox

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

[Descargar](https://downloads.wordpress.org/plugin/jellybox.zip)

 * [Detalles](https://cl.wordpress.org/plugins/jellybox/#description)
 * [Reseñas](https://cl.wordpress.org/plugins/jellybox/#reviews)
 *  [Instalación](https://cl.wordpress.org/plugins/jellybox/#installation)
 * [Desarrollo](https://cl.wordpress.org/plugins/jellybox/#developers)

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

## Descripción

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.

## Capturas de pantalla

[⌊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

## Instalación

#### 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()

## Reseñas

No hay reseñas para este plugin.

## Colaboradores & Desarrolladores

“jellybox” es software de código abierto. Las siguientes personas han contribuido
a este plugin.

Colaboradores

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

[Traduce “jellybox” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/jellybox)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/jellybox/), echa un
vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/jellybox/), o suscríbete
al [registro de desarrollo](https://plugins.trac.wordpress.org/log/jellybox/) por
[RSS](https://plugins.trac.wordpress.org/log/jellybox/?limit=100&mode=stop_on_copy&format=rss).

## Historial de cambios

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

 *  Versión **1.4**
 *  Última actualización **hace 12 años**
 *  Instalaciones activas **30+**
 *  Versión de WordPress ** 3.5.1 o superior **
 *  Probado hasta **3.9.40**
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/jellybox/)
 * Etiquetas
 * [animation](https://cl.wordpress.org/plugins/tags/animation/)[shortcode](https://cl.wordpress.org/plugins/tags/shortcode/)
   [slider](https://cl.wordpress.org/plugins/tags/slider/)
 *  [Vista Avanzada](https://cl.wordpress.org/plugins/jellybox/advanced/)

## Calificaciones

 5 de 5 estrellas.

 *  [  3 valoraciones de 5 estrellas     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=5)
 *  [  0 valoraciones de 4 estrellas     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=4)
 *  [  0 valoraciones de 3 estrellas     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=2)
 *  [  0 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/jellybox/reviews/?filter=1)

[Tu reseña](https://wordpress.org/support/plugin/jellybox/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/jellybox/reviews/)

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/jellybox/)

## Donar

¿Te gustaría apoyar el avance de este plugin?

 [ Donar para este plugin ](http://www.jellyrobotics.com/)