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 id="menu"> <ul id="nav"> <li class="current active index"><a href="http://grafik.cekuj.net/" title="Welcome">Home</a></li> <li class="contatcsd"><a href="http://grafik.cekuj.net/index.php?id=contatcsd" title="Contatcsd">Contact</a></li> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/** GLOBAL RESETS **/ :link,:visited {text-decoration:none} h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;} ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0} a img,:link img,:visited img {border:none} /** GLOBAL SETS **/ .clear {clear:both;} .hidden {display:none;} body {margin:0 0 50px 0;font-size:13px;color:#222;font-family:arial,lucida,tahoma, helvetica, verdana;background: url(images/back.jpg) no-repeat center top;text-align:center;} #wrapper { width:725px;margin: 0 auto;} #header { width:686px; height: 120px; background: url(images/Headr.png) no-repeat center top;margin: 0 auto;} #menu { width: 486px; height: 49px; } #menu li { list-style-type: none; float: left; padding-left: 30px; } #menu li a { width: 200px; height: 49px; background: url(http://grafik.cekuj.net/theme/Cardinal/images/button.png) no-repeat center top; color: #000; display: block; } #menu li a:hover, #menu li a:focus { color: #FFF; } #menu li.current a { color: #000; background: url(http://grafik.cekuj.net/theme/Cardinal/images/buttonA.png) no-repeat center top; z-index: 5 !important; /* 2× fuj!!! */ text-shadow: 0px -1px 1px #000; } #content { width: 666px; margin: 0 auto; background: rgb(0,0,0); border: 10px solid rgb(255,255,0); border-radius: 10px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>