Title: jellybox
Author: jellyfilledstudios
Published: <strong>21 فبراير، 2013</strong>
Last modified: 21 أبريل، 2014

---

البحث عن الإضافات

هذه الإضافة **لم يتم تحديثها وتجربتها لأكثر من 3 إصدارات ووردبريس رئيسية**. قد لا
تكون خاضعة للصيانة أو تقدم الدعم والمساعدة بالوقت الحالي وقد تكون بها مشاكل في التوافق
عند إستخدامها مع إصدارات حديثة من ووردبريس.

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

# jellybox

 بواسطة [jellyfilledstudios](https://profiles.wordpress.org/jellyfilledstudios/)

[تنزيل](https://downloads.wordpress.org/plugin/jellybox.zip)

 * [تفاصيل](https://ar.wordpress.org/plugins/jellybox/#description)
 * [المراجعات](https://ar.wordpress.org/plugins/jellybox/#reviews)
 *  [التنصيب](https://ar.wordpress.org/plugins/jellybox/#installation)
 * [التطوير](https://ar.wordpress.org/plugins/jellybox/#developers)

 [الدعم](https://wordpress.org/support/plugin/jellybox/)

## الوصف

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.

## لقطات الشاشة

 * [[
 * Slide in reminder using jellybox
 * [[
 * In-line text at an angle using jellybox
 * [[
 * Simple jellybox
 * [[
 * nested jellybox with rotations
 * [[
 * nested jellyboxes with animation

## التنصيب

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

## الأسئلة المتكررّة

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

## المراجعات

لا توجد مراجعات لهذه الإضافة.

## المساهمون والمطوّرون

“jellybox” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة.

المساهمون

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

[ترجمة ”jellybox“ إلى لغتك.](https://translate.wordpress.org/projects/wp-plugins/jellybox)

### مُهتم بالتطوير؟

[تصفّح الشفرة](https://plugins.trac.wordpress.org/browser/jellybox/)، تحقق من [مستودع SVN](https://plugins.svn.wordpress.org/jellybox/)،
أو الاشتراك في [سجل التطوير](https://plugins.trac.wordpress.org/log/jellybox/) بواسطة
[RSS](https://plugins.trac.wordpress.org/log/jellybox/?limit=100&mode=stop_on_copy&format=rss).

## سجل التغييرات

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 سنة**
 *  Active installations **30+**
 *  WordPress version ** 3.5.1 أو أعلى **
 *  Tested up to **3.9.40**
 *  Language
 * [English (US)](https://wordpress.org/plugins/jellybox/)
 * Tags
 * [animation](https://ar.wordpress.org/plugins/tags/animation/)[shortcode](https://ar.wordpress.org/plugins/tags/shortcode/)
   [slider](https://ar.wordpress.org/plugins/tags/slider/)
 *  [عرض متقدم](https://ar.wordpress.org/plugins/jellybox/advanced/)

## التقييم

 5 من 5 نجوم.

 *  [  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/)

## المساهمون

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

## الدعم

لديك شيء لتقوله؟ بحاجة الى مساعدة؟

 [عرض منتدى الدعم](https://wordpress.org/support/plugin/jellybox/)

## تبرع

هل ترغب في تقديم دعم متقدم لهذه الإضافة؟

 [ تبرع لهذه الإضافة ](http://www.jellyrobotics.com/)