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> <html> <head> <meta charset="utf-8" /> <title>#</title> <meta name="keywords" content="#"> <link rel="stylesheet" href="style.css" type="text/css" media="all" /> <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../themes/dark/dark.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="jquery/jquery.nivo.slider.pack.js" type="text/javascript"></script> </head> <body> <!-- Wrapper / Start --> <div id="wrapper"> <header id= "header"> <div id="logo"> </div> </header> <body> <nav id="menu"> <ul> <li><a href="1Menu.php" title="#" class="selected">2Menu</a></li> <li><a href="2Menu.php" title="#">2Menu</a></li> <li><a href="3Menu.php" title="#">3Menu</a></li> <li><a href="5Menu.php" title="#">4Menu</a></li> <li><a href="6Menu.php" title="#">5Menu</a></li> </ul> <div class="left-corner"></div> <div class="right-corner"></div> </nav> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* { margin: 0; padding: 0; outline: 0; } body, html { height: 100%; } body { font-size: 12px; line-height: 20px; font-family: arial, sans-serif; background: url(images/body.png) repeat 0 0; min-width: 920px; } img { border: none ; } #wrapper { width: 1020px ; margin: 0 auto; background: white ; } .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } #header { border-top: solid #169fe6 5px ; min-height: 130px; } #menu { width: 1040px; margin-left: -10px; background-color: #4c4c4c; } /* Shadows */ .left-corner, .right-corner { display:block; width: 0px; height: 0px; border-style: solid; position: relative; float: left; opacity: 0.58; filter:alpha(opacity=58); } .left-corner { border-color: transparent #888 transparent transparent; border-width: 0 9px 9px 0; float: left; left: 1px; } .right-corner { border-color: #888 transparent transparent transparent; border-width: 9px 9px 0 0; float: right; right: 1px; } #menu ul li { display: inline-block; } #menu ul li a { border-right:1px solid #666; padding: 16px 30px 16px 30px; line-height: 50px ; font-size: 15px; text-decoration: none; color: white ; } #menu ul li a:hover { background-color: #707070; } #menu ul li a.selected { background: #169fe6 ; color: white; 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>