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 lang="cs"> <head> <meta charset="utf-8"> <meta name="generator" content="PSPad editor, www.pspad.com"> <link rel="stylesheet" href="css/style.css"> <title></title> </head> <body> <div id="wrapper"> <div id="header"> <a href="#" title="Main page"> <img src="img/logo1.jpg" alt="" height="160px"> </a> <h1><a href="#" title="Main page">Nejaky nadpis</a></h1> </div> <div id="menu"> <div id="links"> <ul> <li><a href="#">Úvodní stránka </a></li> <li><a href="#">Odkaz</a></li> <li><a href="#">Kontakt</a></li> </ul> </div> </div> </div> <div id="obal"> <div id="content"> <h1>Nejaky nadpis</h1> </div> </div> <div id="footer"> <a href="mailto:@centrum.cz">text</a> <span id="casomira"></span> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background:#CDCCFE; background:linear-gradient(#CDCCFE, #6662FC) no-repeat; } *,body,h1 { margin:0; padding:0; box-sizing:border-box; } a{ text-decoration:none; } a:visited{ color:blue; } p{ font-family:Verdana, sans-serif, Times; } .aktivni{ background: #232341; } .uvod{ text-align: center; margin-bottom: 50px; } /* HLAVICKA*/ #wrapper{ width:100%; padding: 60px 0 0 0; background:#8986FC; } #header{ width:960px; height:160px; margin:0px auto 0 auto; background:#6662FC; /*#CDCCFE*/ } #header img{ float:left; } #header h1{ padding:35px 0 55px 175px; border-radius: 15px 15px 0 0; color:black; } #header h1 a{ color:black; padding: 40px 100px; line-height: 85px; } /*MENU*/ #menu{ width:100%; background: #8986FC; border-bottom: solid 2px black; } #menu ul{ width:500px; height: 50px; margin:0 auto; padding-left:100px; } #menu ul li{ list-style: none; float: left; } #menu a{ display:block; line-height: 50px; padding: 0 15px; color: silver; transition:500ms; } #menu a:visited{ color:silver; } #menu a:hover{ color: white; background: #232341; } /*OBSAH*/ #content{ width:960px; margin:30px auto 30px auto; padding: 30px; background:#D9D8FE; border-radius: 15px 15px 0 0; } #obal{ } #content h1{ width:80%; margin: 10px auto 30px auto; text-align: center; } #pocitadlo{ margin:0 0 0 30px; } /*PATICKA*/ #footer { width:100%; text-align:center; background:#232341; margin: 0; } #footer a { color:white; } #footer a:visited{ color:white; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>