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
<p class="tlacitka"> <a href="http://www.facebook.com/sharer.php?u=http://jecas.cz/" class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false">Facebook</a> <a href="http://twitter.com/share?text=Poznámky+k+webdesignu&url=http://jecas.cz/" class="twitter-share-button">Tweet</a> <a href="https://plus.google.com/share?url=http://jecas.cz/" class="g-plusone" data-size="medium">Google +</a> </p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.tlacitka a { display: inline-block; text-align: center; padding: .2em .5em; color: #fff; text-decoration: none; position: relative; } .tlacitka .fb-like {background: #4B67A1} .tlacitka .twitter-share-button {background: #00ACEE} .tlacitka .g-plusone {background: #DD4B39} .tlacitka a:hover:before { content: ""; background-image: linear-gradient(#fff, #000); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .2; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>