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
<nav> <a class="block-button1" href="uvod.html" target="hlavne"><img src="images/home.png"> Domov</a> <a class="block-button1" href="kontakt.html" target="hlavne"><img src="images/kontakt.png"> Kontakt</a> <nav> <a class="block-button1" href="uvod.html" target="hlavne"><img src="images/home.png"> Domov</a> </nav> <a class="block-button1" href="video.html" target="hlavne"><img src="images/kontakt.png"> Video</a> </nav>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
nav { display:block; } nav > nav { display: none; } nav a:hover ~ nav { display: block; position: absolute; } .block-button1, .block-button:visited, .wpsc_buy_button { background: url(images/bg-block-button.png) left bottom repeat-x #1C5FA5; background: linear-gradient(#999999, #333333); border: 0px solid #333333; color: #fff; cursor: pointer; display: inline-block; font: bold 12px arial; padding: 5px 15px 6px; width: 120px; height: 18px; margin-top: 1px; margin-bottom: 1px; margin-left: -2px; border-radius: 2px; } .block-button1:hover, .wpsc_buy_button:hover { background: url(images/bg-block-button-hover.png) left bottom repeat-x #1C5FA5; background: linear-gradient(#999999, #000000); color: #fff; cursor: pointer; text-decoration: none; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>