{"version":"1.0","provider_name":"Jose Aguilar Blog","provider_url":"https:\/\/www.jose-aguilar.com\/blog","author_name":"Jose Aguilar","author_url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/","title":"Dropdown Men\u00fa con CSS3 - Jose Aguilar Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"OfZe72gt19\"><a href=\"https:\/\/www.jose-aguilar.com\/blog\/dropdown-menu-con-css3\/\">Dropdown Men\u00fa con CSS3<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.jose-aguilar.com\/blog\/dropdown-menu-con-css3\/embed\/#?secret=OfZe72gt19\" width=\"600\" height=\"338\" title=\"\u00abDropdown Men\u00fa con CSS3\u00bb \u2014 Jose Aguilar Blog\" data-secret=\"OfZe72gt19\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/06\/menu-dropdown.png","thumbnail_width":508,"thumbnail_height":209,"description":"En este art\u00edculo vamos a aprender como crear un men\u00fa desplegable elegante emplenando CSS3, sin necesidad de utilizar javascript. Para conseguir este efecto tan interesante deberemos crear nuestro men\u00fa como sueles hacerlo en HTML dentro del &lt;body&gt; de la p\u00e1gina: &lt;ul id=\"menu\"&gt; \u00a0\u00a0 \u00a0&lt;li&gt;&lt;a href=\"#\"&gt;Home&lt;\/a&gt;&lt;\/li&gt; \u00a0\u00a0 \u00a0&lt;li&gt; \u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;a href=\"#\"&gt;Categories&lt;\/a&gt; \u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;ul&gt; \u00a0\u00a0 [&hellip;]"}