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
<menu> <li><a href="">Domů</a> <li><a href="">Reference</a> <li><a href="">Služby</a> <li><a href="">Produkty</a> <li><a href="">Ke stažení</a> <li><a href="">Fotogalerie</a> <li><a href="">Kontakt</a> </menu>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { font-family: Verdana; } menu li { display: inline-block; width: 85px; text-align: center; } menu a { display: block; position: relative; overflow: hidden; text-decoration: none; line-height: 2.5em; font-size: 83%; color: #173243; background: #668799; box-shadow: 0 -1.75em 2.5em -1em #173243 inset; } menu a:after { position: absolute; left: -150%; top: 0.2em; border-radius: 100%; content: ""; width: 400%; padding-top: 400%; box-shadow: 0 0 0 1em #173243; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>