Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Responsivní Facebook Page plugin</title> <h1>Responsivní Facebook Page plugin</h1> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/cs_CZ/sdk.js#xfbml=1&appId=257803581070077&version=v2.4"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-plugin-cover"> <div class="fb-page" data-href="https://www.facebook.com/jecas.cz" data-width="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/jecas.cz"><a href="https://www.facebook.com/jecas.cz">Je čas</a></blockquote></div></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.fb-plugin-cover { background: #efefef; width: 100%; max-width: 500px; }
CSS
Autoformát
CSS reset
Až na konci
var fbPlugin = document.querySelector(".fb-plugin-cover"); var pluginCode = fbPlugin.innerHTML; window.onresize = function() { fbPlugin.innerHTML = pluginCode; FB.XFBML.parse(fbPlugin); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>