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
<body bgcolor="gray"> <a href="/uzivatel.php?jmeno=Michales"> <div class="background"> <img class="image" title="Michales" src="http://i.nahraj.to/f/WxU.png"> <div> <img class="flag" title="CZ" src="http://stara-cistirna.cz/pronajmy/design/vlajka-cz.jpg"> </div> </div> Michales</a> <a href="/uzivatel.php?jmeno=Michales"> <div class="background"> <img class="image" title="Michales" src="http://i.nahraj.to/f/WxU.png"> <div> <img class="flag" title="CZ" src="http://stara-cistirna.cz/pronajmy/design/vlajka-cz.jpg"> </div> </div> Michales</a> <a href="/uzivatel.php?jmeno=Michales"> <div class="background"> <img class="image" title="Michales" src="http://i.nahraj.to/f/WxU.png"> <div> <img class="flag" title="CZ" src="http://stara-cistirna.cz/pronajmy/design/vlajka-cz.jpg"> </div> </div> Michales</a>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
a { line-height: 50px; padding-left: 60px; margin-bottom: 10px; display: block; height: 50px; } .background { background-image: url(http://i.nahraj.to/f/WxT.png); position: absolute; margin-left: -60px; width: 50px; height: 50px; background-repeat: no-repeat; display: block; } .background>img { position: absolute; width: 35px; height: 35px; top: 7px; left: 8px; } .background div { position: absolute; overflow: hidden; width: 12px; height: 12px; top: 34px; left: 41px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .background div img{ position: absolute; height: 12px; left: -1px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>