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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <link rel="stylesheet" href="css.css" type="text/css"> <title> </title> </head> <body> <div class="svisle"> <a href="">Odkaz</a> <a href="">Odkaz</a> <a href="">Odkaz</a> <ul class="jan"> <li>1uovben <ul> <li>2</li> <li>2</li> <li>2</li> </ul> </li> </ul> </div> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.svisle ul li { display: inline-block; font-family: Segoe UI; color: #000; font-weight: bold; padding: 1em 0; width: 100px; text-align: center; text-decoration: none; background: #1081DD; transition: color .3s, box-shadow .3s; box-shadow: inset 0px 0 0 0 #0D6AB7; list-style:none; float: left;} .svisle ul li:hover { box-shadow: inset 0 70px 0 0 #0D6AB7; color: #fff; background: #1081DD;} .svisle ul li ul{display: none; background: rgb(51,153,51); } .svisle ul li:hover ul{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>