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
<div class="menu"> <nav> <ul> <a><li>Domů</li></a> <a><li>Zdravý pohyb</li></a> </ul> </nav> </div> <div class="menu2"> <nav> <ul> <a><li>Domů</li></a> <a><li>Zdravý pohyb</li></a> </ul> </nav> </div> <div id="mezera"> kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra krav kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra kra </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.menu { background-color: #59ABE3; height: 40px; text-align: center; z-index:8; position:fixed; top:0; } .menu nav { margin: 0 auto; text-align: center;width: 100%; } .menu li { width: 180px; height: 30px;display: inline;text-decoration: none; padding: 10px 0 0 0; background-color: #59ABE3;} .menu nav ul li {float: left; margin: 0 auto;} .menu li:hover {transition: background-color 0.5s ease-out 0s; border-radius: 15%;background-color: rgb(0,153,255);} .menu nav a{color:black;text-decoration: none;} .menu2 { background-color: #59ABE3; height: 40px; text-align: center; z-index:8; margin:200px 0 0; } .menu2 nav { margin: 0 auto; text-align: center;width: 100%; } .menu2 li { width: 180px; height: 30px;display: inline; position: relative;text-decoration: none; padding: 10px 0 0 0; background-color: #59ABE3;} .menu2 ul {margin: 0 auto 0 20%;padding: 0;} .menu2 nav ul li {float: left; margin: 0 auto;} .menu2 li:hover {transition: background-color 0.5s ease-out 0s; border-radius: 15%;background-color: rgb(0,153,255);} .menu2 nav a{color:black;text-decoration: none;} .mezera{height:1000px;display:block;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>