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
<html> <head> <title>StrangeR</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="okno"> <div class="nadpis">Login Panel</div> </div> <div class="login"> <form> <input placeholder="Username" type="text"> <br /> <input placeholder="Password" type="password"> </form> </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* Telo */ body { background: url('img/bg.png'); background-size: cover; } /* Telo KONEC*/ /* Telo Loginu */ .okno { width: 650px; height: 320px; margin: 10% auto 0; background: rgba(0,0,0,.5); } .login { margin: 13% auto 0; position: absolute; top: 0px; left: 650px; padding: 10px; } /* Telo Loginu KONEC */ /* Hlava Loginu */ .okno div { background: #0099ff; padding: 10px; } .nadpis { font-face: WalkWayBold; color: #ffffff; text-align:center} color: #ffffff; text-align: center; } /* Hlava Loginu KONEC */
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>