{"id":22128,"date":"2013-02-21T00:09:29","date_gmt":"2013-02-21T00:09:29","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/jellybox\/"},"modified":"2014-04-21T14:54:18","modified_gmt":"2014-04-21T14:54:18","slug":"jellybox","status":"publish","type":"plugin","link":"https:\/\/ca.wordpress.org\/plugins\/jellybox\/","author":8834365,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.4","stable_tag":"trunk","tested":"3.9.40","requires":"3.5.1","requires_php":"","requires_plugins":"","header_name":"jellybox","header_author":"John Carter (not from Mars)","header_description":"","assets_banners_color":"","last_updated":"2014-04-21 14:54:18","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/www.jellyrobotics.com\/","header_plugin_uri":"http:\/\/www.jellyrobotics.com\/","header_author_uri":"http:\/\/www.jellyrobotics.com","rating":5,"author_block_rating":0,"active_installs":40,"downloads":6022,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"":"<p>Nothing to say here yet<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"3"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"671871","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"671872","resolution":"2","location":"assets"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"671873","resolution":"3","location":"assets"},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"671874","resolution":"4","location":"assets"},"screenshot-5.png":{"filename":"screenshot-5.png","revision":"671875","resolution":"5","location":"assets"}},"screenshots":{"1":"Slide in reminder using jellybox","2":"In-line text at an angle using jellybox","3":"Simple jellybox","4":"nested jellybox with rotations","5":"nested jellyboxes with animation"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,80,611,37950],"plugin_category":[43,50],"plugin_contributors":[86931],"plugin_business_model":[],"class_list":["post-22128","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-shortcode","plugin_tags-slider","plugin_tags-tilt","plugin_category-customization","plugin_category-media","plugin_contributors-jellyfilledstudios","plugin_committers-jellyfilledstudios"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/jellybox.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/jellybox\/assets\/screenshot-1.png?rev=671871","caption":"Slide in reminder using jellybox"},{"src":"https:\/\/ps.w.org\/jellybox\/assets\/screenshot-2.png?rev=671872","caption":"In-line text at an angle using jellybox"},{"src":"https:\/\/ps.w.org\/jellybox\/assets\/screenshot-3.png?rev=671873","caption":"Simple jellybox"},{"src":"https:\/\/ps.w.org\/jellybox\/assets\/screenshot-4.png?rev=671874","caption":"nested jellybox with rotations"},{"src":"https:\/\/ps.w.org\/jellybox\/assets\/screenshot-5.png?rev=671875","caption":"nested jellyboxes with animation"}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<h4>Example Usage<\/h4>\n\n<pre><code>[jellybox class=\"jellyboxGreen\" width=\"200\" height=\"140\" angle=\"15\"]\nThis text will appear in an attractive green gradient colored box tilted to a 15 degree angle.\n[\/jellybox]\n\n\n\n[jellybox class=\"jellyboxBlue\" width=\"200\" height=\"140\" deltaheight=\"100\" deltatop=\"-100\"]\nThis text will appear in an attractive blue gradient colored box. When you click on this box, it will grow by 100px.\n[\/jellybox]\n<\/code><\/pre>\n\n<h4>Contact Form Example<\/h4>\n\n<pre><code>[jellybox class=\"jellyboxGreen\" width=\"100\" height=\"20\" deltawidth=\"350\" deltaheight=\"700\" deltatop=\"-400\" gospeed=\"500\" returnspeed=\"100\" target=\"boxtrigger\"]\n&lt;div id=\"boxtrigger\"&gt;Contact us\n&lt;div style=\"float:right;\"&gt;\n&lt;span style=\"color:#ffffff;\"&gt;[X]&lt;\/span&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n[contact-form-7 id=\"152\" title=\"Contact form 1\"]\n[\/jellybox]\n<\/code><\/pre>\n\n<h4>Documentation &amp; Support<\/h4>\n\n<p>Detailed examples and instructions for use can be found at http:\/\/www.jellyrobotics.com\/2013\/02\/09\/jellybox-shortcode-wordpress-plugin\/<\/p>\n\n<p>You can find <a href=\"http:\/\/www.jellyrobotics.com\/2013\/02\/09\/jellybox-shortcode-wordpress-plugin\/\">documentation<\/a> and more detailed information about jellybox at <a href=\"http:\/\/www.jellyrobotics.com\/2013\/02\/09\/jellybox-shortcode-wordpress-plugin\/\">JellyRobotics.com<\/a>. If you were unable to find the answer to your question on the examples page or in any of the documentation, please check the <a href=\"http:\/\/wordpress.org\/support\/plugin\/jellybox\">support forum<\/a> on WordPress.org.<\/p>\n\n<!--section=installation-->\n<h4>Installation via WordPress admin panel<\/h4>\n\n<ol>\n<li>Navigate to the plugins section<\/li>\n<li>Select Add New<\/li>\n<li>In the search box enter jellybox<\/li>\n<li>Install and activate the plugin jellybox<\/li>\n<\/ol>\n\n<h4>Manual Installation<\/h4>\n\n<ol>\n<li>Download the file <code>jellybox.zip<\/code> from WordPress.org<\/li>\n<li>Extract the content of the <code>jellybox.zip<\/code><\/li>\n<li>Upload the extracted content to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>How can I place a Contact Form inside a jellybox?<\/dt>\n<dd><p>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<\/p>\n\n<pre><code>[jellybox class=\"jellyboxGreen\" width=\"100\" height=\"20\" deltawidth=\"350\" deltaheight=\"700\" deltatop=\"-400\" gospeed=\"500\" returnspeed=\"100\" target=\"boxtrigger\"]\n&lt;div id=\"boxtrigger\"&gt;Contact us\n&lt;div style=\"float:right;\"&gt;\n&lt;span style=\"color:#ffffff;\"&gt;[X]&lt;\/span&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n[contact-form-7 id=\"152\" title=\"Contact form 1\"]\n[\/jellybox]\n<\/code><\/pre>\n\n<p>This example creates an <code>[X]<\/code> in the upper right hand corner of the box. Clicking anywhere on the title line or the <code>[X]<\/code> cause the jellybox to open or close as expected.<\/p><\/dd>\n<dt>Where can I find additional FAQs for jellybox?<\/dt>\n<dd><p>The 'live' site for documentation, FAQs and comments for jellybox is http:\/\/www.jellyrobotics.com\/2013\/02\/09\/jellybox-shortcode-wordpress-plugin\/<\/p><\/dd>\n<dt>Where can I find some examples?<\/dt>\n<dd><p>Detailed examples can be found at http:\/\/www.jellyrobotics.com\/2013\/02\/09\/jellybox-shortcode-wordpress-plugin\/<\/p><\/dd>\n<dt>Some of my boxes have a line spaces above them<\/dt>\n<dd><p>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()<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<p>Version 1.0.0 released<\/p>\n\n<p>Version 1.1.0 updated to use WP constants for include paths<\/p>\n\n<p>Version 1.2.0 updated the readme.txt file with more detailed description<\/p>\n\n<p>Version 1.3 added new option <code>inline=\"YES\"<\/code> (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.<\/p>","raw_excerpt":"jellybox provides a simple to use shortcode that allows you to apply rotations and\/or animations to text, images and boxes.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/22128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=22128"}],"author":[{"embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jellyfilledstudios"}],"wp:attachment":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=22128"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=22128"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=22128"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=22128"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=22128"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=22128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}