{"id":14208,"date":"2016-01-08T13:16:06","date_gmt":"2016-01-08T11:16:06","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=14208"},"modified":"2016-01-08T13:16:06","modified_gmt":"2016-01-08T11:16:06","slug":"extension-animate-it-para-animar-joomla-con-efectos-css3","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/","title":{"rendered":"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3"},"content":{"rendered":"
<\/div>

\n\t\"\"\n<\/p>\n

\n\tGracias a la extensión Animate It!<\/strong> podremos sacar al "diseñador" que llevamos dentro para Animar Joomla con Efectos CSS3<\/strong>. Podremos realizar animaciones con estilos CSS<\/em> para nuestro site Joomla sin demasiadas complicaciones, ya sea sobre un módulo o un artículo.\n<\/p>\n

\n\tEn el caso de los artículos usando el botón de Animate It! del editor <\/strong>y en el caso de los módulos añadiendo la animación generada en la pagina web del autor en "Module Class Suffixes"<\/strong>.\n<\/p>\n

\n\tEstas animaciones tienen importantes ventajas en cuanto a su optimización, permitiendo visualizarse sin problemas en todo clase de dispositivos, aunque estos no sean muy punteros. Además, son ideales para navegadores orientados a personas con algunas limitaciones sensoriales (para más detalles click aquí<\/a>).\n<\/p>\n

\n

\n\t[ninja-popup ID=13602] * SUSCRÍBETE AHORA <\/span><\/span> para recibir en tu correo electrónico más artículos de Expertos en Joomla.  CLICK AQUÍ <\/span><\/span> <\/strong> [\/ninja-popup] \n<\/p>\n

\n

\n\t \n<\/p>\n

\n\tEn la documentación del autor<\/a> podemos ver las características de la extensión Animate It!, así como sus requisitos o los diferentes efectos que podemos obtener. Comentar que la extensión es compatible con las versiones de Joomla superiores a la 2.5\n<\/p>\n

\n\thttps:\/\/youtu.be\/Np_t43pfrh4\n<\/p>\n

\n\t \n<\/p>\n

\n\tINSTALACIÓN DE LA EXTENSIÓN ANIMATE IT!<\/strong>
\n<\/h2>\n

\n\tLa extensión Animate It!<\/strong> la podemos descargar de este site<\/a>. Es completamente gratuita y no hace falta registrarse en la web del autor; basta con hacer click en<\/strong> "Download"<\/strong> para que empiece a descargarse en nuestro disco duro el archivo "pkg_edsanimate_1.4.1.zip". <\/em>\n<\/p>\n

\n\tUna vez descargado el fichero con creces nos tocaría subirlo mediante nuestro<\/strong> panel de administración de Joomla<\/strong>. Para acceder a dicho panel tenemos que loguearos con nuestro usuario y contraseña en -> https:\/\/www.nuestrodominio.com\/administrator<\/em>\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\tEn el panel de administración de Joomla debemos localizar en el lateral izquierdo la opción de instalar<\/strong> extensiones<\/strong>.\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\tAl pinchar sobre instalar extensiones iremos a parar a la pagina de instalación de extensiones Joomla<\/strong>, la cual ofrece varias posibilidades. Como ya descargamos la extensión Animate It!<\/strong> con anterioridad solo tendremos que hacer click en "Examinar (1)"<\/strong> para así buscar en nuestro disco duro la extensión zipeada. Y tras ello hacer click sobre el botón de "Subir e instalar (2)"<\/strong>\n<\/p>\n

\n\t
\n\t\"\"\n<\/p>\n

\n\tSi en la instalación de la extensión no ha habido ningún problema aparecerá el siguiente mensaje: "All the plugins successfully Installed and Enabled". <\/em>\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\tAÑADIR ANIMACIÓN EN MÓDULOS<\/strong>
\n<\/h2>\n

\n\tPara generar el código de la animación que deseamos incluir en un módulo deberemos utilizar la página web del autor<\/strong> (Ir a la pagina<\/a>).\n<\/p>\n

\n\tEn la página selecionamos el estilo de la animación que queramos, su retraso, su duración, si animar o no indefinidamente y cuando. Tras ello le damos a "Generate"<\/strong> para que nos cree el código.\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\tCon el código en nuestro poder, tras copiarlo presionando las teclas ctrl + c<\/em>, procedemos a pegarlo en el módulos de Joomla que queramos. En la barra superior del panel de administración<\/strong> hacemos click sobre "Extensiones"<\/strong> y después en "Módulos"<\/strong> para así acceder a la lista de módulos que tenemos.\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\tElegimos el módulo que nos interese y nos vamos hasta la pestaña de "Avanzado (Advanced)". En el campo de "

\n\t\"\"\n<\/p>\n

\n\t \n<\/p>\n

\n\tAÑADIR ANIMACIÓN EN ARTÍCULOS<\/strong>
\n<\/h2>\n

\n\tPara añadir una animación en un artículo es mucho más sencillo, ya que no tenemos que ir a la página del autor, sino que al instalar antes la extensión hará que se nos añada un botón debajo del editor de los artículos<\/strong>. Y simplemente pinchando sobre dicho botón accederemos a la pagina de generador del código.\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\tSelecionamos el estilo de la animación que queramos, su retraso, su duración, si animar o no indefinidamente y cuando. Tras ello le damos a "Insert"<\/strong> para que nos cree el código y nos lo pegue automáticamente en el post.\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\t \n<\/p>\n

\n\t"CONFIGURACIÓN" DE LA EXTENSIÓN\/PLUGIN ANIMATE IT!<\/strong>
\n<\/h2>\n

\n\tPara "configurar" la extensión\/plugin Animate It! debemos dirigirnos a la barra superior del panel de administración de Joomla<\/strong>, después hacer click sobre "Extensiones -> Plugins"<\/strong> \n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\tY localizar System – Animate It!<\/strong> por si queremos cambiar algo. Aunque no es necesario cambiar nada la verdad. ¿Por qué no ibamos a querer que se mostrará la animación en tablets o móviles?\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\t
\n\tNota importante sobre módulos personalizados en HTML<\/span><\/strong>
\n<\/h3>\n

\n\tCuando usemos Animate It! en módulos HTM personalizados es importante marcar el si del campo "preparar el contenido (prepare content)"<\/strong>. Esto hará que tanto a los módulos como a los artículos se les aplique la animación.\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n\t\"\"\n<\/p>\n

\n

\n\t[ninja-popup ID=13602] *  APUNTATE AQUÍ AHORA <\/span><\/span> para recibir en tu email más artículos sobre extensiones para Joomla. <\/strong> [\/ninja-popup] \n<\/p>\n

\n

\n\t \n<\/p>\n

\n\tEn Hostinet tenemos para ti el mejor <\/strong>Hosting Joomla<\/a><\/strong> (desde 13,26€ al mes), así como también el mejor soporte técnico avanzado<\/strong> para resolverte todos los problemas que puedan surgir con tu site. ¡Somos expertos en Joomla, WordPress y PrestaShop!<\/strong>\n<\/p>\n

\n\t\"\"<\/a>\n<\/p>\n

\n\tDesde Hostinet trabajamos desde hace más de 14 años con servidores ubicados en España; ofreciendo un precio de calidad, una seguridad impenetrable y una confianza a todos nuestros clientes incomparable.\n<\/p>\n

\n\tSEGURIDAD + CONFIANZA + PRECIO + EXPERIENCIA DE 14 AÑOS = HOSTINET<\/strong><\/p>\n

<\/div> ","protected":false},"excerpt":{"rendered":"

Gracias a la extensión Animate It! podremos sacar al "diseñador" que llevamos dentro para Animar Joomla con Efectos CSS3. Podremos realizar animaciones con estilos CSS para nuestro site Joomla sin demasiadas complicaciones, ya sea sobre un módulo o un artículo. En el caso de los artículos usando el botón de\u2026 <\/p>\n

\n

Sigue leyendo →<\/a><\/p>\n<\/div>\n","protected":false},"author":13,"featured_media":14215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1906,1782],"tags":[],"class_list":["post-14208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-extensiones","category-joomla"],"yoast_head":"\nExtensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3<\/title>\n<meta name=\"description\" content=\"Gracias a la extensi\u00f3n Animate It! podremos sacar al "dise\u00f1ador" que llevamos dentro para Animar Joomla con Efectos CSS3.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3\" \/>\n<meta property=\"og:description\" content=\"Gracias a la extensi\u00f3n Animate It! podremos sacar al "dise\u00f1ador" que llevamos dentro para Animar Joomla con Efectos CSS3.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-08T11:16:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/01\/Extension-AnimateIt.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"252\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Raul Alaman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Raul Alaman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/\"},\"author\":{\"name\":\"Raul Alaman\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/7f2d10131293f0f5f8e101ff5fc8bbff\"},\"headline\":\"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3\",\"datePublished\":\"2016-01-08T11:16:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/\"},\"wordCount\":1081,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/Extension-AnimateIt.jpg\",\"articleSection\":[\"Extensiones\",\"Joomla\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/\",\"name\":\"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/Extension-AnimateIt.jpg\",\"datePublished\":\"2016-01-08T11:16:06+00:00\",\"description\":\"Gracias a la extensi\u00f3n Animate It! podremos sacar al \\\"dise\u00f1ador\\\" que llevamos dentro para Animar Joomla con Efectos CSS3.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/Extension-AnimateIt.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/01\\\/Extension-AnimateIt.jpg\",\"width\":600,\"height\":252},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/joomla\\\/extension-animate-it-para-animar-joomla-con-efectos-css3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Joomla\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/joomla\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Extensiones\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/joomla\\\/extensiones\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/7f2d10131293f0f5f8e101ff5fc8bbff\",\"name\":\"Raul Alaman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/48b5f4b2533ad76d51832beb49c1a8944cea60b3e968885696869b92ebf7d954?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/48b5f4b2533ad76d51832beb49c1a8944cea60b3e968885696869b92ebf7d954?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/48b5f4b2533ad76d51832beb49c1a8944cea60b3e968885696869b92ebf7d954?s=96&r=g\",\"caption\":\"Raul Alaman\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3","description":"Gracias a la extensi\u00f3n Animate It! podremos sacar al \"dise\u00f1ador\" que llevamos dentro para Animar Joomla con Efectos CSS3.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/","og_locale":"es_ES","og_type":"article","og_title":"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3","og_description":"Gracias a la extensi\u00f3n Animate It! podremos sacar al \"dise\u00f1ador\" que llevamos dentro para Animar Joomla con Efectos CSS3.","og_url":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/","og_site_name":"Hostinet","article_published_time":"2016-01-08T11:16:06+00:00","og_image":[{"width":600,"height":252,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/01\/Extension-AnimateIt.jpg","type":"image\/jpeg"}],"author":"Raul Alaman","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Raul Alaman","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/"},"author":{"name":"Raul Alaman","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/7f2d10131293f0f5f8e101ff5fc8bbff"},"headline":"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3","datePublished":"2016-01-08T11:16:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/"},"wordCount":1081,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/01\/Extension-AnimateIt.jpg","articleSection":["Extensiones","Joomla"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/","url":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/","name":"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/01\/Extension-AnimateIt.jpg","datePublished":"2016-01-08T11:16:06+00:00","description":"Gracias a la extensi\u00f3n Animate It! podremos sacar al \"dise\u00f1ador\" que llevamos dentro para Animar Joomla con Efectos CSS3.","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/01\/Extension-AnimateIt.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/01\/Extension-AnimateIt.jpg","width":600,"height":252},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/joomla\/extension-animate-it-para-animar-joomla-con-efectos-css3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"Joomla","item":"https:\/\/www.hostinet.com\/formacion\/category\/joomla\/"},{"@type":"ListItem","position":3,"name":"Extensiones","item":"https:\/\/www.hostinet.com\/formacion\/category\/joomla\/extensiones\/"},{"@type":"ListItem","position":4,"name":"Extensi\u00f3n Animate It! para Animar Joomla con Efectos CSS3"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/7f2d10131293f0f5f8e101ff5fc8bbff","name":"Raul Alaman","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/48b5f4b2533ad76d51832beb49c1a8944cea60b3e968885696869b92ebf7d954?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/48b5f4b2533ad76d51832beb49c1a8944cea60b3e968885696869b92ebf7d954?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/48b5f4b2533ad76d51832beb49c1a8944cea60b3e968885696869b92ebf7d954?s=96&r=g","caption":"Raul Alaman"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/14208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=14208"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/14208\/revisions"}],"predecessor-version":[{"id":14223,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/14208\/revisions\/14223"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/14215"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=14208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=14208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=14208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}